Editor Chat Summary: 22nd April, 2020

This post summarizes the latest weekly Editor meeting (agenda, slack transcript). This meeting was held in the #core-editor SlackSlack Slack is a Collaborative Group Chat Platform https://slack.com/. The WordPress community has its own Slack Channel at https://make.wordpress.org/chat/. channel on Wednesday, April 15, 2020,14:00 UTCand was moderated by @paaljoachim.

WordPress 5.4.1 Upcoming ReleaseRelease A release is the distribution of the final version of an application. A software release may be either public or private and generally constitutes the initial or new generation of a new or upgraded application. A release is preceded by the distribution of alpha and then beta versions of the software.

Note: There was a miscommunication around this release and these notes originally expected the launch to happen the same day as the meeting. This has been corrected.

@jorgefilipecosta shared a comment prior to the meeting detailing the plan for 5.4.1 RC. All 5 PR’s to include were in GutenbergGutenberg The Gutenberg project is the new Editor Interface for WordPress. The editor improves the process and experience of creating new content, making writing rich content much simpler. It uses ‘blocks’ to add richness rather than shortcodes, custom HTML etc. https://wordpress.org/gutenberg/ 7.9, meaning they were tested in at least one Gutenberg pluginPlugin A plugin is a piece of software containing a group of functions that can be added to a WordPress website. They can extend functionality or add new features to your WordPress websites. WordPress plugins are written in the PHP programming language and integrate seamlessly with WordPress. These can be free in the WordPress.org Plugin Directory https://wordpress.org/plugins/ or can be cost-based plugin from a third-party release. This RC release is slated for Friday with the full release planned for next Wednesday per an update from @whyisjake.

Weekly Priorities

No discussion on weekly or monthly priorities

Task Coordination

Note: Anyone reading this summary outside of the meeting, please drop a comment in the post summary, if you can/want to help with something.

@zebulan

  • Needs reviews for a Table of Contents PR. Ideally would like a G2-style blockBlock Block is the abstract term used to describe units of markup that, composed together, form the content or layout of a webpage using the WordPress editor. The idea combines concepts of what in the past may have achieved with shortcodes, custom HTML, and embed discovery into a single consistent API and user experience. icon, but can merge with the current dashicon.
  • Needs technical and design feedback on a PR to update the heading level control in the Heading block.
  • Needs reviews for Two Reusable Block PRs with bugbug A bug is an error or unexpected result. Performance improvements, code optimization, and are considered enhancements, not defects. After feature freeze, only bugs are dealt with, with regressions (adverse changes from the previous version) being the highest priority. fixes.
  • Needs reviews for a Custom HTML Block PR.
  • Needs reviews for 3 quick PRs: polishing black wrapper, new icon for navigation block, and matching SmugMug URL regex to core.
  • Stuck on a List Block Color Controls PR after running into a problem around priority with styles between the default editor and the block. 
  • Ran into an issue with a Navigation Links PR where focus doesn’t move to the previous navigation link after removing the block. 

@get_dave

  • Has been working on the ability to create a Navigation block from existing WP Menus. @karmatosed posted a new design route that we need feedback on if people have time to review.  

@marek

Open floor

Should we keep CONTRIBUTORS.md? Raised by @soean.

Only 140 people are listed, but we have more than 550 code contributors, so it is not up-to-date. We don’t use this file in other repos. A GitHubGitHub GitHub is a website that offers online implementation of git repositories that can can easily be shared, copied and modified by other developers. Public repositories are free to host, private repositories require a paid subscription. GitHub introduced the concept of the ‘pull request’ where code changes done in branches by contributors can be reviewed and discussed before being merged be the repository owner. https://github.com/ -> WordPress connection is now built in on wp.org.

Discussion ticket started by @mkaz:

  • We don’t use this kind of file in other WordPress repos. 
  • The file overall is a bit confusing and it doesn’t seem to be a great way to acknowledge all contributors currently. 
  • There are inconsistencies in who is added with some long term contributors missing.
  • The file itself seems to be for highlighting non code contributors to the project.
  • The contributors tracking that GitHub provides only shows contributors for specific timeframes. 
  • @soean shared this neat project https://allcontributors.org/ that might be interesting to explore.

Next Steps: @mkaz will update the file to provide a link to the code contributors listed on GitHub, followed by the list of non-code contributors. If people have other thoughts, please add to the ticket to discuss. 

Is using `render_callback` a good solution for handling conditionally loading assets? Raised by @mkaz.

This question is based on a long standing but stalled out ticket trying to address this within Gutenberg automatically. @mkaz wrote a post examining `render_callback` but this approach  requires each plugin/block to set it up. If this is determined to be a best practice to move forward on, we should likely update documentation to encourage developers to take a similar approach. 

Next Step: We didn’t have enough folks online to have a robust discussion about this so @mkaz will create a discussion ticketticket Created for both bug reports and feature development on the bug tracker. to carry the conversation forward. 

Problems with the Drag & Drop Experience explored in this ticket. Raised by @jules-colle.

There are general concerns around how the current experience is continuing negative perceptions of Gutenberg for end users. Right now the problems are adding up leading to both a rough experience and an overwhelming set of problems. Right now, it seems the issues would benefit from being broken down into smaller pieces.  

Next Step: Thoughts are welcome on this main ticket.

Should we give more folks access to @here abilities in slack?

At the beginning of the meeting, we realized no one had permissions to @here in slack to alert folks to the meeting. This led to a quieter meeting this time around but we likely should expand access to those who run meetings so we can ensure better meeting engagement.

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

#core-editor-summary

Editor Chat Agenda: 22nd April, 2020

Facilitator: @paaljoachim. Notetaker: @annezazu.

This is the agenda for the weekly editor chat scheduled for 2020-04-22 14:00 UTC.

This meeting is held in the #core-editor channel in the Making WordPress SlackSlack Slack is a Collaborative Group Chat Platform https://slack.com/. The WordPress community has its own Slack Channel at https://make.wordpress.org/chat/..

  • The plan is to ship a release candidaterelease candidate One of the final stages in the version release cycle, this version signals the potential to be a final release to the public. Also see alpha (beta). of 5.4.1 this week and a final releaseRelease A release is the distribution of the final version of an application. A software release may be either public or private and generally constitutes the initial or new generation of a new or upgraded application. A release is preceded by the distribution of alpha and then beta versions of the software. next week.
  • Monthly Plan & Weekly Priorities
  • Task Coordination
  • Open Floor

If you have anything to share for the Task Coordination section, please leave it as a comment on this post.

If you have anything to propose for the agenda or other specific items related to those listed above, please leave a comment below.

#agenda#core-editor#editor-chat

#agenda, #core-editor, #core-editor-agenda, #gutenberg

Editor chat summary: Wednesday, 15 April 2020

This post summarizes the latest weekly Editor meeting, held in the #core-editor SlackSlack Slack is a Collaborative Group Chat Platform https://slack.com/. The WordPress community has its own Slack Channel at https://make.wordpress.org/chat/. channel, on Wednesday, April 15, 2020, 14:00 UTC.

