Darren Coutts 1:05 pm on March 14, 2019
Tags: agenda ( 330 ), core-editor ( 99 ), editor ( 100 ), gutenberg

Editor chat summary: March 13th

This post summarizes the latest weekly Editor meeting, held in the #core-editor Slack channel, on Wednesday, March 13, 2019, 14:00 UTC.

Block Directory Proposal

@youknowriad shared the block directory proposal post and raised that the current block registration APIs do not allow for this kind of plugins, and therefore this would need to be be resolved before building the directory. It is proposed that a private API is created first for use only with core blocks to allow iterations.

Discussions are to continue on the above post and the relevant pull requests.

Code Owners Experimentation Feedback

A few weeks ago, a code owners flow has been introduced to the Gutenberg repository. This allows to automatically ping people to review pull requests based on their interests on a certain area of the codebase.

A Discussion took place on the goal for this and whether it was achieved.

@aduth raised that one of the goals is to raise awareness and to get more core contributors.
@nosolosw felt that sometimes too many pings were sent out, and as a new contributor couldn’t commit the required time to review the codebase.
@youknowriad feels that the new workflow is not useful for occasional contributors.
@mcsf feels that the file paths do not map to the topics that people are interested in.

The new workflow will be kept for now, and reviewed at a later date.

Key Pull Requests

Block Management – @aduth is actively working on this PR, some minor decisions still to be made, including wording.
Section Block – General consensus is that this should be shipped as an experimental block first. This is hoped to land soon, and will be iterated upon.
Block outlines UI – The PR is close to merge, it improves the Block outlines for the hover and selected state. @kjellr would like some feedback and testing on this PR.
React 16.8 Upgrade – React is going to be updated on time for WordPress 5.2

Tasks Coordination

@aduth @mapk and the design team will be shipping the block management UI shortly
@get_dave and @danr are working on the section block (and related items) and will hopefully land a v1 shortly
@kjellr @joen @mapk and others are improving the hover and selected block outlines
@gziolo is working on the Block Registration API v2 and Axe tool integration
@youknowriad is working on the block editor module
@nerrad will resume working on the effects -> controls migration
@nosolosw and @gziolo are working on wp-scripts CLI improvements
@marekhrabe is working on improvements to the Media & Text resizer
@jorgefilipecosta is working on inserter improvements, e2e tests and the widget screen APIs

The meeting archive is here.

The agenda for the next meeting is here, please add anything you want to discuss.

#meeting-notes, #core-editor, #editor, #gutenberg

#agenda, #editor, #gutenberg

Riad Benguella 1:24 pm on March 6, 2019
Tags: core-editor ( 99 ), editor ( 100 ), gutenberg

What’s New in Gutenberg? (6th March)

As we dive into the block-based widgets screen, foundational work is required to support using the Gutenberg editor outside the Post Editor context. This release falls into this category of releases where it’s more about building the foundations and making the Gutenberg modules more flexible to support these new use-cases.

It introduces a new @wordpress/block-editor module allowing building block editors outside the post editor context and even outside the WordPress Admin context. This has some costs on the performance of the keypress events while working on very long posts that we hope to alleviate in the upcoming releases.

5.2 Enhancements

Update the button block description wording.
Design and a11y improvements for the custom color picker.
Tweak the FontSizePicker height to match regular select elements.
Improvements to the local state persistence behavior.
Improvements to the URL input popover design.
Disable block navigation and document outline items in text mode.
Improve the quote block icons.
Animate the sidebar tabs switching.

Bug Fixes

Select the last block when pasting content.
Fix the block validation when the default attribute value of a block is changed.
Forces the min/max value validation in the RangeControl component.
Display HTML properly in the post titles of the latest posts block.
Fix drag and dropping a column block on itself.
Fix new lines in the preformatted block.
Fix text underline shortcut.
Fix calling gutenberg plugin functions in the frontend context.
Fix pasting a single line from Google Docs (ignoring the strong element).
Fix FocalPointPicker rendering unlabelled input fields.
Show the images uploaded in the gallery block in the media modal.
Fix wordwise selection on Windows.
Preserve empty table cells when pasting content.
Fix focus loss when deleting the last block.

