Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Update/retire remaining colors #25213

Merged
merged 13 commits into from Sep 14, 2020
Merged

Conversation

jasmussen
Copy link
Contributor

This is a big one. But it's an important one. Hopefully as you review the code diff, you'll see how the effort most literally cleans up the UI by reducing colors to a subset. In nearly every case that also means slightly higher contrast, to fit with the overall 5.5 design efforts.

In some cases, notably block frontend styles, this PR also does it so they don't rely on variables anymore — those variables are reserved for user interface, not styles.

I am aware that this change is breaking for any NPM users that choose to update, and rely on existing colors. However I also consider this effort to be the wrapping up of color variable retirement efforts — I don't expect this file to change a lot after this one.

Most important change "after" screenshots — and really, you shouldn't note a massive difference at all:

Screenshot 2020-09-10 at 09 22 11

Screenshot 2020-09-10 at 09 22 55

Screenshot 2020-09-10 at 09 23 54

Screenshot 2020-09-10 at 09 29 09

Screenshot 2020-09-10 at 09 38 17

Screenshot 2020-09-10 at 09 39 09

Screenshot 2020-09-10 at 09 40 04

Screenshot 2020-09-10 at 09 44 58

Screenshot 2020-09-10 at 09 46 09

Screenshot 2020-09-10 at 09 53 58

Screenshot 2020-09-10 at 09 55 03

Screenshot 2020-09-10 at 10 01 50

Screenshot 2020-09-10 at 10 06 04

Screenshot 2020-09-10 at 10 08 32

Screenshot 2020-09-10 at 10 13 35

Screenshot 2020-09-10 at 10 14 22

Screenshot 2020-09-10 at 10 19 41

@jasmussen
Copy link
Contributor Author

@iamthomasbishop

The native version of this file remains unchanged, and the difference is now pretty stark. As far as I can tell, very few of the variables are even in use, so the stylesheet could be pared down drastically just removing those not in use. Let me know if I can help with anything there.

@github-actions
Copy link

github-actions bot commented Sep 10, 2020

Size Change: -337 B (0%)

Total Size: 1.2 MB