WordPress 5.4 Adderley was released and Issue/PR’s for WordPress 5,4,1 are being kept track of using “Backport to WP Core” label.

GutenbergGutenberg The Gutenberg project is the new Editor Interface for WordPress. The editor improves the process and experience of creating new content, making writing rich content much simpler. It uses ‘blocks’ to add richness rather than shortcodes, custom HTML etc. https://wordpress.org/gutenberg/ 7.9.0

Gutenberg 7.9.0 was released which introduces blockBlock Block is the abstract term used to describe units of markup that, composed together, form the content or layout of a webpage using the WordPress editor. The idea combines concepts of what in the past may have achieved with shortcodes, custom HTML, and embed discovery into a single consistent API and user experience. design tools, new block patterns, lighter block. Check out the releaseRelease A release is the distribution of the final version of an application. A software release may be either public or private and generally constitutes the initial or new generation of a new or upgraded application. A release is preceded by the distribution of alpha and then beta versions of the software. note for more details.

Priorities

The priorities are still the same though and available here

Task Coordination

Note: Anyone reading this summary outside of the meeting, please drop a comment in the post summary, if you can/want to help with something.

@youknowriad

  • Working on the new inserter UIUI User interface, hopefully, it will land in the next pluginPlugin A plugin is a piece of software containing a group of functions that can be added to a WordPress website. They can extend functionality or add new features to your WordPress websites. WordPress plugins are written in the PHP programming language and integrate seamlessly with WordPress. These can be free in the WordPress.org Plugin Directory https://wordpress.org/plugins/ or can be cost-based plugin from a third-party release
  • PR reviews Cover Alignment, Block Context APIAPI An API or Application Programming Interface is a software intermediary that allows programs to interact with each other and share data in limited, clearly defined ways. and more
  • Triaged and closed issues
  • Worked on various fixes for widgetWidget A WordPress Widget is a small block that performs a specific function. You can add these widgets in sidebars also known as widget-ready areas on your web page. WordPress widgets were originally created to provide a simple and easy-to-use way of giving design and structure control of the WordPress theme to the user. screen &button block
  • Continue work on the inserter UI

@zebulan

@sageshilling 

@itsjonq

@michael-arestad

  • Progress on end to end full sitesite (versus network, blog) editing prototype
  • Working on multi-entity saving iterations
  • Working on navigating pages within the editor
  • Will be working on the home page indicator for templates
  • Proposed iterations on inserting existing or new template areas (partials) – [issues: 1 2]

@brentswisher 

  • Continue to work on adding storybook stories and the story shot-addon.
  • Work on a PR to remove the story shot integration, which should speed up and simplify the story creation process, as well as makemake A collection of P2 blogs at make.wordpress.org, which are the home to a number of contributor groups, including core development (make/core, formerly "wpdevel"), the UI working group (make/ui), translators (make/polyglots), the theme reviewers (make/themes), resources for plugin authors (make/plugins), and the accessibility working group (make/accessibility). the js unit-tests in Travis more stable

@karmatosed

  • Focus on navigation for this week, Both in nav-menus.php and iterations to the block

@andraganescu

  • Worked on various issues around the navigation menus replacement experiment

@aduth

  • Progress on a new “Block Context” API
  • There have also been some interesting side-effects of this work, including an experimental (backward-compatible) revision to the PHPPHP The web scripting language in which WordPress is primarily architected. WordPress requires PHP 5.6.20 render_callback function signature to receive the full block object, not just the attributes.
    https://github.com/WordPress/gutenberg/pull/21467

@desaiuditd 

  • Trying to move 2 PRs ahead which were stale for quite some time.
    • https://github.com/WordPress/gutenberg/pull/17413 This could potentially fix some related bugs around embeds
    • Trying to achieve new workflow suggestions https://github.com/WordPress/gutenberg/pull/17311 Have made little progress.
    • Waiting for feedback on this one introduces new ReactReact React is a JavaScript library that makes it easy to reason about, construct, and maintain stateless and stateful user interfaces. https://reactjs.org/. hook useFilters  for primitive JSJS JavaScript, a web scripting language typically executed in the browser. Often used for advanced user interfaces and behaviors. types

Open Floor

@check2020de