Documentation

Add the Block specific toolbar button sample to the format api tutorial.
Introduce a package to automatically generate the API documentation.
Tweaks: 1, 2, 3, 4, 5, 6, 7, 8, 9, 10.

Various

Introduce a generic block editor module.
Creates an empty page that will contain the future widget screen explorations.
Fix emoji in the demo content.
Warn when the user is using an inline element as a RichText container.
Make Babel import JSX pragma plugin aware of the createElement usage.
Include the JSX pragma plugin into the default WordPress babel config.
Update the non-embeddable URLs wording.

Chore

Refactoring of the block fixtures tests.
Refactoring the eslint custom import lint rule.
Refactoring the selection of previous/next blocks actions.
Refactoring the post editor effects to use actions and resolvers instead.
Use forEach instead of map when appropriate and enforce it with an eslint rule.
Remove TinyMCE external dependency mapping.
Extract webpack config into the scripts package.
Improve e2e tests stability.t
Avoid mutating webpack imported config.
Upgrade Jest to version 24.
Add repository.directory field to the npm packages and an linting rule to enforce it.
Update server blocks script to use core equivalent function.
Remove the vendor scripts registration.
Use the editor settings to pass a mediaUpload handler.
Remove deprecated Gutenberg plugin functions and features moved to core.
Remove unnecessary Enzyme React 16 workarounds from the unit tests.
Remove wp-editor-font stylesheet override.
Preserve inline scripts when overriding core scripts.
Support referencing the IconButton component.
Refactor the i18n setup of the Gutenberg plugin.

Mobile

Add an image placeholder when the size is being computed.
Update the image thumbnail when the image is being uploaded.
Support the Format Library.
Bottom Sheet design improvements.
Update the default block appender placehoder.
Support pasting content using the Gutenberg paste handler.
Fix alignment issues for the appender and paragraph block placeholders.

Performance Benchmark

The following benchmark compares performance for a particularly sizeable post (~ 36000 words, ~ 1000 blocks) over the last releases. Such a large post isn’t representative of the average editing experience, but is adequate for spotting variations in performance.

Version	Loading Time	KeyPress event (typing)
Gutenberg 5.2.0	11.7 seconds	57.8 ms
Gutenberg 5.1.0	11.4 seconds	22.25 ms
Gutenberg 4.8 (WordPress 5.1)	15.1 seconds	126 ms
Gutenberg 4.7 (WordPress 5.0)	16 seconds	185.2 ms

👏 Kudos to all the contributors. Thank you.

#core-editor, #editor, #gutenberg

Darren Coutts 4:39 pm on February 22, 2019
Tags: agenda ( 330 ), core-editor ( 99 ), editor ( 100 ), gutenberg

Editor chat summary: February 20th

This post summarizes the latest weekly Editor meeting, held in the #core-editor Slack channel, on Wednesday, February 20, 2019, 14:00 UTC.

Gutenberg Release 5.1

Gutenberg 5.1 has been released which marks the end of the widget to blocks project. There are a range of essential enhancements which have been made in this release; details can be found on the release post.

WordPress 5.2 Planning

Based on the proposed schedule and scope for 5.2, a proposal to synchronize the Gutenberg plugin release dates with the WordPress feature-freeze date have been shared. Some concerns were raised about the short timeframes. This will be adapted to the final WordPress 5.2 release schedule.

The WordPress 5.2 scope has been discussed including the need for block discovery and management solutions as many users are feeling overwhelmed with the available choices.

Concerns about the short time frame to achieve these goals for 5.2 were shared and it was suggested that being able to turn blocks on/off. Favourite blocks could form part of 5.2. The wp.org directory could be independent of this roadmap.

Updating wordpress.org/gutenberg

The role and the necessary updates for this page were discussed:

The copy of the content needs to be refreshed.
Consistency with the marketing terminology is important.
Whether the page should be a feature page, or more related to the project roadmap.

