Merge changes published in the Gutenberg plugin "release/11.3" branch

.eslintrc.js

@@ -70,6 +70,11 @@ module.exports = {
 			'error',
 			{
 				paths: [
+					{
+						name: 'framer-motion',
+						message:
+							'Please use the Framer Motion API through `@wordpress/components` instead.',
+					},
 					{
 						name: 'lodash',
 						importNames: [ 'memoize' ],

.github/CODEOWNERS

@@ -122,7 +122,7 @@
 # PHP
 /lib                                            @timothybjacobs @spacedmonkey
 /lib/global-styles.php                          @timothybjabocs @spacedmonkey @nosolosw
-/lib/experimental-default-theme.json            @timothybjabocs @spacedmonkey @nosolosw
+/lib/theme.json                                 @timothybjabocs @spacedmonkey @nosolosw
 /lib/class-wp-theme-json-gutenberg.php          @timothybjabocs @spacedmonkey @nosolosw
 /lib/class-wp-theme-json-resolver-gutenberg.php @timothybjabocs @spacedmonkey @nosolosw
 /phpunit/class-wp-theme-json-test.php           @nosolosw

.github/ISSUE_TEMPLATE/Bug_report.yml

@@ -0,0 +1,127 @@
+name: Bug report
+description: Report a bug with the WordPress block editor or Gutenberg plugin
+title: '<title>'
+body:
+    - type: markdown
+      attributes:
+          value: |
+              Thanks for taking the time to fill out this bug report! If this is a security issue, please report it in HackerOne instead: https://hackerone.com/wordpress
+
+    - type: checkboxes
+      attributes:
+          label: Is there an existing issue for this?
+          description: Please check if the bug has already been reported by searching https://github.com/WordPress/gutenberg/issues.
+          options:
+              - label: I have searched the existing issues
+                required: true
+
+    - type: checkboxes
+      attributes:
+          label: Have you tried deactivating all plugins except Gutenberg?
+          description: Please make sure you have ruled out plugin conflicts before reporting.
+          options:
+              - label: I have tested with all plugins deactivated.
+                required: true
+
+    - type: checkboxes
+      attributes:
+          label: Have you tried replicating the bug using a default theme e.g. Twenty Twenty?
+          description: Please make sure you have confirmed it's not a theme specific problem.
+          options:
+              - label: I have tested with a default theme.
+                required: true
+
+    - type: textarea
+      attributes:
+          label: Description
+          description: Please write a brief description of the bug.
+      validations:
+          required: true
+
+    - type: textarea
+      attributes:
+          label: Step-by-step reproduction instructions
+          description: Please list the steps needed to reproduce the bug.
+          placeholder: |
+              1. Go to '...'
+              2. Click on '...'
+              3. Scroll down to '...'
+              4. See error...
+      validations:
+          required: true
+
+    - type: textarea
+      attributes:
+          label: Expected Behavior
+          description: Please describe what you expected to happen.
+      validations:
+          required: true
+
+    - type: textarea
+      attributes:
+          label: Current Behavior
+          description: A concise description of what you're experiencing.
+      validations:
+          required: true
+
+    - type: textarea
+      attributes:
+          label: Screenshots or screen recording (optional)
+          description: |
+              If possible, please upload a screenshot or screen recording which demonstrates the bug. You can use LIEcap to create a GIF screen recording: https://www.cockos.com/licecap/
+              Tip: You can attach images or log files by clicking this area to highlight it and then dragging files in.
+      validations:
+          required: false
+
+    - type: textarea
+      attributes:
+          label: Code snippet (optional)
+          description: |
+              If this bug is to related to a developer API, please share a code snippet that demonstrates the issue. For small snippets paste it directly here, or you can use GitHub Gist to share multiple code files: https://gist.github.com
+              Please ensure the shared code can be used by a developer to reproduce the issue—ideally it can be copied into a local development environment or executed in a browser console to help debug the issue.
+      validations:
+          required: false
+
+    - type: textarea
+      attributes:
+          label: WordPress Information
+          description: |
+              Please list what WordPress version you are using. You can find this information in Tools → Site Health → Info → WordPress
+      validations:
+          required: false
+
+    - type: textarea
+      attributes:
+          label: Gutenberg Information
+          description: |
+              Please list what Gutenberg version you are using. If you aren't using Gutenberg, please note that it's not installed.
+      validations:
+          required: false
+
+    - type: dropdown
+      id: browsers
+      attributes:
+          label: What browsers are you seeing the problem on?
+          multiple: true
+          options:
+              - Firefox
+              - Chrome
+              - Safari
+              - Microsoft Edge
+              - Other
+
+    - type: textarea
+      attributes:
+          label: Device Information
+          description: |
+              Please list what device you are using e.g. "Desktop" or "iPhone 11".
+      validations:
+          required: false
+
+    - type: textarea
+      attributes:
+          label: Operating System Information
+          description: |
+              Please list what operating system you are using e.g. "Windows 10" or "iOS 14"
+      validations:
+          required: false

.github/workflows/performance.yml

@@ -69,4 +69,5 @@ jobs:
               if: github.event_name == 'push'
               env:
                   COMMITTED_AT: ${{ steps.commit-timestamp.outputs.result }}
-              run: ./bin/log-perormance-results.js trunk $GITHUB_SHA wp/5.8 $COMMITTED_AT
+                  CODEHEALTH_PROJECT_TOKEN: ${{ secrets.CODEHEALTH_PROJECT_TOKEN }}
+              run: ./bin/log-perormance-results.js $CODEHEALTH_PROJECT_TOKEN trunk $GITHUB_SHA wp/5.8 $COMMITTED_AT

.github/workflows/unit-test.yml

@@ -108,4 +108,4 @@ jobs:
                   npx lerna run build
 
             - name: Running the tests
-              run: npm run test-unit:native -- --ci --maxWorkers=2 --cacheDirectory="$HOME/.jest-cache"
+              run: npm run native test -- --ci --maxWorkers=2 --cacheDirectory="$HOME/.jest-cache"

bin/log-perormance-results.js

@@ -6,7 +6,7 @@
 const fs = require( 'fs' );
 const path = require( 'path' );
 const https = require( 'https' );
-const [ branch, hash, baseHash, timestamp ] = process.argv.slice( 2 );
+const [ token, branch, hash, baseHash, timestamp ] = process.argv.slice( 2 );
 
 const performanceResults = JSON.parse(
 	fs.readFileSync(
@@ -27,9 +27,9 @@ const data = new TextEncoder().encode(
 );
 
 const options = {
-	hostname: 'codehealth-riad.vercel.app',
+	hostname: 'codehealth.vercel.app',
 	port: 443,
-	path: '/api/log',
+	path: '/api/log?token=' + token,
 	method: 'POST',
 	headers: {
 		'Content-Type': 'application/json',

bin/plugin/commands/performance.js

@@ -29,29 +29,33 @@ const config = require( '../config' );
 /**
  * @typedef WPRawPerformanceResults
  *
- * @property {number[]} load          Load Time.
- * @property {number[]} type          Average type time.
- * @property {number[]} focus         Average block selection time.
- * @property {number[]} inserterOpen  Average time to open global inserter.
- * @property {number[]} inserterHover Average time to move mouse between two block item in the inserter.
+ * @property {number[]} load           Load Time.
+ * @property {number[]} type           Average type time.
+ * @property {number[]} focus          Average block selection time.
+ * @property {number[]} inserterOpen   Average time to open global inserter.
+ * @property {number[]} inserterSearch Average time to search the inserter.
+ * @property {number[]} inserterHover  Average time to move mouse between two block item in the inserter.
  */
 
 /**
  * @typedef WPPerformanceResults
  *
- * @property {number=} load             Load Time.
- * @property {number=} type             Average type time.
- * @property {number=} minType          Minium type time.
- * @property {number=} maxType          Maximum type time.
- * @property {number=} focus            Average block selection time.
- * @property {number=} minFocus         Min block selection time.
- * @property {number=} maxFocus         Max block selection time.
- * @property {number=} inserterOpen     Average time to open global inserter.
- * @property {number=} minInserterOpen  Min time to open global inserter.
- * @property {number=} maxInserterOpen  Max time to open global inserter.
- * @property {number=} inserterHover    Average time to move mouse between two block item in the inserter.
- * @property {number=} minInserterHover Min time to move mouse between two block item in the inserter.
- * @property {number=} maxInserterHover Max time to move mouse between two block item in the inserter.
+ * @property {number=} load              Load Time.
+ * @property {number=} type              Average type time.
+ * @property {number=} minType           Minium type time.
+ * @property {number=} maxType           Maximum type time.
+ * @property {number=} focus             Average block selection time.
+ * @property {number=} minFocus          Min block selection time.
+ * @property {number=} maxFocus          Max block selection time.
+ * @property {number=} inserterOpen      Average time to open global inserter.
+ * @property {number=} minInserterOpen   Min time to open global inserter.
+ * @property {number=} maxInserterOpen   Max time to open global inserter.
+ * @property {number=} inserterSearch    Average time to open global inserter.
+ * @property {number=} minInserterSearch Min time to open global inserter.
+ * @property {number=} maxInserterSearch Max time to open global inserter.
+ * @property {number=} inserterHover     Average time to move mouse between two block item in the inserter.
+ * @property {number=} minInserterHover  Min time to move mouse between two block item in the inserter.
+ * @property {number=} maxInserterHover  Max time to move mouse between two block item in the inserter.
  */
 
 /**
@@ -111,6 +115,9 @@ function curateResults( results ) {
 		inserterOpen: average( results.inserterOpen ),
 		minInserterOpen: Math.min( ...results.inserterOpen ),
 		maxInserterOpen: Math.max( ...results.inserterOpen ),
+		inserterSearch: average( results.inserterSearch ),
+		minInserterSearch: Math.min( ...results.inserterSearch ),
+		maxInserterSearch: Math.max( ...results.inserterSearch ),
 		inserterHover: average( results.inserterHover ),
 		minInserterHover: Math.min( ...results.inserterHover ),
 		maxInserterHover: Math.max( ...results.inserterHover ),
@@ -323,6 +330,15 @@ async function runPerformanceTests( branches, options ) {
 					maxInserterOpen: rawResults.map(
 						( r ) => r[ branch ].maxInserterOpen
 					),
+					inserterSearch: rawResults.map(
+						( r ) => r[ branch ].inserterSearch
+					),
+					minInserterSearch: rawResults.map(
+						( r ) => r[ branch ].minInserterSearch
+					),
+					maxInserterSearch: rawResults.map(
+						( r ) => r[ branch ].maxInserterSearch
+					),
 					inserterHover: rawResults.map(
 						( r ) => r[ branch ].inserterHover
 					),