Fixing height hardcoding for spacer block https://core.trac.wordpress.org/ticket/49862#comment:3

  • it is not good that there is a hardcoded 20px value on the spacer
  • however, the reason is that we need a min-height to make that block selectable by tapping and for better a11yAccessibility Accessibility (commonly shortened to a11y) refers to the design of products, devices, services, or environments for people with disabilities. The concept of accessible design ensures both “direct access” (i.e. unassisted) and “indirect access” meaning compatibility with a person’s assistive technology (for example, computer screen readers). (https://en.wikipedia.org/wiki/Accessibility) in general
  • however, it may be that the incoming block padding/margin will also solve this problem
  • needs further discussion & decision to better handle the spacer on desktop & mobile

@mboynes

 How does one petition to get a GitHubGitHub GitHub is a website that offers online implementation of git repositories that can can easily be shared, copied and modified by other developers. Public repositories are free to host, private repositories require a paid subscription. GitHub introduced the concept of the ‘pull request’ where code changes done in branches by contributors can be reviewed and discussed before being merged be the repository owner. https://github.com/ issue reopened? asking in the ticketticket Created for both bug reports and feature development on the bug tracker. doesn’t appear to do the trick

Looking if/when we can get to it:

On the topic of closing issues, as a relative outsider to the project, decisions to close issues feel somewhat unilateral to me. I would like to propose a new process where closing issues requires two people (except in obvious cases, like closing as a duplicate). taking a page from the stack overflow book, the first person could add a “close-vote” label, and someone else, in reviewing “close-vote” issues could then review and close it.

We have some guidelines already about issues triagetriage The act of evaluating and sorting bug reports, in order to decide priority, severity, and other factors. here https://developer.wordpress.org/block-editor/contributors/repository-management/

It’s totally fine to close and reopen issues.

@joostdevalk

Pinning behavior for plugins has changed

Regressionregression A software bug that breaks or degrades something that previously worked. Regressions are often treated as critical bugs or blockers. Recent regressions may be given higher priorities. A "3.6 regression" would be a bug in 3.6 that worked as intended in 3.5./bugbug A bug is an error or unexpected result. Performance improvements, code optimization, and are considered enhancements, not defects. After feature freeze, only bugs are dealt with, with regressions (adverse changes from the previous version) being the highest priority. in plugin pinning .

@marekhrabe

Looking for a designer to confirm or update the approach on Media & Text resizing we came up a year ago and it got stale.

More info https://github.com/WordPress/gutenberg/pull/14483

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

#core-editor-summary

What’s new in Gutenberg (15 April)

BlockBlock Block is the abstract term used to describe units of markup that, composed together, form the content or layout of a webpage using the WordPress editor. The idea combines concepts of what in the past may have achieved with shortcodes, custom HTML, and embed discovery into a single consistent API and user experience. Design Tools

This releaseRelease A release is the distribution of the final version of an application. A software release may be either public or private and generally constitutes the initial or new generation of a new or upgraded application. A release is preceded by the distribution of alpha and then beta versions of the software. features a few additions to the design tools for the blocks, including height unit control for the Cover block, line-height control for the Paragraph and Heading blocks, and background gradient support for Group, Columns, and Media & Text blocks.

Patterns

Work on patterns has continued and 7.9 comes with three new ones:

Block markup

The work to lighten the DOM in the editor and makemake A collection of P2 blogs at make.wordpress.org, which are the home to a number of contributor groups, including core development (make/core, formerly "wpdevel"), the UI working group (make/ui), translators (make/polyglots), the theme reviewers (make/themes), resources for plugin authors (make/plugins), and the accessibility working group (make/accessibility). it as close as possible to the front-end has been advancing as well.

The 7.9 version also comes with a simplified and more semantic button block, although the pre-existing classes have been left untouched to minimize breakage.

Before this release:

<div class="wp-block-button">
  <a class="wp-block-button__link">Text</a>
</div>

After:

<a class="wp-block-button wp-block-button__link">Text</a>

We try hard to avoid block markup changes and we reckon that the button block changes may require some themes to adapt some of their style selectors. We hope that the improved markup will serve us better going forward.

7.9 🇧🇪

Features

  • Add gradients support to Group, Columns and Media & Text blocks. 21375
  • Add line height support to the Paragraph block. 20775
  • Add font size support to the Heading block. 21431
  • Add line height support to the Heading block. 21215
  • Add custom height unit support to the Cover block. 20888

Enhancements

  • New Patterns:
  • Add a new keyboard shortcut to toggle Fullscreen Mode. 21436
  • Insert post title instead of URLURL A specific web address of a website or web page on the Internet, such as a website’s URL www.wordpress.org, when adding a link to an existing post 21240
  • Social links block:
    • Update tumblr icon 21329
    • Update and massage social links colors. 21474
  • Allow reusable block top and bottom paddings to collapse. 21472
  • Update all block previews to use the auto-height behavior. 21014
  • Disable autocomplete for custom class name inputs. 21110
  • Several small tweaks to the new Block UIUI User interface. 21476
  • Unify the focus styles across the UI. 21141
  • Improve block focus style. 21498
  • Remove the post permalink UI from the post title. 21099
  • Style the default toolbar buttons. 21252
  • Style tweaks to the patterns library sidebarSidebar A sidebar in WordPress is referred to a widget-ready area used by WordPress themes to display information that is not a part of the main content. It is not always a vertical column on the side. It can be a horizontal rectangle below or above the content area, footer, header, or any where in the theme.. 21263
  • Smaller space between toolbar and block. 21166

Performance

  • Add block selection performance test. 21230
  • Improve the performance of the block moving animation. 21231
  • Render the patterns list asynchronously. 21322

Bug Fixes

  • Improve WordPress logo rendering for non-retina displays. 21217
  • Fix inserter popover direction. 21556
  • Fix Snackbar notice bottom margin. 18858
  • Fix YouTube Embed block from flickering and crashing on Safari. 21225
  • Fix sibling inserter being unclickable. 21232
  • Fix block duplication using keyboard shortcut 21317
  • Avoid creating an empty paragraph when selecting the parent’s group block 21318
  • Fix the Buttons block margins. 21376
  • Prevent typing on a Popover from closing the block toolbar 21421
  • Prevent copy/paste on number inputs from copying the post content. 21457
  • Prevent scroll jumps when focusing long blocks. 21460
  • Fix Separator block RTL styles. 21525
  • Make dateI18n returns be affected by gmt parameter. 18982
  • Fixes the read more link added by themes in the Latest Posts block. 20541
  • Fix the Latest Posts block when imageDimensions is empty 21070
  • Fix transparent images used as Cover block backgrounds. 20904
  • IE11: fix focus on backspace. 21092
  • Fix IE11 breakage when hitting Enter. 21361 21366
  • Fix block movers on full-wide blocks. 21097
  • Fix Annotations classNames. 21184
  • RangeControl: Fix zero value handling with number input. 21187
  • Fix reusable block horizontal padding regressionregression A software bug that breaks or degrades something that previously worked. Regressions are often treated as critical bugs or blockers. Recent regressions may be given higher priorities. A "3.6 regression" would be a bug in 3.6 that worked as intended in 3.5.. 21312
  • Fix fullwide margins regression. 21201
  • Prevent the Cover block from overriding the children blocks colors 21254
  • Fix overly verbose aria-label in Social Link block 21369
  • Fix container block appenders and sibling inserters. 21149 21142 21143

New APIs

  • wordpress/i18ni18n Internationalization, or the act of writing and preparing code to be fully translatable into other languages. Also see localization. Often written with a lowercase i so it is not confused with a lowercase L or the numeral 1. Often an acquired skill.: Add create-i18n function. 21182
  • wordpress/interface:
    • Add screen sidebar extensibility APIs. 20698 21260
    • Prepare for npm release. 21417
    • Add Fullscreen mode component. 21334
    • Add InterfaceSkeleton component. 21335
  • wordpress/icons: Add new icons: tablet, mobile, desktop, font, share… 21261 21278
  • Support changing the Group block’s DOM element. 20218
  • Block APIAPI An API or Application Programming Interface is a software intermediary that allows programs to interact with each other and share data in limited, clearly defined ways.: Add new utility to register block types from metadata in PHPPHP The web scripting language in which WordPress is primarily architected. WordPress requires PHP 5.6.20 20794
  • Add radio option to the ButtonGroup component. 20805

Experiments

  • Full sitesite (versus network, blog) editing and Site Editor screen:
    • Use the default post comments template for the Post Comments block. 21012
    • Use slug as template part display label.21161
    • Remove duplicate queries fetching template parts 18878
    • Preload the edited template to avoid the white page effect. 21214
    • Move the menu item to the top level. 21273
    • Add block breadcrumb; 21274
    • Prevent template switcher jumpiness. 21280
    • Increase the viewport width used for template previews. 21287
    • Add top level inserter. 21328
    • Apply the editor styles. 20982
    • Update the multi-entity saving flow UI. 21159
    • Small updates to template selector. 21202
  • New navigation screen:
    • Bootstrap the screen. 21036
    • Implement the initial styling. 21314
    • Add save shortcut. 21342
    • Fix editor shortcuts. 21338
    • Basic responsive styles. 21414
  • Navigation block:
    • Make the submenus usable on mobile. 21471
    • Fix block for contributor users 18669
    • Fix submenus being overlapped by wrapping top-level nav links. 21140
    • Add vertical variation. 21296
    • Show color controls in toolbar only. 20884
    • Add capture toolbars prop to inner blocks. 21095
  • Block API Support flags:
    • Introduce a support key for support global style colors in blocks. 21021 21428
    • Add the possibility to support gradients using the experimental color support flag; 21481
    • Add a block support flag for font size. 21153
  • Remove experimentalUIParts API. 20979
  • Add experimental Text component. 21088

Documentation

  • Docs: Describe tools used in E2E testing. 21295
  • WP-env: Add reference to docker log command to show error logs in terminal. 21308
  • Docs: Add section in block RFC about register_block_type_from_metadata. 21501
  • Update serverSideRender docs to include how to use from the wp global. 18722
  • Prescribe latest NPM for development environment. 21017
  • Update Documentation on how to update post metaMeta Meta is a term that refers to the inside workings of a group. For us, this is the team that works on internal WordPress sites like WordCamp Central and Make WordPress. values from a block. 21155
  • Document getAnchorRect prop for Popover component. 17709
  • Typos and tweaks: 21228, 21364, 21405, 20660, 21297.

Code Quality

  • Add types to WordPress packages:
    • wordpress/element 21248
    • wordpress/primitives 21482
    • wordpress/icons 21487
    • wordpress/autop, wordpress/escape-htmlHTML HyperText Markup Language. The semantic scripting language primarily used for outputting content in web browsers. and wordpress/html-entities 20669
    • wordpress/i18n 21224
    • wordpress/prettier-config 21381 21053
    • wordpress/block-editor DOM utils. 21362
  • Update the Buttons block to use the new color support flag. 21266
  • Update the Paragraph block to use the colors support flag. 21037
  • Update the Columns block to use the colors support flag. 21038
  • Update the Heading block to use the colors support flag. 21039
  • Update the Media & Text block to use the colors support flag. 21169
  • Refactor env commands into separate files .21353
  • Remove the deprecated request dependency. 21398
  • Move default styles to editor normalisation stylesheet. 19837
  • Replace lodash.assign with vanilla JSJS JavaScript, a web scripting language typically executed in the browser. Often used for advanced user interfaces and behaviors.. 21054
  • Remove the old block preview implementation. 21096
  • Make RichText window/document agnostic. 21105
  • Polish a11yAccessibility Accessibility (commonly shortened to a11y) refers to the design of products, devices, services, or environments for people with disabilities. The concept of accessible design ensures both “direct access” (i.e. unassisted) and “indirect access” meaning compatibility with a person’s assistive technology (for example, computer screen readers). (https://en.wikipedia.org/wiki/Accessibility) package. 21148
  • Fix two typos in lib rest menu controller. 21418
  • Global tips: Add period at the end of sentence. 20601
  • Lighter block DOM:
  • Update the padding values on the Card component to align with proposed spacing system. 21111
  • Disable scroll in PlainText component. 21115
  • Simplify inserter hasItems check. 21138
  • Avoid string concatenation for the Latest Post block read more link. 21170

Various

  • PluginPlugin A plugin is a piece of software containing a group of functions that can be added to a WordPress website. They can extend functionality or add new features to your WordPress websites. WordPress plugins are written in the PHP programming language and integrate seamlessly with WordPress. These can be free in the WordPress.org Plugin Directory https://wordpress.org/plugins/ or can be cost-based plugin from a third-party: Bump tested up to info to WP 5.4 21400
  • Output package type declarations. 18942
  • Exclude native files from type checking. 21491
  • docgen: Optimize README update script. 18840
  • Check Latest NPM on npm install. 21521
  • E2E Tests:
    • Improve stability of image block test 21174
    • Improve Allowed Inner Blocks test stability 21175
    • Use waitForSelector to wait for sidebar presence 21180
  • Unit Tests:
    • Fix wordpress/env testPortNumberValidation unit testunit test Code written to test a small piece of code or functionality within a larger application. Everything from themes to WordPress core have a series of unit tests. Also see regression.. 21394
    • Introduce reactReact React is a JavaScript library that makes it easy to reason about, construct, and maintain stateless and stateful user interfaces. https://reactjs.org/.-testing-library to some existing unit tests. 20428
    • Components: Add SlotFill test. 21226
    • Fail E2E when page displays warning notices 13452
  • Project Management: Prompt user to link GitHubGitHub GitHub is a website that offers online implementation of git repositories that can can easily be shared, copied and modified by other developers. Public repositories are free to host, private repositories require a paid subscription. GitHub introduced the concept of the ‘pull request’ where code changes done in branches by contributors can be reviewed and discussed before being merged be the repository owner. https://github.com/ account to WordPress.orgWordPress.org The community site where WordPress code is created and shared by the users. This is where you can download the source code for WordPress core, plugins and themes as well as the central location for community conversations and organization. https://wordpress.org/ profile 21221 21384
  • wordpress/env: Bind "coreCore Core is the set of software required to run WordPress. The Core Development Team builds WordPress." files to tests environment 21195
  • ESLint Plugin: Continue considering unused variables after encountering exception 21354
  • Enable prettier for JSX files 21151
  • Increase severityseverity The seriousness of the ticket in the eyes of the reporter. Generally, severity is a judgment of how bad a bug is, while priority is its relationship to other bugs. of JSDoc linting to error. 20427
  • Add I18N specific ESLint rules. 20555 20574
  • Update uuid to v7.0.2. 21258
  • Upgrade Reakit to version 1.0.0-rc.0; 21300
  • Framework: Add package-lock precommit check for latest NPM. 21306
  • Babel Preset: Update Babel version to 7.9.x. 21419
  • ESLint Plugin: Update ESLint and related dependencies to 6.8.x. 21424
  • Framework: Configure ESLint JSDoc plugin to target TypeScript mode. 18998
  • Major version upgrade for Jest in all packages. 20766
  • Storybook:
    • Add TreeSelect component. 20496
    • Update AnglePickerControl title. 21089
  • Automated Testing: composer non-interactive flag for Travis. 21118
  • REST APIREST API The REST API is an acronym for the RESTful Application Program Interface (API) that uses HTTP requests to GET, PUT, POST and DELETE data. It is how the front end of an application (think “phone app” or “website”) can communicate with the data store (think “database” or “file system”) https://developer.wordpress.org/rest-api/. error message: Remove unnecessary space. 21178
  • SlotFill: Guard property access to possibly-undefined slot. 21205
  • Build: Add TypeScript version validation 21208

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)
GutenbergGutenberg The Gutenberg project is the new Editor Interface for WordPress. The editor improves the process and experience of creating new content, making writing rich content much simpler. It uses ‘blocks’ to add richness rather than shortcodes, custom HTML etc. https://wordpress.org/gutenberg/ 7.9 16.8s 49.87ms
Gutenberg 7.8 16.9s 46.75ms
WordPress 5.4 13.8s 42.31ms

#core-editor #editor #gutenberg

#gutenberg-new

Editor Chat Agenda: 15th April, 2020

Note taker and facilitator: @ajitbohra

This is the agenda for the weekly editor chat scheduled for 2020-04-15 14:00 UTC.

This meeting is held in the #core-editor channel in the Making WordPress SlackSlack Slack is a Collaborative Group Chat Platform https://slack.com/. The WordPress community has its own Slack Channel at https://make.wordpress.org/chat/..

If you have anything to share for the Task Coordination section, please leave it as a comment on this post.

If you have anything to propose for the agenda or other specific items related to those listed above, please leave a comment below.

#agenda#core-editor#editor-chat

#agenda, #core-editor, #core-editor-agenda, #gutenberg

Editor Chat Agenda: 1 April, 2020

Note taker and facilitator: @pbrocks

This is the agenda for the weekly editor chat scheduled for 2020-04-01 14:00 UTC.

This meeting is held in the #core-editor channel in the Making WordPress SlackSlack Slack is a Collaborative Group Chat Platform https://slack.com/. The WordPress community has its own Slack Channel at https://make.wordpress.org/chat/..

  • WordPress 5.4 released
  • Planning 5.4.1
  • Monthly Plan & Weekly Priorities
  • Task Coordination
  • Open Floor

If you have anything to share for the Task Coordination section, please leave it as a comment on this post.

If you have anything to propose for the agenda or other specific items related to those listed above, please leave a comment below.

#agenda#core-editor#editor-chat

#agenda, #core-editor, #core-editor-agenda, #gutenberg

What’s new in Gutenberg? (25 March)

This releaseRelease A release is the distribution of the final version of an application. A software release may be either public or private and generally constitutes the initial or new generation of a new or upgraded application. A release is preceded by the distribution of alpha and then beta versions of the software. is mostly focused on polish work for the BlockBlock Block is the abstract term used to describe units of markup that, composed together, form the content or layout of a webpage using the WordPress editor. The idea combines concepts of what in the past may have achieved with shortcodes, custom HTML, and embed discovery into a single consistent API and user experience. UIUI User interface redesign.

Screen Capture on 2020-03-16 at 15-49-00

It also includes an official APIAPI An API or Application Programming Interface is a software intermediary that allows programs to interact with each other and share data in limited, clearly defined ways. to register custom Block patterns from themes and plugins. The API is still a work-in-progress and might evolve before reaching WordPress CoreCore Core is the set of software required to run WordPress. The Core Development Team builds WordPress..

register_pattern(
    'my-plugin/my-awesome-pattern',
    array(
        'title'   => __( 'Two buttons' ),
        'content' => "<!-- wp:buttons {\"align\":\"center\"} -->\n<div class=\"wp-block-buttons aligncenter\"><!-- wp:button {\"backgroundColor\":\"very-dark-gray\",\"borderRadius\":0} -->\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link has-background has-very-dark-gray-background-color no-border-radius\">Button One</a></div>\n<!-- /wp:button -->\n\n<!-- wp:button {\"textColor\":\"very-dark-gray\",\"borderRadius\":0,\"className\":\"is-style-outline\"} -->\n<div class=\"wp-block-button is-style-outline\"><a class=\"wp-block-button__link has-text-color has-very-dark-gray-color no-border-radius\">Button Two</a></div>\n<!-- /wp:button --></div>\n<!-- /wp:buttons -->",
    )
);

7.8

Enhancements

  • Add visible labels to BlockPatternPicker pattern selection buttons 19789
  • Adds always on display of media URLURL A specific web address of a website or web page on the Internet, such as a website’s URL www.wordpress.org 19504
  • Adds current menu class to navigation block 20076
  • Block: Outline when interacting with Toolbar Block Type/Movers 20938
  • Create block: Improve how prompts and values provided are handled 20756
  • Expand create block options and add readme.txt template 20694
  • Patterns: Makemake A collection of P2 blogs at make.wordpress.org, which are the home to a number of contributor groups, including core development (make/core, formerly "wpdevel"), the UI working group (make/ui), translators (make/polyglots), the theme reviewers (make/themes), resources for plugin authors (make/plugins), and the accessibility working group (make/accessibility). adding patterns easier 20854
  • Polish a few icons 20980
  • Polish date-picker component 20824
  • Improve permalink editing 12009
  • Nicer block footprint for social links 20978
  • Show inserter only when block selected for nesting contexts 20753
  • URL: Use test data from web-platform-tests for isURL spec conformance 20537
  • Adds multi-select to categories on Latest Posts 20781
  • Add basic nav block example for inserter and styles previews 21011

Bug Fixes

  • Allow media library in gallery mode to be reset 20675
  • Autocomplete: Add support for results with long titles 20962
  • Compat: Conditionally filterFilter Filters are one of the two types of Hooks https://codex.wordpress.org/Plugin_API/Hooks. They provide a way for functions to modify data of other functions. They are the counterpart to Actions. Unlike Actions, filters are meant to work in an isolated manner, and should never have side effects such as affecting global variables and output. editor settings for image dimensions 20939
  • Compat: Use core-js-url-browser for URL polyfill 20225
  • Data: Migrate post editor persistence with fullscreenMode false 21082
  • Edit Post: Make sidebarSidebar A sidebar in WordPress is referred to a widget-ready area used by WordPress themes to display information that is not a part of the main content. It is not always a vertical column on the side. It can be a horizontal rectangle below or above the content area, footer, header, or any where in the theme. headerHeader The header of your site is typically the first thing people will experience. The masthead or header art located across the top of your page is part of the look and feel of your website. It can influence a visitor’s opinion about your content and you/ your organization’s brand. It may also look different on different screen sizes. focusable for button focus normalization 21031
  • Fix auto-hiding appender regressionregression A software bug that breaks or degrades something that previously worked. Regressions are often treated as critical bugs or blockers. Recent regressions may be given higher priorities. A "3.6 regression" would be a bug in 3.6 that worked as intended in 3.5. 20780
  • Fix fullscreen mode device preview 21010
  • Fix link control search results spacing. 21003
  • Fix snackbar container block portion of UI while present 21000
  • Make the inner button block not allowed as a reusable block or editable as HTMLHTML HyperText Markup Language. The semantic scripting language primarily used for outputting content in web browsers. 20948
  • URL: Fix getQueryString incorrect handling of hash fragment 20738
  • Update social links block to output a custom class on each individual link 20998
  • Update the inserter’s block preview to use the AutoHeightPreview 20817
  • Latest Posts:
    • Fix link for read more markup 20917
    • Fixes the categories selector crash when categoryCategory The 'category' taxonomy lets you group posts / content together that share a common bond. Categories are pre-defined and broad ranging. does not exist 20960
  • Fix input rules 20964
  • Trim input value in navigation search input field 19832
  • Fix mobile header 20946
  • Fix visually hidden classnames 20649
  • Fix/screen reader text 20607
  • Fix SelectControl example code synax highlight 19803

New APIs

  • Add initial API to register patterns from themes and plugins 21074
  • Convert __experimentalCreateInterpolateElement to a stable API 20699

Experiments

  • Sitesite (versus network, blog) Editor:
    • Add Fullscreen mode 20691
    • Add fullscreen close button 20989
    • Add more menu and fullscreen toggle 21006
    • Style resets for top level page 20886
    • Get current template part correctly for auto drafts 20438
    • Add template preview to the edit site template switcher 20958
    • Add things required to load custom blocks to Site Editor page 20549
    • Avoid page templates overwriting page title 20865
  • Lighter block DOM:
  • Navigation Block:
    • Fix dynamic rendering recursive function name typo 21078
    • Avoid hiding submenu when adding a link 21035
    • Fix toolbar overlap on navigation links 21033
  • PlainText v2 21076
    • Editable Component 18361

Documentation

  • Add ESNext example for unregisterBlockType 20784
  • Docs/SlotFills: Small update for consistency 20767
  • Correct 2nd param of useViewportMatch() usage 20911
  • Include npm run dev guidance in “Getting Started” 21015
  • Document default login credentials and wp-env run command 20678
  • Fixes docblockdocblock (phpdoc, xref, inline docs) for useViewportMatch 20919
  • Lowercase visual editor and code editor to match block editor and classic editor 20968
  • Update README.md 20913
  • Add Custom Block Editor to TOC and Manifest 20749
  • Add tutorial link to Table of Contents for Custom Block Editor 20750

Code Quality

  • Block Editor: Use useResizeObserver in place of direct reactReact React is a JavaScript library that makes it easy to reason about, construct, and maintain stateless and stateful user interfaces. https://reactjs.org/.-resize-aware dependency 20889
  • E2E Test Utils: Improve durability of embedding matcher 20811
  • Framework: Migrate/remove temporary compatibility script initialization 19178
  • Framework: Use WHATWG URL in place of legacy url module 19823
  • Nav Block: Remove ‘frontend’ from style comments 21034
  • Project Management Automation: Add TypeScript type-checking 20850
  • Refactor the inserter menu component and split into multiple smaller components 20880
  • Remove iframeiframe iFrame is an acronym for an inline frame. An iFrame is used inside a webpage to load another HTML document and render it. This HTML document may also contain JavaScript and/or CSS which is loaded at the time when iframe tag is parsed by the user’s browser. from content elements 20976
  • Update Search/RSS block render method 20977

Various

  • Update glossary 20934
  • Improve performance testing 20802
  • Edit Post: Register block patterns as separate pluginPlugin A plugin is a piece of software containing a group of functions that can be added to a WordPress website. They can extend functionality or add new features to your WordPress websites. WordPress plugins are written in the PHP programming language and integrate seamlessly with WordPress. These can be free in the WordPress.org Plugin Directory https://wordpress.org/plugins/ or can be cost-based plugin from a third-party 20871
  • AccessibilityAccessibility Accessibility (commonly shortened to a11y) refers to the design of products, devices, services, or environments for people with disabilities. The concept of accessible design ensures both “direct access” (i.e. unassisted) and “indirect access” meaning compatibility with a person’s assistive technology (for example, computer screen readers). (https://en.wikipedia.org/wiki/Accessibility): updated headings to reflect semantic relationship between html tagtag A directory in Subversion. WordPress uses tags to store a single snapshot of a version (3.6, 3.6.1, etc.), the common convention of tags in version control systems. (Not to be confused with post tags.) and it’s content. 16444
  • Add Prettier shared config package 20026
  • Add default styles to the TabPanel component 20872
  • Add isFileURL method and use it on all native media upload checks. 20985
  • Add menus endpoints. 20292
  • Block Patterns: Update text-two-columns.jsonJSON JSON, or JavaScript Object Notation, is a minimal, readable format for structuring data. It is used primarily to transmit data between a server and web application, as an alternative to XML. 20890
  • Block Styles: Remove the block margin in the style selector 19983
  • Block patterns: improve success notice 21005
  • Blocks: Allow the Default Style selector to be hidden. 20620
  • E2E Tests: Mock Embed response for InnerBlocks locking test 20481
  • ESLint Plugin: Relax prefer-const for destructuring assignment 20737
  • Gallery: Update UI of controls 20776
  • Improves RTL style conversion 20503
  • Minor change to switch Help link target to _blank, add rels 20800
  • Mobile: Add accessibility label to Block List Footer 20633
  • Moves category multi select from LatestPosts to QueryControls 20832
  • Paste: replace iframes with url 20983
  • Polish poster image button arrangement. 20754
  • Preview Button: Remove the separator and border, and reduce the size of the icon. 20683
  • RangeControl: Improve disabled rendering and interactions 20723
  • Reduce gap between block library and preview 20777
  • Remove aria-expanded from close button in Publish panel 20993
  • Remove feature flag for mobile page templates 20718
  • Remove inaccurate message from image block 20909
  • Removed the textarea width restriction for the ShortcodeShortcode A shortcode is a placeholder used within a WordPress post, page, or widget to insert a form or function generated by a plugin in a specific location on your site. block 20624
  • Revert “Framework: Travis: Avoid skipping Puppeteer download” 20828
  • Show errors in the media replace control 19244
  • Styles Panel: Don’t force it to be closed by default. 20617
  • Update Navigation MenuNavigation Menu A theme feature introduced with Version 3.0. WordPress includes an easy to use mechanism for giving various control options to get users to click from one place to another on a site. Item icon 20763
  • Update page template picker after design review 20883
  • Latest Posts: Testing larger margins 20563
  • Add codeowners for env package 20667
  • Scripts: Update all webpack related dependencies 20916
  • Dependencies webpack plugin: Let the output file be specified when output is combined 20844

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)
GutenbergGutenberg The Gutenberg project is the new Editor Interface for WordPress. The editor improves the process and experience of creating new content, making writing rich content much simpler. It uses ‘blocks’ to add richness rather than shortcodes, custom HTML etc. https://wordpress.org/gutenberg/ 7.8 5193ms 23.05ms
Gutenberg 7.7 5134ms 22.79ms
WordPress 5.3 9512ms 25.83ms

#core-editor, #editor, #gutenberg

Editor chat Summary: 11 March, 2020

This post summarizes the weekly editor chat meeting agenda here. Held on Wednesday, 11th March 2020 held in Slack. Moderated by @paaljoachim.

WordPress 5.4 Release Candidaterelease candidate One of the final stages in the version release cycle, this version signals the potential to be a final release to the public. Also see alpha (beta).

WordPress 5.4 Release Candidate (RC) was released 10th March.
https://wordpress.org/news/2020/03/wordpress-5-4-rc2/.

@jorgefilipecosta
Cherry Pick PR’s for WordPress 5.4 RC 2:
https://github.com/WordPress/gutenberg/pull/20743
Current status:
https://github.com/WordPress/gutenberg/projects/39.

GutenbergGutenberg The Gutenberg project is the new Editor Interface for WordPress. The editor improves the process and experience of creating new content, making writing rich content much simpler. It uses ‘blocks’ to add richness rather than shortcodes, custom HTML etc. https://wordpress.org/gutenberg/ version 7.7

Gutenberg version 7.7 releaseRelease A release is the distribution of the final version of an application. A software release may be either public or private and generally constitutes the initial or new generation of a new or upgraded application. A release is preceded by the distribution of alpha and then beta versions of the software. post: https://make.wordpress.org/core/2020/03/11/whats-new-in-gutenberg-11-march/

Weekly Priorities

There is master plan for March:

@youknowriad
Full Sitesite (versus network, blog) Editing overview issue: https://github.com/WordPress/gutenberg/issues/20791

Task Coordination

@andraganescu
Working on LatestPosts blockBlock Block is the abstract term used to describe units of markup that, composed together, form the content or layout of a webpage using the WordPress editor. The idea combines concepts of what in the past may have achieved with shortcodes, custom HTML, and embed discovery into a single consistent API and user experience., LatestPosts v2 and Navigation block.
This PR allows Navigation menuNavigation Menu A theme feature introduced with Version 3.0. WordPress includes an easy to use mechanism for giving various control options to get users to click from one place to another on a site. to create items from an existing WP menu https://github.com/WordPress/gutenberg/pull/18869

@youknowriad
Strong focus on: the Block Patterns UIUI User interface and the Full site editing.

@gziolo
Focus on block editor features APIAPI An API or Application Programming Interface is a software intermediary that allows programs to interact with each other and share data in limited, clearly defined ways. and registering block types from metadata in PHPPHP The web scripting language in which WordPress is primarily architected. WordPress requires PHP 5.6.20.

@nosolosw
Focus on expanding the global styles system to other areas: first step the custom colors ( __experimentalUseColor component) and try to makemake A collection of P2 blogs at make.wordpress.org, which are the home to a number of contributor groups, including core development (make/core, formerly "wpdevel"), the UI working group (make/ui), translators (make/polyglots), the theme reviewers (make/themes), resources for plugin authors (make/plugins), and the accessibility working group (make/accessibility). them work with global styles.

@brentswisher
Continue working on storybook integration of components.

@karmatosed
Focus on Global styles wrap up for v1 and Navigation.

@jorgefilipecosta
Focus on the 5.4 release, and work on a package for generic screen functionality (share code between edit-post , edit-site etc), and global styles.

@mapk
In relation to FSE (Full Site Editing), Creating/editing templates and isolating template parts.

@itsjonq
Focus: adding more style controls to Gutenberg blocks, and making the controls easier to use.

@isabel_brison
Triaging the a11yAccessibility Accessibility (commonly shortened to a11y) refers to the design of products, devices, services, or environments for people with disabilities. The concept of accessible design ensures both “direct access” (i.e. unassisted) and “indirect access” meaning compatibility with a person’s assistive technology (for example, computer screen readers). (https://en.wikipedia.org/wiki/Accessibility) audit board https://github.com/WordPress/gutenberg/projects/25

Needs review

Latest Post Block PR’s looking for a reviewer:
https://github.com/WordPress/gutenberg/pull/20785
https://github.com/WordPress/gutenberg/pull/20595
https://github.com/WordPress/gutenberg/pull/20563 @karmatosed
https://github.com/WordPress/gutenberg/pull/20541
https://github.com/WordPress/gutenberg/pull/20415

Open Floor

@matveb
WordPress 5.4 will use the pre Gutenberg 7.7 user interface.

@andraganescu
Brings attention to “Add menus endpoints.”
https://github.com/WordPress/gutenberg/pull/20292

@brentswisher and @itsjonq
Will work on improving the stories and docs for the storybook components.

@itsjusteileen
How do we show a template (wp_template post) we have built as a page on the frontend?
@johnstonphilip
It needs to have the right slug so that WP template hierarchy takes over and uses that template. https://developer.wordpress.org/themes/basics/template-hierarchy/#single-page

@paaljoachim
“Consistency between image options in single image and gallery blocks.”
https://github.com/WordPress/gutenberg/issues/11436
Regarding nesting single image blocks inside parent gallery.
@andraganescu
This comment should help with a composed Gallery block:
https://github.com/WordPress/gutenberg/issues/19685#issuecomment-576010263
@youknowriad
A big issue would be InnerBlocks defining alignments for the children blocks.

#core-editor, #core-editor-summary, #gutenberg

What’s new in Gutenberg? (11 March)

With WordPress 5.4 around the corner, GutenbergGutenberg The Gutenberg project is the new Editor Interface for WordPress. The editor improves the process and experience of creating new content, making writing rich content much simpler. It uses ‘blocks’ to add richness rather than shortcodes, custom HTML etc. https://wordpress.org/gutenberg/ 7.7 is another exciting releaseRelease A release is the distribution of the final version of an application. A software release may be either public or private and generally constitutes the initial or new generation of a new or upgraded application. A release is preceded by the distribution of alpha and then beta versions of the software.. It introduces patterns and the first iteration of a new blockBlock Block is the abstract term used to describe units of markup that, composed together, form the content or layout of a webpage using the WordPress editor. The idea combines concepts of what in the past may have achieved with shortcodes, custom HTML, and embed discovery into a single consistent API and user experience. UIUI User interface design which aims to synthetize the learnings from these past couple years of Gutenberg being out in the wild.

New Block UI

After more than a year from its first production release, the community pushed the boundaries of the editor further than we’d have expected. The number of third-party blocks exploded and millions of users are interacting with the editor in different ways. This led to a refresh of the Block UI to apply some of the lessons learned in the meantime.

The redesign includes:

  • A simpler Block Toolbar.
  • Better UI color contrast.
  • Consistent focus styles.
  • Redesigned icons.
  • Grid-based spacing and sizes.
  • And more.

As with any feature in the editor, this is the initial release and there’s still more work planned to bring more consistency in the remaining UI elements: sidebarSidebar A sidebar in WordPress is referred to a widget-ready area used by WordPress themes to display information that is not a part of the main content. It is not always a vertical column on the side. It can be a horizontal rectangle below or above the content area, footer, header, or any where in the theme. panels, drop-down menus, etc.

Block Patterns

While the editor has a rich set of built-in blocks, it is sometimes challenging for users to compose these blocks together in order to achieve the best designs for their pages. And as we accelerate towards Full Sitesite (versus network, blog) Editing, this becomes an important challenge to solve.

Different existing community-provided solutions have addressed this by providing rich sets of templates/layout that are ready to use and prevent that dreaded “white page syndrome”. There is a need to bring some consistency and coherence to these features. Gutenberg 7.7 introduces Block Patterns: predefined block layouts, ready to insert and tweak to address that problem.

As a first iteration, the Block Patterns UI has been added as a sidebar pluginPlugin A plugin is a piece of software containing a group of functions that can be added to a WordPress website. They can extend functionality or add new features to your WordPress websites. WordPress plugins are written in the PHP programming language and integrate seamlessly with WordPress. These can be free in the WordPress.org Plugin Directory https://wordpress.org/plugins/ or can be cost-based plugin from a third-party from where you can pick and insert the patterns. This is considered an MVPMinimum Viable Product "A minimum viable product (MVP) is a product with just enough features to satisfy early customers, and to provide feedback for future product development." - WikiPedia and the UI is expected to evolve over the next releases.

As a start, the plugin comes with a small limited set of patterns. The list will ultimately grow and be opened to third-party authors.

7.7 🇵🇭

Features

  • Add the initial version of the Patterns UI as a sidebar plugin (this is not the final interface and work is in progress to integrate with the main block inserter). 20354, 20715.
    • Add an initial set of patterns 20724.

Enhancements

  • Update the Block and editor UI. 19344
  • Improve the Back to WP Adminadmin (and super admin) button in Fullscreen Mode. 20603
  • Makemake A collection of P2 blogs at make.wordpress.org, which are the home to a number of contributor groups, including core development (make/core, formerly "wpdevel"), the UI working group (make/ui), translators (make/polyglots), the theme reviewers (make/themes), resources for plugin authors (make/plugins), and the accessibility working group (make/accessibility). the editor Fullscreen by default. 20611
  • Remove template locking from the columns block 20465
  • Make the inserter full height. 20526

Bug Fixes

  • A11yAccessibility Accessibility (commonly shortened to a11y) refers to the design of products, devices, services, or environments for people with disabilities. The concept of accessible design ensures both “direct access” (i.e. unassisted) and “indirect access” meaning compatibility with a person’s assistive technology (for example, computer screen readers). (https://en.wikipedia.org/wiki/Accessibility):
    • Deselect first/last gallery images on blur. 14930
    • Revert top toolbar tab order 20571
  • Add an overlay to the htmlHTML HyperText Markup Language. The semantic scripting language primarily used for outputting content in web browsers. block preview to fix block selection in Firefox. 20425
  • Add missing accessibilityAccessibility Accessibility (commonly shortened to a11y) refers to the design of products, devices, services, or environments for people with disabilities. The concept of accessible design ensures both “direct access” (i.e. unassisted) and “indirect access” meaning compatibility with a person’s assistive technology (for example, computer screen readers). (https://en.wikipedia.org/wiki/Accessibility) attributes in the SVG icons. 20538
  • Fix invalidinvalid A resolution on the bug tracker (and generally common in software development, sometimes also notabug) that indicates the ticket is not a bug, is a support request, or is generally invalid. syntax error on Safari 12. 20507
  • Use a consistent width for the link suggetions. 20448
  • Use full labels for directional block movers. 20664
  • Columns block: Force 50% column width at mid-range viewport. 20597
  • Media & Text block: Fix frontend styles when “Crop image to fill” is selected 20539
  • Latest Post block:
    • Fix the excerptExcerpt An excerpt is the description of the blog post or page that will by default show on the blog archive page, in search results (SERPs), and on social media. With an SEO plugin, the excerpt may also be in that plugin’s metabox. length. 20313
    • Don’t trim manual exerptts 20432
  • Fix sidebar scroll issue on small viewports. 20491
  • Social Link block:
    • Escape generated class name. 20479
    • Fix label attribute type as string. 20468
    • i18ni18n Internationalization, or the act of writing and preparing code to be fully translatable into other languages. Also see localization. Often written with a lowercase i so it is not confused with a lowercase L or the numeral 1. Often an acquired skill.: Use placeholder for the default label 20475
  • Simulated Queries (Device previews):
    • Check for match in stylesheet host and protocol to prevent Chrome breakage. 20673
    • Fix IE11 editor breakage. 20226
    • Fix incorrectly displayed preview option for private post types. 20604
    • Focus preview button after opening preview. 20570
  • Fix isURL regex to take account file urls. 20435
  • Fix error when deleting empty paragraphs in IE11. 20594
  • Fix hidden inserter toggle behind the popover. 20663
  • Fix block registration shared defaults reuse across blocks. 20565
  • Shim metaMeta Meta is a term that refers to the inside workings of a group. For us, this is the team that works on internal WordPress sites like WordCamp Central and Make WordPress. attributes for early block registrations. 20544
  • Fix bouncing Custom color formatter. 20612
  • Fix Gallery block styles in Edge causing editor breakage. 20690

New APIs:

  • wordpress/env: Add support for ZIP URLURL A specific web address of a website or web page on the Internet, such as a website’s URL www.wordpress.org sources. 20426

Experiments

  • Lighter Block DOM:
    • allow block types to render their own wrapper 19701
    • Lighter InnerBlocks. 19910
    • Automatically add block class. 20658
  • BlockPreview: Add __experimentalOnReady prop. 17242
  • Edit Site:
    • Update template navigation to use new link control. 20366
    • Update the edit site save modal UI. 20608
  • Fix the block toolbar in the Widgets and Site Edit screens. 20458
  • Fix widgets screen inserter 20680

Documentation

Code Quality

  • Refactoring to existing blocks to use a lighter DOM:
    • List block. 20498
    • Image block. 20576
    • Heading block. 20493
  • Consistent block focus behavior on mount. 20577
  • Cleanup CSSCSS Cascading Style Sheets. variables. 20529
  • Use the EditorSkeleton component in the widgets and Edit Site pages. 20440, 20431.
  • Refactor SlotFill components. 19242
  • Remove useless style override for floats. 20501
  • Block popover: remove data-type. 20531
  • Resizable editor improvements. 20259

Various

  • wordpress/env:
    • Save the database as a volume. 20648
    • Fix accidental quotes in Site Title. 20520
    • Set owner of wp-content to www-data. 20406
  • wordpress/create-block:
  • Fix ReactReact React is a JavaScript library that makes it easy to reason about, construct, and maintain stateless and stateful user interfaces. https://reactjs.org/. warning triggered by the BlockToolbar component. 20546
  • Skip the Type Writer effect component in IE 11. 20485
  • Update browserslist to fix out-of-date caniuse-lite messages 20709
  • Add storybook stories:
  • E2E Tests:
    • Add test for the Image block. 20622
    • More stable embed test. 20668
    • Fix intermittent RichText e2e test failure. 20457
  • Travis: Avoid skipping Puppeteer download. 20547
  • Plugin: Bump minimum WordPress version to 5.3 20628
  • @wordrpess/priority-queue: Fix for environments that don’t have window defined. 20486
  • Update jest configuration to only ignore tests from /wordpress/ as a subdirectory 20420

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 7.7.0 7.7s 37.86ms
Gutenberg 7.6.0 7.0s 34.97ms
WordPress 5.3 7.2s 66ms

#core-editor, #editor, #gutenberg

Editor Chat Agenda: 11th March, 2020

Note taker: @paaljoachim

This is the agenda for the weekly editor chat scheduled for 2020-03-11 14:00 UTC. This meeting is held in the #core-editor WordPress SlackSlack Slack is a Collaborative Group Chat Platform https://slack.com/. The WordPress community has its own Slack Channel at https://make.wordpress.org/chat/. channel.

  • WordPress 5.4 Upcoming ReleaseRelease A release is the distribution of the final version of an application. A software release may be either public or private and generally constitutes the initial or new generation of a new or upgraded application. A release is preceded by the distribution of alpha and then beta versions of the software.
  • GutenbergGutenberg The Gutenberg project is the new Editor Interface for WordPress. The editor improves the process and experience of creating new content, making writing rich content much simpler. It uses ‘blocks’ to add richness rather than shortcodes, custom HTML etc. https://wordpress.org/gutenberg/ version 7.7.0
  • Weekly Priorities
  • Task Coordination
  • Open Floor

If you have anything to share for the Task Coordination section, please leave it as a comment on this post. If you have anything to propose for the agenda or other specific items related to those listed above, please leave a comment below.

#agenda#core-editor#editor-chat

#agenda, #core-editor, #core-editor-agenda, #gutenberg