@joostdevalk shared a call for ideas and thoughts over the next couple of days.

Tasks Coordination

For the next week, this is what everyone is working on:

@gziolo is starting to implement the new Block Registration API.
@mkaz is continuing on the documentation effort (i18n and JavaScript setup).
@youknowriad is starting to plan the block management and the widget screen work.
@youknowriad and @aduth will work on landing the generic block editor module.
@nosolosw is going to continue on the React deprecated APIs and JS documentation auto-generation.
@getdave and @marekhrabe are working on vertical alignment for the columns and media+text blocks.
@talldanwp and @andrei are working on the section block.
@jorgefilipecosta is working on improvements for the Calendar block, MediaPlaceholder and block insertion restrictions.

Open Floor

@getdave raised that there is a lack of test for our core blocks which makes it difficult to develop upon them.
- Information on the tests we have can be found here: https://github.com/WordPress/gutenberg/tree/master/packages/e2e-tests/specs/blocks
- It was acknowledged that further development in this area is required.

The meeting archive is here.

The agenda for the next meeting is here, please add anything you want to discuss.

#meeting-notes, #core-editor, #editor, #gutenberg

#agenda, #editor, #gutenberg

Riad Benguella 10:37 am on February 20, 2019
Tags: core-editor ( 99 ), editor ( 100 ), gutenberg

What’s New in Gutenberg? (20th February)

More than 51 contributors participated in this release. It marks an important milestone for Phase 2, as it’s the end of the porting widgets to blocks project. Next releases will be focused on explorations around the Widgets screen.

This release also includes a big refactoring to the formatting buttons and the RichText component, allowing us to fix a significant number of issues and to improve the writing flow.

Core blocks (aside from the Classic block) are not using TinyMCE under the hood anymore. This change should not have any perceivable impact, as the APIs of the RichText component and the custom formats registration have not changed.

In addition, contributors have worked on a number of improvements to existing blocks and UI micro-animations.

5.1

Features

Add a new Search block.
Add a new Calendar block.
Add a new Tag Cloud block.

Enhancements

Add micro-animations to the editor UI:
- Opening Popovers.
- Opening Sidebars.
Restore the block movers for the floated blocks.
Consistency in alignment options between archives and categories blocks.
Set the minimum size for form fields on mobile.
Disable the block navigation in the code editor mode.
Consistency for the modal styles.
Improve the FormToggle styling when used outside of WordPress context.
Use the block icons in the media placeholders.
Fix rounded corners for the block svg icons.
Improve the CSS specificity of the paragraph block styles.
Require an initial click on embed previews before being interactive.
Improve the disabled block switcher styles.
Do not split paragraph line breaks when transforming multiple paragraphs to a list.
Enhance the Quote block styling for different text alignments.
Remove the left padding from the Quote block when it’s centered.
A11y:
- Improve the permalink field label.
- Improve the region navigation styling.
Remove the 3 keywords limit for the block registration.
Add consistent background colors to the hovered menu items.
Allow the editor notices to push down the content.
Rename the default block styles.
Add inline image resizing UI.

Bug Fixes

Fix a number of formatting issues:
- Multiple formats.
- Flashing backgrounds when typing.
- Highlighted format buttons.
- Inline code with backticks.
- Spaces deleted after formats.
- Inline boundaries styling issues.
- Touch Bar format buttons.
Fix a number of list block writing flow issues:
- Allow line breaks in list items.
- Empty items not being removed.
- Backspace merging list items.
- Selecting formats at the beginning of list items.
Fix the color picker styling.
Set default values for the image dimensions inputs.
Fix sidebar panels spacing.
Fix wording of the nux tip nudging about the sidebar settings.
Fix the translator comments pot extraction.
Fix the plugins icons color overriding.
Fix conflicting notices styles when using editor styles.
Fix controls recursion in the redux-routine package.
Fix the generic embed block when using Giphy as provider.
Fix the i18n message used in the Gallery block edit button.
Fix the icon size of the block switcher menu.
Fix the loading state of the FlatTermSelector (tags selector).
Fix the embed placeholders styling.
Fix incorrectly triggered auto-saves for published posts.
Fix missing classname in the Latest comments block.
Fix HTML in shortcodes breaking block validation.
Fix JavaScript errors when typing quickly and creating undo levels.
Fix issue with mover colors in dark themes.
Fix internationalisation issue with permalink slugs.

