+ <>
}
/>
-
+
) }
{ allowJustification && (
+
{ __( 'Customize the width for all elements that are assigned to the center or wide columns.' ) }
-
-
+
{ ( mediaTypeRenders[ mediaType ] || noop )() }
diff --git a/packages/editor/CHANGELOG.md b/packages/editor/CHANGELOG.md
index 05bb9beb3b1fcc..b380c2fd296d55 100644
--- a/packages/editor/CHANGELOG.md
+++ b/packages/editor/CHANGELOG.md
@@ -2,6 +2,8 @@
## Unreleased
+## 14.7.0 (2024-09-05)
+
## 14.6.0 (2024-08-21)
## 14.5.0 (2024-08-07)
diff --git a/packages/editor/README.md b/packages/editor/README.md
index ebd4af31e287d8..d18513b151beae 100644
--- a/packages/editor/README.md
+++ b/packages/editor/README.md
@@ -1471,6 +1471,10 @@ Undocumented declaration.
Displays the Post Trash Button and Confirm Dialog in the Editor.
+_Parameters_
+
+- _An_ `?{onActionPerformed: Object}`: object containing the onActionPerformed function.
+
_Returns_
- `JSX.Element|null`: The rendered PostTrash component.
diff --git a/packages/editor/package.json b/packages/editor/package.json
index 7e120895c782f3..a9d486b74e79cf 100644
--- a/packages/editor/package.json
+++ b/packages/editor/package.json
@@ -1,6 +1,6 @@
{
"name": "@wordpress/editor",
- "version": "14.6.0",
+ "version": "14.7.0",
"description": "Enhanced block editor for WordPress posts.",
"author": "The WordPress Contributors",
"license": "GPL-2.0-or-later",
diff --git a/packages/editor/src/bindings/post-meta.js b/packages/editor/src/bindings/post-meta.js
index 1ecd6ea50ba274..7618ba6c360236 100644
--- a/packages/editor/src/bindings/post-meta.js
+++ b/packages/editor/src/bindings/post-meta.js
@@ -22,7 +22,7 @@ export default {
for ( const [ attributeName, source ] of Object.entries( bindings ) ) {
// Use the key if the value is not set.
newValues[ attributeName ] =
- meta?.[ source.args.key ] || source.args.key;
+ meta?.[ source.args.key ] ?? source.args.key;
}
return newValues;
},
@@ -62,6 +62,12 @@ export default {
if ( fieldValue === undefined ) {
return false;
}
+ // Check that custom fields metabox is not enabled.
+ const areCustomFieldsEnabled =
+ select( editorStore ).getEditorSettings().enableCustomFields;
+ if ( areCustomFieldsEnabled ) {
+ return false;
+ }
// Check that the user has the capability to edit post meta.
const canUserEdit = select( coreDataStore ).canUser( 'update', {
diff --git a/packages/editor/src/components/document-outline/style.scss b/packages/editor/src/components/document-outline/style.scss
index efd2606b82d394..49ce0c9b2d1325 100644
--- a/packages/editor/src/components/document-outline/style.scss
+++ b/packages/editor/src/components/document-outline/style.scss
@@ -51,7 +51,7 @@
padding: 2px 5px 2px 1px;
color: $gray-900;
text-align: left;
- border-radius: $radius-block-ui;
+ border-radius: $radius-small;
&:disabled {
cursor: default;
diff --git a/packages/editor/src/components/editor/index.js b/packages/editor/src/components/editor/index.js
index b094c3ceb44376..21becea43cd7ee 100644
--- a/packages/editor/src/components/editor/index.js
+++ b/packages/editor/src/components/editor/index.js
@@ -74,11 +74,11 @@ function Editor( {
.wp-block-media-text__media {
height: 100%;
min-height: 250px;
@@ -102,6 +103,26 @@
clip: rect(0, 0, 0, 0);
border: 0;
}
+
+/* Image fill for versions 8 and onwards */
+.wp-block-media-text.is-image-fill-element > .wp-block-media-text__media {
+ position: relative;
+ height: 100%;
+ min-height: 250px;
+}
+
+.wp-block-media-text.is-image-fill-element > .wp-block-media-text__media > a {
+ display: block;
+ height: 100%;
+}
+
+.wp-block-media-text.is-image-fill-element > .wp-block-media-text__media img {
+ position: absolute;
+ width: 100%;
+ height: 100%;
+ object-fit: cover;
+}
+
/*
* Here we here not able to use a mobile first CSS approach.
* Custom widths are set using inline styles, and on mobile,
diff --git a/packages/block-library/src/media-text/test/image-fill.js b/packages/block-library/src/media-text/test/image-fill.js
new file mode 100644
index 00000000000000..4862fcbfb02453
--- /dev/null
+++ b/packages/block-library/src/media-text/test/image-fill.js
@@ -0,0 +1,19 @@
+/**
+ * Internal dependencies
+ */
+import { imageFillStyles } from '../image-fill';
+
+describe( 'imageFillStyles()', () => {
+ it( 'should return centered object position', () => {
+ const { objectPosition } = imageFillStyles( 'image.jpg' );
+ expect( objectPosition ).toBe( '50% 50%' );
+ } );
+
+ it( 'should return custom object position', () => {
+ const { objectPosition } = imageFillStyles( 'image.jpg', {
+ x: 0.56,
+ y: 0.57,
+ } );
+ expect( objectPosition ).toBe( '56% 57%' );
+ } );
+} );
diff --git a/packages/block-library/src/media-text/test/media-container.js b/packages/block-library/src/media-text/test/media-container.js
deleted file mode 100644
index 582ec2be8d5ad8..00000000000000
--- a/packages/block-library/src/media-text/test/media-container.js
+++ /dev/null
@@ -1,24 +0,0 @@
-/**
- * Internal dependencies
- */
-import { imageFillStyles } from '../media-container';
-
-describe( 'imageFillStyles()', () => {
- it( 'should return image url', () => {
- const { backgroundImage } = imageFillStyles( 'image.jpg' );
- expect( backgroundImage ).toBe( 'url(image.jpg)' );
- } );
-
- it( 'should return centered background position', () => {
- const { backgroundPosition } = imageFillStyles( 'image.jpg' );
- expect( backgroundPosition ).toBe( '50% 50%' );
- } );
-
- it( 'should return custom background position', () => {
- const { backgroundPosition } = imageFillStyles( 'image.jpg', {
- x: 0.56,
- y: 0.57,
- } );
- expect( backgroundPosition ).toBe( '56% 57%' );
- } );
-} );
diff --git a/packages/block-library/src/missing/edit.js b/packages/block-library/src/missing/edit.js
index 70b032cb9a2fe8..e7744839b08889 100644
--- a/packages/block-library/src/missing/edit.js
+++ b/packages/block-library/src/missing/edit.js
@@ -50,8 +50,7 @@ export default function MissingEdit( { attributes, clientId } ) {
const convertToHtmlButton = (
) }
diff --git a/packages/components/src/modal/stories/index.story.tsx b/packages/components/src/modal/stories/index.story.tsx
index 60a53947116fac..f180de0dc06a46 100644
--- a/packages/components/src/modal/stories/index.story.tsx
+++ b/packages/components/src/modal/stories/index.story.tsx
@@ -7,7 +7,7 @@ import type { StoryFn, Meta } from '@storybook/react';
* WordPress dependencies
*/
import { useState } from '@wordpress/element';
-import { starEmpty, starFilled } from '@wordpress/icons';
+import { fullscreen } from '@wordpress/icons';
/**
* Internal dependencies
@@ -103,22 +103,16 @@ WithsizeSmall.args = {
};
WithsizeSmall.storyName = 'With size: small';
-const LikeButton = () => {
- const [ isLiked, setIsLiked ] = useState( false );
- return (
- 
+
My Content
+
+
+
+
diff --git a/test/integration/fixtures/blocks/core__media-text__deprecated-v7-image-fill-no-focal-point-selected.json b/test/integration/fixtures/blocks/core__media-text__deprecated-v7-image-fill-no-focal-point-selected.json
new file mode 100644
index 00000000000000..bf195f6fa1c953
--- /dev/null
+++ b/test/integration/fixtures/blocks/core__media-text__deprecated-v7-image-fill-no-focal-point-selected.json
@@ -0,0 +1,29 @@
+[
+ {
+ "name": "core/media-text",
+ "isValid": true,
+ "attributes": {
+ "align": "wide",
+ "mediaAlt": "My alt text",
+ "mediaPosition": "left",
+ "mediaType": "image",
+ "mediaWidth": 50,
+ "isStackedOnMobile": true,
+ "mediaUrl": "data:image/jpeg;base64,/9j/2wBDAAMCAgICAgMCAgIDAwMDBAYEBAQEBAgGBgUGCQgKCgkICQkKDA8MCgsOCwkJDRENDg8QEBEQCgwSExIQEw8QEBD/yQALCAABAAEBAREA/8wABgAQEAX/2gAIAQEAAD8A0s8g/9k=",
+ "imageFill": true
+ },
+ "innerBlocks": [
+ {
+ "name": "core/paragraph",
+ "isValid": true,
+ "attributes": {
+ "content": "My Content",
+ "dropCap": false,
+ "placeholder": "Content…",
+ "fontSize": "large"
+ },
+ "innerBlocks": []
+ }
+ ]
+ }
+]
diff --git a/test/integration/fixtures/blocks/core__media-text__deprecated-v7-image-fill-no-focal-point-selected.parsed.json b/test/integration/fixtures/blocks/core__media-text__deprecated-v7-image-fill-no-focal-point-selected.parsed.json
new file mode 100644
index 00000000000000..2e878c98a18a89
--- /dev/null
+++ b/test/integration/fixtures/blocks/core__media-text__deprecated-v7-image-fill-no-focal-point-selected.parsed.json
@@ -0,0 +1,29 @@
+[
+ {
+ "blockName": "core/media-text",
+ "attrs": {
+ "mediaType": "image",
+ "imageFill": true
+ },
+ "innerBlocks": [
+ {
+ "blockName": "core/paragraph",
+ "attrs": {
+ "placeholder": "Content…",
+ "fontSize": "large"
+ },
+ "innerBlocks": [],
+ "innerHTML": "\n\t\t
+
+
+My Content
+ +My Content
\n\t\t", + "innerContent": [ + "\n\t\tMy Content
\n\t\t" + ] + } + ], + "innerHTML": "\n\n\t\n\t\t![](\"data:image/jpeg;base64,/9j/2wBDAAMCAgICAgMCAgIDAwMDBAYEBAQEBAgGBgUGCQgKCgkICQkKDA8MCgsOCwkJDRENDg8QEBEQCgwSExIQEw8QEBD/yQALCAABAAEBAREA/8wABgAQEAX/2gAIAQEAAD8A0s8g/9k=\"\n\t\t\talt=\"My)
\n\t
\n",
+ "innerContent": [
+ "\n\n\t\t\n\t
\n\n\t\n\t\t \n\t
\n"
+ ]
+ }
+]
diff --git a/test/integration/fixtures/blocks/core__media-text__deprecated-v7-image-fill-no-focal-point-selected.serialized.html b/test/integration/fixtures/blocks/core__media-text__deprecated-v7-image-fill-no-focal-point-selected.serialized.html
new file mode 100644
index 00000000000000..b9d5e14f90277c
--- /dev/null
+++ b/test/integration/fixtures/blocks/core__media-text__deprecated-v7-image-fill-no-focal-point-selected.serialized.html
@@ -0,0 +1,5 @@
+
+\n\t\t",
+ null,
+ "\n\t
\n
+
My Content
+
+
+
+
+
diff --git a/test/integration/fixtures/blocks/core__media-text__deprecated-v7-image-fill-with-focal-point-selected.json b/test/integration/fixtures/blocks/core__media-text__deprecated-v7-image-fill-with-focal-point-selected.json
new file mode 100644
index 00000000000000..986e049099541f
--- /dev/null
+++ b/test/integration/fixtures/blocks/core__media-text__deprecated-v7-image-fill-with-focal-point-selected.json
@@ -0,0 +1,33 @@
+[
+ {
+ "name": "core/media-text",
+ "isValid": true,
+ "attributes": {
+ "align": "wide",
+ "mediaAlt": "My alt text",
+ "mediaPosition": "left",
+ "mediaType": "image",
+ "mediaWidth": 50,
+ "isStackedOnMobile": true,
+ "mediaUrl": "data:image/jpeg;base64,/9j/2wBDAAMCAgICAgMCAgIDAwMDBAYEBAQEBAgGBgUGCQgKCgkICQkKDA8MCgsOCwkJDRENDg8QEBEQCgwSExIQEw8QEBD/yQALCAABAAEBAREA/8wABgAQEAX/2gAIAQEAAD8A0s8g/9k=",
+ "imageFill": true,
+ "focalPoint": {
+ "x": 0.84,
+ "y": 0.84
+ }
+ },
+ "innerBlocks": [
+ {
+ "name": "core/paragraph",
+ "isValid": true,
+ "attributes": {
+ "content": "My Content",
+ "dropCap": false,
+ "placeholder": "Content…",
+ "fontSize": "large"
+ },
+ "innerBlocks": []
+ }
+ ]
+ }
+]
diff --git a/test/integration/fixtures/blocks/core__media-text__deprecated-v7-image-fill-with-focal-point-selected.parsed.json b/test/integration/fixtures/blocks/core__media-text__deprecated-v7-image-fill-with-focal-point-selected.parsed.json
new file mode 100644
index 00000000000000..175fbad27927b7
--- /dev/null
+++ b/test/integration/fixtures/blocks/core__media-text__deprecated-v7-image-fill-with-focal-point-selected.parsed.json
@@ -0,0 +1,33 @@
+[
+ {
+ "blockName": "core/media-text",
+ "attrs": {
+ "mediaType": "image",
+ "imageFill": true,
+ "focalPoint": {
+ "x": 0.84,
+ "y": 0.84
+ }
+ },
+ "innerBlocks": [
+ {
+ "blockName": "core/paragraph",
+ "attrs": {
+ "placeholder": "Content…",
+ "fontSize": "large"
+ },
+ "innerBlocks": [],
+ "innerHTML": "\n\t\t
+
+
+My Content
+ +My Content
\n\t\t", + "innerContent": [ + "\n\t\tMy Content
\n\t\t" + ] + } + ], + "innerHTML": "\n\n\t\n\t\t \n\t
\n",
+ "innerContent": [
+ "\n\n\t\t\n\t
\n\n\t\n\t\t \n\t
\n"
+ ]
+ }
+]
diff --git a/test/integration/fixtures/blocks/core__media-text__deprecated-v7-image-fill-with-focal-point-selected.serialized.html b/test/integration/fixtures/blocks/core__media-text__deprecated-v7-image-fill-with-focal-point-selected.serialized.html
new file mode 100644
index 00000000000000..4b001f4f27c8ad
--- /dev/null
+++ b/test/integration/fixtures/blocks/core__media-text__deprecated-v7-image-fill-with-focal-point-selected.serialized.html
@@ -0,0 +1,5 @@
+
+\n\t\t",
+ null,
+ "\n\t
\n
+
My Content
+
+
+
+
+
diff --git a/test/integration/fixtures/blocks/core__media-text__deprecated-v7.json b/test/integration/fixtures/blocks/core__media-text__deprecated-v7.json
new file mode 100644
index 00000000000000..a6f0dff927874d
--- /dev/null
+++ b/test/integration/fixtures/blocks/core__media-text__deprecated-v7.json
@@ -0,0 +1,30 @@
+[
+ {
+ "name": "core/media-text",
+ "isValid": true,
+ "attributes": {
+ "align": "none",
+ "mediaAlt": "My alt text",
+ "mediaPosition": "left",
+ "mediaType": "image",
+ "mediaWidth": 50,
+ "isStackedOnMobile": true,
+ "mediaUrl": "data:image/jpeg;base64,/9j/2wBDAAMCAgICAgMCAgIDAwMDBAYEBAQEBAgGBgUGCQgKCgkICQkKDA8MCgsOCwkJDRENDg8QEBEQCgwSExIQEw8QEBD/yQALCAABAAEBAREA/8wABgAQEAX/2gAIAQEAAD8A0s8g/9k=",
+ "imageFill": true,
+ "useFeaturedImage": false
+ },
+ "innerBlocks": [
+ {
+ "name": "core/paragraph",
+ "isValid": true,
+ "attributes": {
+ "content": "My Content",
+ "dropCap": false,
+ "placeholder": "Content…",
+ "fontSize": "large"
+ },
+ "innerBlocks": []
+ }
+ ]
+ }
+]
diff --git a/test/integration/fixtures/blocks/core__media-text__deprecated-v7.parsed.json b/test/integration/fixtures/blocks/core__media-text__deprecated-v7.parsed.json
new file mode 100644
index 00000000000000..49b392d4231384
--- /dev/null
+++ b/test/integration/fixtures/blocks/core__media-text__deprecated-v7.parsed.json
@@ -0,0 +1,29 @@
+[
+ {
+ "blockName": "core/media-text",
+ "attrs": {
+ "mediaType": "image",
+ "imageFill": true
+ },
+ "innerBlocks": [
+ {
+ "blockName": "core/paragraph",
+ "attrs": {
+ "placeholder": "Content…",
+ "fontSize": "large"
+ },
+ "innerBlocks": [],
+ "innerHTML": "\n\t\t
+
+
+My Content
+ +My Content
\n\t\t", + "innerContent": [ + "\n\t\tMy Content
\n\t\t" + ] + } + ], + "innerHTML": "\n\n\t\n\t\t \n\t
\n",
+ "innerContent": [
+ "\n\n\t\t\n\t
\n\n\t\n\t\t \n\t
\n"
+ ]
+ }
+]
diff --git a/test/integration/fixtures/blocks/core__media-text__deprecated-v7.serialized.html b/test/integration/fixtures/blocks/core__media-text__deprecated-v7.serialized.html
new file mode 100644
index 00000000000000..b44ebe1c4ee896
--- /dev/null
+++ b/test/integration/fixtures/blocks/core__media-text__deprecated-v7.serialized.html
@@ -0,0 +1,5 @@
+
+\n\t\t",
+ null,
+ "\n\t
\n
+
My Content
+
-
+
+
+
+ alt="My alt text" style="object-position:50% 50%"/>
My Content
diff --git a/test/integration/fixtures/blocks/core__media-text__image-fill-no-focal-point-selected.json b/test/integration/fixtures/blocks/core__media-text__image-fill-no-focal-point-selected.json index bf195f6fa1c953..bb57f08ad5cfa7 100644 --- a/test/integration/fixtures/blocks/core__media-text__image-fill-no-focal-point-selected.json +++ b/test/integration/fixtures/blocks/core__media-text__image-fill-no-focal-point-selected.json @@ -6,11 +6,12 @@ "align": "wide", "mediaAlt": "My alt text", "mediaPosition": "left", + "mediaUrl": "data:image/jpeg;base64,/9j/2wBDAAMCAgICAgMCAgIDAwMDBAYEBAQEBAgGBgUGCQgKCgkICQkKDA8MCgsOCwkJDRENDg8QEBEQCgwSExIQEw8QEBD/yQALCAABAAEBAREA/8wABgAQEAX/2gAIAQEAAD8A0s8g/9k=", "mediaType": "image", "mediaWidth": 50, "isStackedOnMobile": true, - "mediaUrl": "data:image/jpeg;base64,/9j/2wBDAAMCAgICAgMCAgIDAwMDBAYEBAQEBAgGBgUGCQgKCgkICQkKDA8MCgsOCwkJDRENDg8QEBEQCgwSExIQEw8QEBD/yQALCAABAAEBAREA/8wABgAQEAX/2gAIAQEAAD8A0s8g/9k=", - "imageFill": true + "imageFill": true, + "useFeaturedImage": false }, "innerBlocks": [ { diff --git a/test/integration/fixtures/blocks/core__media-text__image-fill-no-focal-point-selected.parsed.json b/test/integration/fixtures/blocks/core__media-text__image-fill-no-focal-point-selected.parsed.json index 2e878c98a18a89..674b3724af8e88 100644 --- a/test/integration/fixtures/blocks/core__media-text__image-fill-no-focal-point-selected.parsed.json +++ b/test/integration/fixtures/blocks/core__media-text__image-fill-no-focal-point-selected.parsed.json @@ -2,6 +2,7 @@ { "blockName": "core/media-text", "attrs": { + "align": "wide", "mediaType": "image", "imageFill": true }, @@ -19,9 +20,9 @@ ] } ], - "innerHTML": "\n\n\t\n\t\t \n\t
\n",
+ "innerHTML": "\n\n\t\t\n\t
\n\n\t\n\t\t \n\t
\n",
"innerContent": [
- "\n\n\t\t\n\t
\n\n\t\n\t\t \n\t
\n\t\t",
+ "\n
\n\t\n\t\t \n\t
\n"
]
diff --git a/test/integration/fixtures/blocks/core__media-text__image-fill-no-focal-point-selected.serialized.html b/test/integration/fixtures/blocks/core__media-text__image-fill-no-focal-point-selected.serialized.html
index 40382e884f618e..b9d5e14f90277c 100644
--- a/test/integration/fixtures/blocks/core__media-text__image-fill-no-focal-point-selected.serialized.html
+++ b/test/integration/fixtures/blocks/core__media-text__image-fill-no-focal-point-selected.serialized.html
@@ -1,5 +1,5 @@
-\n\t\t",
null,
"\n\t
\n
+
My Content
-
+
+
+
+ alt="My alt text" style="object-position:84% 84%" />
My Content
diff --git a/test/integration/fixtures/blocks/core__media-text__image-fill-with-focal-point-selected.json b/test/integration/fixtures/blocks/core__media-text__image-fill-with-focal-point-selected.json index 986e049099541f..0de71c867457ef 100644 --- a/test/integration/fixtures/blocks/core__media-text__image-fill-with-focal-point-selected.json +++ b/test/integration/fixtures/blocks/core__media-text__image-fill-with-focal-point-selected.json @@ -6,15 +6,16 @@ "align": "wide", "mediaAlt": "My alt text", "mediaPosition": "left", + "mediaUrl": "data:image/jpeg;base64,/9j/2wBDAAMCAgICAgMCAgIDAwMDBAYEBAQEBAgGBgUGCQgKCgkICQkKDA8MCgsOCwkJDRENDg8QEBEQCgwSExIQEw8QEBD/yQALCAABAAEBAREA/8wABgAQEAX/2gAIAQEAAD8A0s8g/9k=", "mediaType": "image", "mediaWidth": 50, "isStackedOnMobile": true, - "mediaUrl": "data:image/jpeg;base64,/9j/2wBDAAMCAgICAgMCAgIDAwMDBAYEBAQEBAgGBgUGCQgKCgkICQkKDA8MCgsOCwkJDRENDg8QEBEQCgwSExIQEw8QEBD/yQALCAABAAEBAREA/8wABgAQEAX/2gAIAQEAAD8A0s8g/9k=", "imageFill": true, "focalPoint": { "x": 0.84, "y": 0.84 - } + }, + "useFeaturedImage": false }, "innerBlocks": [ { diff --git a/test/integration/fixtures/blocks/core__media-text__image-fill-with-focal-point-selected.parsed.json b/test/integration/fixtures/blocks/core__media-text__image-fill-with-focal-point-selected.parsed.json index 175fbad27927b7..92bd57443a1c34 100644 --- a/test/integration/fixtures/blocks/core__media-text__image-fill-with-focal-point-selected.parsed.json +++ b/test/integration/fixtures/blocks/core__media-text__image-fill-with-focal-point-selected.parsed.json @@ -2,6 +2,7 @@ { "blockName": "core/media-text", "attrs": { + "align": "wide", "mediaType": "image", "imageFill": true, "focalPoint": { @@ -23,9 +24,9 @@ ] } ], - "innerHTML": "\n\n\t\n\t\t \n\t
\n",
+ "innerHTML": "\n\n\t\t\n\t
\n\n\t\n\t\t \n\t
\n",
"innerContent": [
- "\n\n\t\t\n\t
\n\n\t\n\t\t \n\t
\n\t\t",
+ "\n
\n\t\n\t\t \n\t
\n"
]
diff --git a/test/integration/fixtures/blocks/core__media-text__image-fill-with-focal-point-selected.serialized.html b/test/integration/fixtures/blocks/core__media-text__image-fill-with-focal-point-selected.serialized.html
index 9445d0ad259b22..4b001f4f27c8ad 100644
--- a/test/integration/fixtures/blocks/core__media-text__image-fill-with-focal-point-selected.serialized.html
+++ b/test/integration/fixtures/blocks/core__media-text__image-fill-with-focal-point-selected.serialized.html
@@ -1,5 +1,5 @@
-\n\t\t",
null,
"\n\t
\n
+} */
+const gutenbergScriptModules = new Map();
+for ( const [ packageName, versionSpecifier ] of iterableDeps ) {
+ if (
+ ! packageName.startsWith( WORDPRESS_NAMESPACE ) ||
+ ! versionSpecifier.startsWith( 'file:' ) ||
+ packageName.startsWith( WORDPRESS_NAMESPACE + 'react-native' )
+ ) {
+ continue;
+ }
+
+ const packageRequire = createRequire(
+ // Remove the leading "file:" specifier to build a package URL.
+ new URL( `${ versionSpecifier.substring( 5 ) }/`, rootURL )
+ );
+
+ const depPackageJson = packageRequire( './package.json' );
+ if ( ! Object.hasOwn( depPackageJson, 'wpScriptModuleExports' ) ) {
+ continue;
+ }
+
+ const moduleName = packageName.substring( WORDPRESS_NAMESPACE.length );
+ let { wpScriptModuleExports } = depPackageJson;
+
+ // Special handling for { "wpScriptModuleExports": "./build-module/index.js" }.
+ if ( typeof wpScriptModuleExports === 'string' ) {
+ wpScriptModuleExports = { '.': wpScriptModuleExports };
+ }
+
+ if ( Object.getPrototypeOf( wpScriptModuleExports ) !== Object.prototype ) {
+ throw new Error( 'wpScriptModuleExports must be an object' );
+ }
+
+ for ( const [ exportName, exportPath ] of Object.entries(
+ wpScriptModuleExports
+ ) ) {
+ if ( typeof exportPath !== 'string' ) {
+ throw new Error( 'wpScriptModuleExports paths must be strings' );
+ }
+
+ if ( ! exportPath.startsWith( './' ) ) {
+ throw new Error(
+ 'wpScriptModuleExports paths must start with "./"'
+ );
+ }
+
+ const name =
+ exportName === '.' ? 'index' : exportName.replace( /^\.\/?/, '' );
+
+ gutenbergScriptModules.set(
+ `${ moduleName }/${ name }`,
+ packageRequire.resolve( exportPath )
+ );
+ }
+}
+
+module.exports = {
+ ...baseConfig,
+ name: 'script-modules',
+ entry: Object.fromEntries( gutenbergScriptModules.entries() ),
+ experiments: {
+ outputModule: true,
+ },
+ output: {
+ devtoolNamespace: 'wp',
+ filename: './build-module/[name].min.js',
+ library: {
+ type: 'module',
+ },
+ path: join( __dirname, '..', '..' ),
+ environment: { module: true },
+ module: true,
+ chunkFormat: 'module',
+ asyncChunks: false,
+ },
+ resolve: {
+ extensions: [ '.js', '.ts', '.tsx' ],
+ },
+ module: {
+ rules: [
+ {
+ test: /\.(j|t)sx?$/,
+ exclude: /node_modules/,
+ use: [
+ {
+ loader: require.resolve( 'babel-loader' ),
+ options: {
+ cacheDirectory:
+ process.env.BABEL_CACHE_DIRECTORY || true,
+ babelrc: false,
+ configFile: false,
+ presets: [
+ '@babel/preset-typescript',
+ '@babel/preset-react',
+ ],
+ },
+ },
+ ],
+ },
+ ],
+ },
+ plugins: [ ...plugins, new DependencyExtractionWebpackPlugin() ],
+ watchOptions: {
+ ignored: [ '**/node_modules' ],
+ aggregateTimeout: 500,
+ },
+};
diff --git a/tsconfig.json b/tsconfig.json
index cf986ddbee72bf..3ab54f66019bca 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -25,6 +25,7 @@
{ "path": "packages/element" },
{ "path": "packages/escape-html" },
{ "path": "packages/eslint-plugin" },
+ { "path": "packages/fields" },
{ "path": "packages/hooks" },
{ "path": "packages/html-entities" },
{ "path": "packages/html-entities" },
@@ -35,6 +36,7 @@
{ "path": "packages/is-shallow-equal" },
{ "path": "packages/keycodes" },
{ "path": "packages/lazy-import" },
+ { "path": "packages/media-utils" },
{ "path": "packages/notices" },
{ "path": "packages/plugins" },
{ "path": "packages/prettier-config" },
diff --git a/webpack.config.js b/webpack.config.js
index 45b22cc5354dcf..51889b06d1eb44 100644
--- a/webpack.config.js
+++ b/webpack.config.js
@@ -3,13 +3,13 @@
*/
const blocksConfig = require( './tools/webpack/blocks' );
const developmentConfigs = require( './tools/webpack/development' );
-const interactivity = require( './tools/webpack/interactivity' );
+const scriptModules = require( './tools/webpack/script-modules' );
const packagesConfig = require( './tools/webpack/packages' );
const vendorsConfig = require( './tools/webpack/vendors' );
module.exports = [
...blocksConfig,
- interactivity,
+ scriptModules,
packagesConfig,
...developmentConfigs,
...vendorsConfig,
My Content