Filename Size Change
build/block-directory/style-rtl.css 943 B -10 B (1%)
build/block-directory/style.css 942 B -10 B (1%)
build/block-editor/style-rtl.css 11 kB -45 B (0%)
build/block-editor/style.css 11 kB -41 B (0%)
build/block-library/editor-rtl.css 8.67 kB -11 B (0%)
build/block-library/editor.css 8.67 kB -12 B (0%)
build/block-library/style-rtl.css 7.59 kB -4 B (0%)
build/block-library/style.css 7.59 kB -4 B (0%)
build/block-library/theme-rtl.css 741 B -13 B (1%)
build/block-library/theme.css 741 B -13 B (1%)
build/components/style-rtl.css 15.5 kB -58 B (0%)
build/components/style.css 15.4 kB -58 B (0%)
build/edit-post/style-rtl.css 6.24 kB -13 B (0%)
build/edit-post/style.css 6.22 kB -14 B (0%)
build/edit-site/style-rtl.css 3.13 kB -2 B (0%)
build/edit-site/style.css 3.13 kB -3 B (0%)
build/editor/style-rtl.css 3.8 kB -13 B (0%)
build/editor/style.css 3.8 kB -13 B (0%)
ℹ️ View Unchanged
Filename Size Change
build/a11y/index.js 1.14 kB 0 B
build/annotations/index.js 3.67 kB 0 B
build/api-fetch/index.js 3.41 kB 0 B
build/autop/index.js 2.83 kB 0 B
build/blob/index.js 620 B 0 B
build/block-directory/index.js 8.53 kB 0 B
build/block-editor/index.js 128 kB 0 B
build/block-library/index.js 139 kB 0 B
build/block-serialization-default-parser/index.js 1.88 kB 0 B
build/block-serialization-spec-parser/index.js 3.1 kB 0 B
build/blocks/index.js 47.8 kB 0 B
build/components/index.js 202 kB 0 B
build/compose/index.js 9.67 kB 0 B
build/core-data/index.js 12.4 kB 0 B
build/data-controls/index.js 1.29 kB 0 B
build/data/index.js 8.55 kB 0 B
build/date/index.js 31.9 kB 0 B
build/deprecated/index.js 772 B 0 B
build/dom-ready/index.js 568 B 0 B
build/dom/index.js 4.47 kB 0 B
build/edit-navigation/index.js 10.7 kB 0 B
build/edit-navigation/style-rtl.css 868 B 0 B
build/edit-navigation/style.css 871 B 0 B
build/edit-post/index.js 305 kB 0 B
build/edit-site/index.js 19.3 kB 0 B
build/edit-widgets/index.js 12.2 kB 0 B
build/edit-widgets/style-rtl.css 2.55 kB 0 B
build/edit-widgets/style.css 2.55 kB 0 B
build/editor/editor-styles-rtl.css 492 B 0 B
build/editor/editor-styles.css 493 B 0 B
build/editor/index.js 45.6 kB 0 B
build/element/index.js 4.65 kB 0 B
build/escape-html/index.js 733 B 0 B
build/format-library/index.js 7.71 kB 0 B
build/format-library/style-rtl.css 547 B 0 B
build/format-library/style.css 548 B 0 B
build/hooks/index.js 2.13 kB 0 B
build/html-entities/index.js 621 B 0 B
build/i18n/index.js 3.56 kB 0 B
build/is-shallow-equal/index.js 710 B 0 B
build/keyboard-shortcuts/index.js 2.52 kB 0 B
build/keycodes/index.js 1.94 kB 0 B
build/list-reusable-blocks/index.js 3.12 kB 0 B
build/list-reusable-blocks/style-rtl.css 476 B 0 B
build/list-reusable-blocks/style.css 476 B 0 B
build/media-utils/index.js 5.32 kB 0 B
build/notices/index.js 1.79 kB 0 B
build/nux/index.js 3.4 kB 0 B
build/nux/style-rtl.css 671 B 0 B
build/nux/style.css 668 B 0 B
build/plugins/index.js 2.56 kB 0 B
build/primitives/index.js 1.41 kB 0 B
build/priority-queue/index.js 789 B 0 B
build/redux-routine/index.js 2.85 kB 0 B
build/rich-text/index.js 13.9 kB 0 B
build/server-side-render/index.js 2.77 kB 0 B
build/shortcode/index.js 1.7 kB 0 B
build/token-list/index.js 1.27 kB 0 B
build/url/index.js 4.06 kB 0 B
build/viewport/index.js 1.85 kB 0 B
build/warning/index.js 1.14 kB 0 B
build/wordcount/index.js 1.17 kB 0 B

compressed-size-action

Copy link
Contributor

@MichaelArestad MichaelArestad left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

My biggest concern is how light the borders have become. It's a bit hard to see them for me because of how bright this room is. Could we instead use the color used in the border located in the inserter under the Patterns/Reusable tabs? Perhaps this is best iterated on in another issue? I'm approving this for now as all the changes are an improvement.

image

@@ -1,13 +1,13 @@
.wp-block-pullquote {
border-top: 4px solid $dark-gray-500;
border-bottom: 4px solid $dark-gray-500;
border-top: 4px solid #555;
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Could these be currentColor since you define the color?

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

That's a great thought, and I was going to implement it. However that makes this a bigger change — 555 is basically just a neutral gray version of the same color that was there before, which is very middle of the road gray. currentColor is going to be the same color as the text — which I agree it should be, because look:

.wp-block-pullquote {
	border-top: 4px solid #555;
	border-bottom: 4px solid #555;
	margin-bottom: 1.75em;
	color: #555;

	cite,
	footer,
	&__citation {
		color: #555;
		text-transform: uppercase;
		font-size: 0.8125em;
		font-style: normal;
	}
}

The body text is also gray. So it's not super arbitrary-background friendly.

But it also makes it a bigger change so I'm wondering if it shouldn't be a separate PR?

Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Separate PR works for me.

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Followup here: #25358

@iamthomasbishop
Copy link

The native version of this file remains unchanged, and the difference is now pretty stark. As far as I can tell, very few of the variables are even in use, so the stylesheet could be pared down drastically just removing those not in use. Let me know if I can help with anything there.

@jasmussen I don't think we are using a lot of the variables from the web (at least intentionally), but I'd have to dig deeper to get a clear picture. It just so happens that we'll be migrating to a new native platform-friendly color system (along with some overdue cleanup) next week, so we may ping you if we have questions/concerns 😄 // cc @maxme

@shaunandrews
Copy link
Contributor

My biggest concern is how light the borders have become

Same. Its all very washed out.

@jasmussen
Copy link
Contributor Author

About the light borders — it's very important to find a good balance here, so that important borders contrast with less important borders.

Because this PR is focused on retiring the variables, I'm going to rebase for now and make it ready to merge, and I promise I'll follow up on any PRs as discussion goes on. @youknowriad can you also give a sanity check? Thank you!

@youknowriad
Copy link
Contributor

Ship it. :)