Various

Implement the inline format boundaries without relying on the DOM.
Introduce the Registry Selectors in the data module.
Introduce the Registry Controls in the data module.
Allow extending the latest posts block query by using get_posts.
Extend the range of allowed years in the DateTime component.
Allow null values for the DateTime component.
Do not render the FontSizePicker if no sizes defined.
Add className prop support to the UrlInput component.

Chore

Update lodash and deasync dependencies.
Use addQueryArgs consistently to generate WordPress links.
Remove merged PHP code:
- jQuery to Hooks heartbeat proxyfying.
- References to the classic editor.
- gutenberg_can_edit_post function.
Disable CSS animations in e2e tests.
ESLint
- Add a rule to ensure the consistency of the import groups.
- Add a rule to protect against invalid sprintf use.
Remove obsolete CSS rules.
Add e2e tests for tags creation.
Add the feature flags setup.
Implement block editor styles using a filter.

Documentation

Add a new tutorial about the editor notices.
Add JavaScript build tools documentation.
Enhance the block’s edit/save documentation and code examples.
Use Title Case consistently.
Add e2e test utils documentation.
Small enhancements and typos: 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14.

Mobile

Add bottom sheet settings for the image block:
- alt description.
- Links.
Implement the media upload options sheet.
Implementing Clear All Settings button on Image Settings.
Avoid hard-coded font family styling for the image blocks.
Improve the post title component.
Fix the bottom sheet styling for RTL layouts.
Support the placeholder prop in the RichText component.

Performance Benchmark

Version	Loading Time	KeyPress event (typing)
Gutenberg 5.1.0	9.4 seconds	16.4ms
Gutenberg 5.0.0	10.4 seconds	16.4ms
Gutenberg 4.8 (WordPress 5.1)	13.6 seconds	158.2ms
Gutenberg 4.7 (WordPress 5.0)	15.1 seconds	203.5ms

👏 Kudos to all the contributors. Thank you.

#core-editor, #editor, #gutenberg

Mel Choyce 8:40 pm on February 18, 2019
Tags: blocks ( 3 ), gutenberg, widgets ( 21 )

Porting Widgets to Blocks: Feb 18, 2019

All widgets we plan on porting to blocks have been merged! 🎉

Completed

Audio [2299]
Archives [7949]
Calendar [13772]
Categories [2102]
Custom HTML [1391]
Image [379]
Latest Comments [7941]
Latest Posts [870]
RSS [7966]
Search [13583]
Tag Cloud [7875]
Text
Video

Iterations

We have a couple of the more advanced widget blocks with v2 designs. These are “nice to haves,” but not necessarily scoped to any particular release.

In Progress

Latest Posts [13698]

Needs Feedback & Dev

Archives [13928]
Calendar [13930]
Latest Comments [13931]

Notes

The Classic Widget [13511] is going to be moved into the “widget area Gutenberg support” project, since it impacts all of the widget screens.
You can track progress on GitHub: https://github.com/WordPress/gutenberg/projects/20

#blocks, #gutenberg, #widgets

Riad Benguella 10:53 am on February 6, 2019
Tags: core-editor ( 99 ), editor ( 100 ), gutenberg

What’s New in Gutenberg? (6th February)

@mapk said earlier that the Gutenberg repository is on fire 🔥, he was not lying. More than 52 contributors participated in this release.

This release is also the first release dropping support for WordPress versions prior to 5.0.

As part of the widgets 2 blocks project, this release introduces the RSS block.

The amazon kindle embed provider has been added recently to WordPress, this release adds the corresponding block to the editor.

It also brings some improvements to existing blocks including the possibility to define a custom focal point for the cover block’s background.