@jasmussen jasmussen merged commit 162bc50 into master Sep 14, 2020
@jasmussen jasmussen deleted the update/retire-remaining-colors branch September 14, 2020 09:16
@github-actions github-actions bot added this to the Gutenberg 9.0 milestone Sep 14, 2020
tyxla added a commit to Automattic/wp-calypso that referenced this pull request Oct 9, 2020
tyxla added a commit to Automattic/wp-calypso that referenced this pull request Oct 9, 2020
tyxla added a commit to Automattic/wp-calypso that referenced this pull request Oct 9, 2020
mzorz added a commit that referenced this pull request Nov 10, 2020
* updated initial example html content file with story block

* adding method requestStoryCreatorLoad() to the bridge

* added new interface OnStoryCreatorRequestListener

* passing mediaFiles and blockId over the bridge in requestStoryCreatorLoad()

* prettier fix

* added gray-700 color, missing if not after retiring and changes made in  (#25213)

* removed jetpack stories example block from initial demo load

* Mobile Stories block (part2: on done) (#25771)

* added mobile StoryUpdateProgress component and bridge code to send/receive save progress

* updated WPAndroid bridge DeferredEventEmitter to handle Story save events separately

* changed all Save event interface methods to use String ids instead of int, and removed serverMediaId params as these don't apply while saving locally

* redefined upload/save state constants

* added onStorySaveResult handling to bridge, and renamed STORY_SAVE_STATE_* events to MEDIA_SAVE_STATE_* where appropriate

* checking for matches of mediaId in  mediaFiles while saving to send save progress updates

* added mediaModelCreated() method to the bridge, so a new ID can be assigned to a mediaFile in a Story block

* mediaId should always be a string in mediaFiles so, converting to avoid strict comparison to fail

* removed commented code

* updated documentation

* added missing implementation of method storySaveSync() in demo app

* fixed prettier warning

* Update packages/block-editor/src/components/story-update-progress/README.md

Co-authored-by: Joel Dean <jdeanjj1000@gmail.com>

* Update packages/block-editor/src/components/story-update-progress/README.md

Co-authored-by: Joel Dean <jdeanjj1000@gmail.com>

* Mobile Stories block (part3: refactor / rename) (#26005)

* renames for generic media files collection block and BlockMediaUpdateProgres

* referencing the right props method in finishMediaSaveWithFailure

* mistaken renames of  parameters in bridge methods

* renamed more abstract/generic method names requestMediaFilesEditorLoad

* removed extra whtie space

* renamed argument type

Co-authored-by: Joel Dean <jdeanjj1000@gmail.com>

* Update packages/block-editor/src/components/block-media-update-progress/README.md

Co-authored-by: Paul Von Schrottky <paul.von.schrottky@automattic.com>

* using array.some() to find element in array

* prettified function call

* removed commented code

* Media Files Collection (part4: error handling) (#26008)

* added mobile StoryUpdateProgress component and bridge code to send/receive save progress

* updated WPAndroid bridge DeferredEventEmitter to handle Story save events separately

* changed all Save event interface methods to use String ids instead of int, and removed serverMediaId params as these don't apply while saving locally

* redefined upload/save state constants

* added onStorySaveResult handling to bridge, and renamed STORY_SAVE_STATE_* events to MEDIA_SAVE_STATE_* where appropriate

* checking for matches of mediaId in  mediaFiles while saving to send save progress updates

* added mediaModelCreated() method to the bridge, so a new ID can be assigned to a mediaFile in a Story block

* mediaId should always be a string in mediaFiles so, converting to avoid strict comparison to fail

* removed commented code

* updated documentation

* added missing implementation of method storySaveSync() in demo app

* fixed prettier warning

* renames for generic media files collection block and BlockMediaUpdateProgres

* referencing the right props method in finishMediaSaveWithFailure

* mistaken renames of  parameters in bridge methods

* renamed more abstract/generic method names requestMediaFilesEditorLoad

* removed extra whtie space

* renamed argument type

* renamed event paramter name to easier to understand 'success' boolean, matching the native counterpart

* added cancel and retry bridge methods specific for mediaFiles collection based blocks

* added requestMediaFilesSaveCancelDialog bridge method

* renamed bridge method mediaModelCreatedForFile for more general purpose mediaIdChanged

* Add missing iOS bridge declarations

* added jsdoc like description for methods

* removed unneeded return statement in some bridge methods

* Update packages/react-native-bridge/index.js

Co-authored-by: Joel Dean <jdeanjj1000@gmail.com>

* Update packages/react-native-bridge/index.js

Co-authored-by: Joel Dean <jdeanjj1000@gmail.com>

* Update packages/react-native-bridge/index.js

Co-authored-by: Joel Dean <jdeanjj1000@gmail.com>

* fixed typo, added punctuation

Co-authored-by: eToledo <etoledom@icloud.com>
Co-authored-by: Joel Dean <jdeanjj1000@gmail.com>

* [RNMobile] added jetpack node_modules folder to cleanup step in JSbundle building (#26247)

* added mobile StoryUpdateProgress component and bridge code to send/receive save progress

* updated WPAndroid bridge DeferredEventEmitter to handle Story save events separately

* changed all Save event interface methods to use String ids instead of int, and removed serverMediaId params as these don't apply while saving locally

* redefined upload/save state constants

* added onStorySaveResult handling to bridge, and renamed STORY_SAVE_STATE_* events to MEDIA_SAVE_STATE_* where appropriate

* checking for matches of mediaId in  mediaFiles while saving to send save progress updates

* added mediaModelCreated() method to the bridge, so a new ID can be assigned to a mediaFile in a Story block

* mediaId should always be a string in mediaFiles so, converting to avoid strict comparison to fail

* removed commented code

* updated documentation

* added missing implementation of method storySaveSync() in demo app

* fixed prettier warning

* renames for generic media files collection block and BlockMediaUpdateProgres

* referencing the right props method in finishMediaSaveWithFailure

* mistaken renames of  parameters in bridge methods

* renamed more abstract/generic method names requestMediaFilesEditorLoad

* removed extra whtie space

* renamed argument type

* renamed event paramter name to easier to understand 'success' boolean, matching the native counterpart

* added cancel and retry bridge methods specific for mediaFiles collection based blocks

* added requestMediaFilesSaveCancelDialog bridge method

* renamed bridge method mediaModelCreatedForFile for more general purpose mediaIdChanged

* added jetpack node_modules folder to cleanup step in JSbundle building tasks

* Mobile Stories block - unit tests for BlockMediaUpdateProgress (#26423)

* adding upload progress tests on BLockMediaUpdateProgress component (mediaFiles collection)

* added save event tests for BlockMediaUpdateProgress component

* ids in mediaFiles array are always strings, fixed that

* updated function name passed by props

* fixed mediaFiles const passing for saving, using tempMediaFiles

* fixed state change for saveReset signal, was changing upload state instead

* fixed typo

* fixed using save state var

* changed to more descriptive test names

* removed commented line

* renamed vars to match bridge signal name

* Mobile stories block: hide behind feature flag (#26522)

* hide Story block in non-DEV builds

* prettified

* passing enableStories feature flag in GutenbergProps and hiding block from picker if false

* added space

* renamed bridge GutenbergProps property to agnostic abstraction mediaFilesCollectionBlock

* renamed var on Capabilities enum

* removed stories specific block behavior

* added Jdoc descriptions

* [RNMobile] iOS side of bridge for media collection blocks (#26704)

* Activate media files collection capabilitie on iOS example app

* Implement iOS side of Bridge for Media Collection blocks

* Update packages/react-native-bridge/ios/RNReactNativeGutenbergBridge.swift

Co-authored-by: Paul Von Schrottky <paul.von.schrottky@automattic.com>

Co-authored-by: Paul Von Schrottky <paul.von.schrottky@automattic.com>

Co-authored-by: Joel Dean <jdeanjj1000@gmail.com>
Co-authored-by: Paul Von Schrottky <paul.von.schrottky@automattic.com>
Co-authored-by: eToledo <etoledom@icloud.com>
cameronvoell pushed a commit that referenced this pull request Nov 14, 2020
* updated initial example html content file with story block

* adding method requestStoryCreatorLoad() to the bridge

* added new interface OnStoryCreatorRequestListener

* passing mediaFiles and blockId over the bridge in requestStoryCreatorLoad()

* prettier fix

* added gray-700 color, missing if not after retiring and changes made in  (#25213)

* removed jetpack stories example block from initial demo load

* Mobile Stories block (part2: on done) (#25771)

* added mobile StoryUpdateProgress component and bridge code to send/receive save progress

* updated WPAndroid bridge DeferredEventEmitter to handle Story save events separately

* changed all Save event interface methods to use String ids instead of int, and removed serverMediaId params as these don't apply while saving locally

* redefined upload/save state constants

* added onStorySaveResult handling to bridge, and renamed STORY_SAVE_STATE_* events to MEDIA_SAVE_STATE_* where appropriate

* checking for matches of mediaId in  mediaFiles while saving to send save progress updates

* added mediaModelCreated() method to the bridge, so a new ID can be assigned to a mediaFile in a Story block

* mediaId should always be a string in mediaFiles so, converting to avoid strict comparison to fail

* removed commented code

* updated documentation

* added missing implementation of method storySaveSync() in demo app

* fixed prettier warning

* Update packages/block-editor/src/components/story-update-progress/README.md

Co-authored-by: Joel Dean <jdeanjj1000@gmail.com>

* Update packages/block-editor/src/components/story-update-progress/README.md

Co-authored-by: Joel Dean <jdeanjj1000@gmail.com>

* Mobile Stories block (part3: refactor / rename) (#26005)

* renames for generic media files collection block and BlockMediaUpdateProgres

* referencing the right props method in finishMediaSaveWithFailure

* mistaken renames of  parameters in bridge methods

* renamed more abstract/generic method names requestMediaFilesEditorLoad

* removed extra whtie space

* renamed argument type

Co-authored-by: Joel Dean <jdeanjj1000@gmail.com>

* Update packages/block-editor/src/components/block-media-update-progress/README.md

Co-authored-by: Paul Von Schrottky <paul.von.schrottky@automattic.com>

* using array.some() to find element in array

* prettified function call

* removed commented code

* Media Files Collection (part4: error handling) (#26008)

* added mobile StoryUpdateProgress component and bridge code to send/receive save progress

* updated WPAndroid bridge DeferredEventEmitter to handle Story save events separately

* changed all Save event interface methods to use String ids instead of int, and removed serverMediaId params as these don't apply while saving locally

* redefined upload/save state constants

* added onStorySaveResult handling to bridge, and renamed STORY_SAVE_STATE_* events to MEDIA_SAVE_STATE_* where appropriate

* checking for matches of mediaId in  mediaFiles while saving to send save progress updates

* added mediaModelCreated() method to the bridge, so a new ID can be assigned to a mediaFile in a Story block

* mediaId should always be a string in mediaFiles so, converting to avoid strict comparison to fail

* removed commented code

* updated documentation

* added missing implementation of method storySaveSync() in demo app

* fixed prettier warning

* renames for generic media files collection block and BlockMediaUpdateProgres

* referencing the right props method in finishMediaSaveWithFailure

* mistaken renames of  parameters in bridge methods

* renamed more abstract/generic method names requestMediaFilesEditorLoad

* removed extra whtie space

* renamed argument type

* renamed event paramter name to easier to understand 'success' boolean, matching the native counterpart

* added cancel and retry bridge methods specific for mediaFiles collection based blocks

* added requestMediaFilesSaveCancelDialog bridge method

* renamed bridge method mediaModelCreatedForFile for more general purpose mediaIdChanged

* Add missing iOS bridge declarations

* added jsdoc like description for methods

* removed unneeded return statement in some bridge methods

* Update packages/react-native-bridge/index.js

Co-authored-by: Joel Dean <jdeanjj1000@gmail.com>

* Update packages/react-native-bridge/index.js

Co-authored-by: Joel Dean <jdeanjj1000@gmail.com>

* Update packages/react-native-bridge/index.js

Co-authored-by: Joel Dean <jdeanjj1000@gmail.com>

* fixed typo, added punctuation

Co-authored-by: eToledo <etoledom@icloud.com>
Co-authored-by: Joel Dean <jdeanjj1000@gmail.com>

* [RNMobile] added jetpack node_modules folder to cleanup step in JSbundle building (#26247)

* added mobile StoryUpdateProgress component and bridge code to send/receive save progress

* updated WPAndroid bridge DeferredEventEmitter to handle Story save events separately

* changed all Save event interface methods to use String ids instead of int, and removed serverMediaId params as these don't apply while saving locally

* redefined upload/save state constants

* added onStorySaveResult handling to bridge, and renamed STORY_SAVE_STATE_* events to MEDIA_SAVE_STATE_* where appropriate

* checking for matches of mediaId in  mediaFiles while saving to send save progress updates

* added mediaModelCreated() method to the bridge, so a new ID can be assigned to a mediaFile in a Story block

* mediaId should always be a string in mediaFiles so, converting to avoid strict comparison to fail

* removed commented code

* updated documentation

* added missing implementation of method storySaveSync() in demo app

* fixed prettier warning

* renames for generic media files collection block and BlockMediaUpdateProgres

* referencing the right props method in finishMediaSaveWithFailure

* mistaken renames of  parameters in bridge methods

* renamed more abstract/generic method names requestMediaFilesEditorLoad

* removed extra whtie space

* renamed argument type

* renamed event paramter name to easier to understand 'success' boolean, matching the native counterpart

* added cancel and retry bridge methods specific for mediaFiles collection based blocks

* added requestMediaFilesSaveCancelDialog bridge method

* renamed bridge method mediaModelCreatedForFile for more general purpose mediaIdChanged

* added jetpack node_modules folder to cleanup step in JSbundle building tasks

* Mobile Stories block - unit tests for BlockMediaUpdateProgress (#26423)

* adding upload progress tests on BLockMediaUpdateProgress component (mediaFiles collection)

* added save event tests for BlockMediaUpdateProgress component

* ids in mediaFiles array are always strings, fixed that

* updated function name passed by props

* fixed mediaFiles const passing for saving, using tempMediaFiles

* fixed state change for saveReset signal, was changing upload state instead

* fixed typo

* fixed using save state var

* changed to more descriptive test names

* removed commented line

* renamed vars to match bridge signal name

* Mobile stories block: hide behind feature flag (#26522)

* hide Story block in non-DEV builds

* prettified

* passing enableStories feature flag in GutenbergProps and hiding block from picker if false

* added space

* renamed bridge GutenbergProps property to agnostic abstraction mediaFilesCollectionBlock

* renamed var on Capabilities enum

* removed stories specific block behavior

* added Jdoc descriptions

* [RNMobile] iOS side of bridge for media collection blocks (#26704)

* Activate media files collection capabilitie on iOS example app

* Implement iOS side of Bridge for Media Collection blocks

* Update packages/react-native-bridge/ios/RNReactNativeGutenbergBridge.swift

Co-authored-by: Paul Von Schrottky <paul.von.schrottky@automattic.com>

Co-authored-by: Paul Von Schrottky <paul.von.schrottky@automattic.com>

Co-authored-by: Joel Dean <jdeanjj1000@gmail.com>
Co-authored-by: Paul Von Schrottky <paul.von.schrottky@automattic.com>
Co-authored-by: eToledo <etoledom@icloud.com>
mzorz added a commit that referenced this pull request Nov 14, 2020
* updated initial example html content file with story block

* adding method requestStoryCreatorLoad() to the bridge

* added new interface OnStoryCreatorRequestListener

* passing mediaFiles and blockId over the bridge in requestStoryCreatorLoad()

* prettier fix

* added gray-700 color, missing if not after retiring and changes made in  (#25213)

* removed jetpack stories example block from initial demo load

* Mobile Stories block (part2: on done) (#25771)

* added mobile StoryUpdateProgress component and bridge code to send/receive save progress

* updated WPAndroid bridge DeferredEventEmitter to handle Story save events separately

* changed all Save event interface methods to use String ids instead of int, and removed serverMediaId params as these don't apply while saving locally

* redefined upload/save state constants

* added onStorySaveResult handling to bridge, and renamed STORY_SAVE_STATE_* events to MEDIA_SAVE_STATE_* where appropriate

* checking for matches of mediaId in  mediaFiles while saving to send save progress updates

* added mediaModelCreated() method to the bridge, so a new ID can be assigned to a mediaFile in a Story block

* mediaId should always be a string in mediaFiles so, converting to avoid strict comparison to fail

* removed commented code

* updated documentation

* added missing implementation of method storySaveSync() in demo app

* fixed prettier warning

* Update packages/block-editor/src/components/story-update-progress/README.md

Co-authored-by: Joel Dean <jdeanjj1000@gmail.com>

* Update packages/block-editor/src/components/story-update-progress/README.md

Co-authored-by: Joel Dean <jdeanjj1000@gmail.com>

* Mobile Stories block (part3: refactor / rename) (#26005)

* renames for generic media files collection block and BlockMediaUpdateProgres

* referencing the right props method in finishMediaSaveWithFailure

* mistaken renames of  parameters in bridge methods

* renamed more abstract/generic method names requestMediaFilesEditorLoad

* removed extra whtie space

* renamed argument type

Co-authored-by: Joel Dean <jdeanjj1000@gmail.com>

* Update packages/block-editor/src/components/block-media-update-progress/README.md

Co-authored-by: Paul Von Schrottky <paul.von.schrottky@automattic.com>

* using array.some() to find element in array

* prettified function call

* removed commented code

* Media Files Collection (part4: error handling) (#26008)

* added mobile StoryUpdateProgress component and bridge code to send/receive save progress

* updated WPAndroid bridge DeferredEventEmitter to handle Story save events separately

* changed all Save event interface methods to use String ids instead of int, and removed serverMediaId params as these don't apply while saving locally

* redefined upload/save state constants

* added onStorySaveResult handling to bridge, and renamed STORY_SAVE_STATE_* events to MEDIA_SAVE_STATE_* where appropriate

* checking for matches of mediaId in  mediaFiles while saving to send save progress updates

* added mediaModelCreated() method to the bridge, so a new ID can be assigned to a mediaFile in a Story block

* mediaId should always be a string in mediaFiles so, converting to avoid strict comparison to fail

* removed commented code

* updated documentation

* added missing implementation of method storySaveSync() in demo app

* fixed prettier warning

* renames for generic media files collection block and BlockMediaUpdateProgres

* referencing the right props method in finishMediaSaveWithFailure

* mistaken renames of  parameters in bridge methods

* renamed more abstract/generic method names requestMediaFilesEditorLoad

* removed extra whtie space

* renamed argument type

* renamed event paramter name to easier to understand 'success' boolean, matching the native counterpart

* added cancel and retry bridge methods specific for mediaFiles collection based blocks

* added requestMediaFilesSaveCancelDialog bridge method

* renamed bridge method mediaModelCreatedForFile for more general purpose mediaIdChanged

* Add missing iOS bridge declarations

* added jsdoc like description for methods

* removed unneeded return statement in some bridge methods

* Update packages/react-native-bridge/index.js

Co-authored-by: Joel Dean <jdeanjj1000@gmail.com>

* Update packages/react-native-bridge/index.js

Co-authored-by: Joel Dean <jdeanjj1000@gmail.com>

* Update packages/react-native-bridge/index.js

Co-authored-by: Joel Dean <jdeanjj1000@gmail.com>

* fixed typo, added punctuation

Co-authored-by: eToledo <etoledom@icloud.com>
Co-authored-by: Joel Dean <jdeanjj1000@gmail.com>

* [RNMobile] added jetpack node_modules folder to cleanup step in JSbundle building (#26247)

* added mobile StoryUpdateProgress component and bridge code to send/receive save progress

* updated WPAndroid bridge DeferredEventEmitter to handle Story save events separately

* changed all Save event interface methods to use String ids instead of int, and removed serverMediaId params as these don't apply while saving locally

* redefined upload/save state constants

* added onStorySaveResult handling to bridge, and renamed STORY_SAVE_STATE_* events to MEDIA_SAVE_STATE_* where appropriate

* checking for matches of mediaId in  mediaFiles while saving to send save progress updates

* added mediaModelCreated() method to the bridge, so a new ID can be assigned to a mediaFile in a Story block

* mediaId should always be a string in mediaFiles so, converting to avoid strict comparison to fail

* removed commented code

* updated documentation

* added missing implementation of method storySaveSync() in demo app

* fixed prettier warning

* renames for generic media files collection block and BlockMediaUpdateProgres

* referencing the right props method in finishMediaSaveWithFailure

* mistaken renames of  parameters in bridge methods

* renamed more abstract/generic method names requestMediaFilesEditorLoad

* removed extra whtie space

* renamed argument type

* renamed event paramter name to easier to understand 'success' boolean, matching the native counterpart

* added cancel and retry bridge methods specific for mediaFiles collection based blocks

* added requestMediaFilesSaveCancelDialog bridge method

* renamed bridge method mediaModelCreatedForFile for more general purpose mediaIdChanged

* added jetpack node_modules folder to cleanup step in JSbundle building tasks

* Mobile Stories block - unit tests for BlockMediaUpdateProgress (#26423)

* adding upload progress tests on BLockMediaUpdateProgress component (mediaFiles collection)

* added save event tests for BlockMediaUpdateProgress component

* ids in mediaFiles array are always strings, fixed that

* updated function name passed by props

* fixed mediaFiles const passing for saving, using tempMediaFiles

* fixed state change for saveReset signal, was changing upload state instead

* fixed typo

* fixed using save state var

* changed to more descriptive test names

* removed commented line

* renamed vars to match bridge signal name

* Mobile stories block: hide behind feature flag (#26522)

* hide Story block in non-DEV builds

* prettified

* passing enableStories feature flag in GutenbergProps and hiding block from picker if false

* added space

* renamed bridge GutenbergProps property to agnostic abstraction mediaFilesCollectionBlock

* renamed var on Capabilities enum

* removed stories specific block behavior

* added Jdoc descriptions

* [RNMobile] iOS side of bridge for media collection blocks (#26704)

* Activate media files collection capabilitie on iOS example app

* Implement iOS side of Bridge for Media Collection blocks

* Update packages/react-native-bridge/ios/RNReactNativeGutenbergBridge.swift

Co-authored-by: Paul Von Schrottky <paul.von.schrottky@automattic.com>

Co-authored-by: Paul Von Schrottky <paul.von.schrottky@automattic.com>

Co-authored-by: Joel Dean <jdeanjj1000@gmail.com>
Co-authored-by: Paul Von Schrottky <paul.von.schrottky@automattic.com>
Co-authored-by: eToledo <etoledom@icloud.com>

Co-authored-by: mzorz <mariozorz@gmail.com>
Co-authored-by: Joel Dean <jdeanjj1000@gmail.com>
Co-authored-by: Paul Von Schrottky <paul.von.schrottky@automattic.com>
Co-authored-by: eToledo <etoledom@icloud.com>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
[Type] Code Quality Issues or PRs that relate to code quality
Projects
None yet
Development

Successfully merging this pull request may close these issues.

None yet

5 participants