From 40fd362fb2d7ac7b652b914e4eca81405326c422 Mon Sep 17 00:00:00 2001 From: Jarda Snajdr Date: Tue, 24 Oct 2023 21:21:29 +0200 Subject: [PATCH] Lazy load block edit functions --- packages/block-library/src/archives/index.js | 6 ++++-- packages/block-library/src/audio/index.js | 7 +++++-- packages/block-library/src/avatar/index.js | 6 ++++-- packages/block-library/src/block/index.js | 6 ++++-- packages/block-library/src/button/index.js | 7 +++++-- packages/block-library/src/buttons/index.js | 7 +++++-- packages/block-library/src/calendar/index.js | 7 +++++-- packages/block-library/src/categories/index.js | 6 ++++-- packages/block-library/src/code/index.js | 7 +++++-- packages/block-library/src/column/index.js | 7 +++++-- packages/block-library/src/columns/index.js | 7 +++++-- .../src/comment-author-avatar/index.js | 8 ++++++-- .../src/comment-author-name/index.js | 7 +++++-- .../block-library/src/comment-content/index.js | 6 ++++-- packages/block-library/src/comment-date/index.js | 7 +++++-- .../block-library/src/comment-edit-link/index.js | 6 ++++-- .../src/comment-reply-link/index.js | 6 ++++-- .../block-library/src/comment-template/index.js | 7 +++++-- .../src/comments-pagination-next/index.js | 8 ++++++-- .../src/comments-pagination-numbers/index.js | 8 ++++++-- .../src/comments-pagination-previous/index.js | 8 ++++++-- .../src/comments-pagination/index.js | 7 +++++-- .../block-library/src/comments-title/index.js | 7 +++++-- packages/block-library/src/comments/index.js | 7 +++++-- packages/block-library/src/cover/index.js | 6 ++++-- packages/block-library/src/details/index.js | 7 +++++-- packages/block-library/src/embed/index.js | 7 +++++-- packages/block-library/src/file/index.js | 7 +++++-- packages/block-library/src/footnotes/index.js | 7 +++++-- packages/block-library/src/form-input/index.js | 7 +++++-- .../src/form-submission-notification/index.js | 9 +++++++-- .../src/form-submit-button/index.js | 7 +++++-- packages/block-library/src/form/index.js | 7 +++++-- packages/block-library/src/freeform/index.js | 7 +++++-- packages/block-library/src/gallery/index.js | 6 ++++-- packages/block-library/src/group/index.js | 7 +++++-- packages/block-library/src/heading/index.js | 7 +++++-- packages/block-library/src/home-link/index.js | 7 +++++-- packages/block-library/src/html/index.js | 7 +++++-- packages/block-library/src/image/index.js | 6 ++++-- .../block-library/src/latest-comments/index.js | 6 ++++-- packages/block-library/src/latest-posts/index.js | 7 +++++-- packages/block-library/src/list-item/index.js | 7 +++++-- packages/block-library/src/list/index.js | 7 +++++-- packages/block-library/src/loginout/index.js | 7 +++++-- packages/block-library/src/media-text/index.js | 7 +++++-- packages/block-library/src/missing/index.js | 7 +++++-- packages/block-library/src/more/index.js | 7 +++++-- .../block-library/src/navigation-link/index.js | 7 +++++-- .../src/navigation-submenu/index.js | 7 +++++-- packages/block-library/src/navigation/index.js | 6 ++++-- packages/block-library/src/nextpage/index.js | 7 +++++-- .../block-library/src/page-list-item/index.js | 6 ++++-- packages/block-library/src/page-list/index.js | 6 ++++-- packages/block-library/src/paragraph/index.js | 6 ++++-- packages/block-library/src/pattern/index.js | 6 ++++-- .../src/post-author-biography/index.js | 8 ++++++-- .../block-library/src/post-author-name/index.js | 7 +++++-- packages/block-library/src/post-author/index.js | 6 ++++-- packages/block-library/src/post-comment/index.js | 7 +++++-- .../src/post-comments-count/index.js | 6 ++++-- .../src/post-comments-form/index.js | 6 ++++-- .../src/post-comments-link/index.js | 6 ++++-- packages/block-library/src/post-content/index.js | 6 ++++-- packages/block-library/src/post-date/index.js | 7 +++++-- packages/block-library/src/post-excerpt/index.js | 7 +++++-- .../src/post-featured-image/index.js | 6 ++++-- .../src/post-navigation-link/index.js | 7 +++++-- .../block-library/src/post-template/index.js | 7 +++++-- packages/block-library/src/post-terms/index.js | 7 +++++-- .../block-library/src/post-time-to-read/index.js | 7 +++++-- packages/block-library/src/post-title/index.js | 7 +++++-- packages/block-library/src/preformatted/index.js | 7 +++++-- packages/block-library/src/pullquote/index.js | 7 +++++-- .../block-library/src/query-no-results/index.js | 7 +++++-- .../src/query-pagination-next/index.js | 8 ++++++-- .../src/query-pagination-numbers/index.js | 8 ++++++-- .../src/query-pagination-previous/index.js | 8 ++++++-- .../block-library/src/query-pagination/index.js | 7 +++++-- packages/block-library/src/query-title/index.js | 7 +++++-- packages/block-library/src/query/index.js | 7 +++++-- packages/block-library/src/quote/index.js | 7 +++++-- packages/block-library/src/read-more/index.js | 6 ++++-- packages/block-library/src/rss/index.js | 6 ++++-- packages/block-library/src/search/index.js | 7 +++++-- packages/block-library/src/separator/index.js | 7 +++++-- packages/block-library/src/shortcode/index.js | 6 ++++-- packages/block-library/src/site-logo/index.js | 6 ++++-- packages/block-library/src/site-tagline/index.js | 6 ++++-- packages/block-library/src/site-title/index.js | 7 +++++-- packages/block-library/src/social-link/index.js | 6 ++++-- packages/block-library/src/social-links/index.js | 6 ++++-- packages/block-library/src/spacer/index.js | 7 +++++-- .../block-library/src/table-of-contents/index.js | 7 +++++-- packages/block-library/src/table/index.js | 6 ++++-- packages/block-library/src/tag-cloud/index.js | 6 ++++-- .../block-library/src/template-part/index.js | 7 +++++-- .../block-library/src/term-description/index.js | 6 ++++-- packages/block-library/src/text-columns/index.js | 7 +++++-- packages/block-library/src/utils/lazy-load.js | 16 ++++++++++++++++ packages/block-library/src/verse/index.js | 7 +++++-- packages/block-library/src/video/index.js | 7 +++++-- tools/webpack/packages.js | 14 ++++++++++++++ 103 files changed, 513 insertions(+), 202 deletions(-) create mode 100644 packages/block-library/src/utils/lazy-load.js diff --git a/packages/block-library/src/archives/index.js b/packages/block-library/src/archives/index.js index 40844eb9cb7d7a..ea48208ad514b6 100644 --- a/packages/block-library/src/archives/index.js +++ b/packages/block-library/src/archives/index.js @@ -6,9 +6,9 @@ import { archive as icon } from '@wordpress/icons'; /** * Internal dependencies */ +import lazyLoad from '../utils/lazy-load'; import initBlock from '../utils/init-block'; import metadata from './block.json'; -import edit from './edit'; const { name } = metadata; @@ -17,7 +17,9 @@ export { metadata, name }; export const settings = { icon, example: {}, - edit, + edit: lazyLoad( () => + import( /* webpackChunkName: "archives/editor" */ './edit' ) + ), }; export const init = () => initBlock( { name, metadata, settings } ); diff --git a/packages/block-library/src/audio/index.js b/packages/block-library/src/audio/index.js index aa1bba1c341d2f..47483e045633d4 100644 --- a/packages/block-library/src/audio/index.js +++ b/packages/block-library/src/audio/index.js @@ -6,9 +6,10 @@ import { audio as icon } from '@wordpress/icons'; /** * Internal dependencies */ +import lazyLoad from '../utils/lazy-load'; import initBlock from '../utils/init-block'; import deprecated from './deprecated'; -import edit from './edit'; + import metadata from './block.json'; import save from './save'; import transforms from './transforms'; @@ -27,7 +28,9 @@ export const settings = { }, transforms, deprecated, - edit, + edit: lazyLoad( () => + import( /* webpackChunkName: "audio/editor" */ './edit' ) + ), save, }; diff --git a/packages/block-library/src/avatar/index.js b/packages/block-library/src/avatar/index.js index d318450aec3903..1408dd55855de1 100644 --- a/packages/block-library/src/avatar/index.js +++ b/packages/block-library/src/avatar/index.js @@ -6,16 +6,18 @@ import { commentAuthorAvatar as icon } from '@wordpress/icons'; /** * Internal dependencies */ +import lazyLoad from '../utils/lazy-load'; import initBlock from '../utils/init-block'; import metadata from './block.json'; -import edit from './edit'; const { name } = metadata; export { metadata, name }; export const settings = { icon, - edit, + edit: lazyLoad( () => + import( /* webpackChunkName: "avatar/editor" */ './edit' ) + ), }; export const init = () => initBlock( { name, metadata, settings } ); diff --git a/packages/block-library/src/block/index.js b/packages/block-library/src/block/index.js index 95e090f0afd6ad..e718b80ae431a3 100644 --- a/packages/block-library/src/block/index.js +++ b/packages/block-library/src/block/index.js @@ -6,16 +6,18 @@ import { symbol as icon } from '@wordpress/icons'; /** * Internal dependencies */ +import lazyLoad from '../utils/lazy-load'; import initBlock from '../utils/init-block'; import metadata from './block.json'; -import edit from './edit'; const { name } = metadata; export { metadata, name }; export const settings = { - edit, + edit: lazyLoad( () => + import( /* webpackChunkName: "block/editor" */ './edit' ) + ), icon, }; diff --git a/packages/block-library/src/button/index.js b/packages/block-library/src/button/index.js index 2b05b280028abd..6de6ea51089d39 100644 --- a/packages/block-library/src/button/index.js +++ b/packages/block-library/src/button/index.js @@ -7,9 +7,10 @@ import { button as icon } from '@wordpress/icons'; /** * Internal dependencies */ +import lazyLoad from '../utils/lazy-load'; import initBlock from '../utils/init-block'; import deprecated from './deprecated'; -import edit from './edit'; + import metadata from './block.json'; import save from './save'; @@ -25,7 +26,9 @@ export const settings = { text: __( 'Call to Action' ), }, }, - edit, + edit: lazyLoad( () => + import( /* webpackChunkName: "button/editor" */ './edit' ) + ), save, deprecated, merge: ( a, { text = '' } ) => ( { diff --git a/packages/block-library/src/buttons/index.js b/packages/block-library/src/buttons/index.js index 810922fbcb839b..525add2157b94c 100644 --- a/packages/block-library/src/buttons/index.js +++ b/packages/block-library/src/buttons/index.js @@ -7,10 +7,11 @@ import { buttons as icon } from '@wordpress/icons'; /** * Internal dependencies */ +import lazyLoad from '../utils/lazy-load'; import initBlock from '../utils/init-block'; import deprecated from './deprecated'; import transforms from './transforms'; -import edit from './edit'; + import metadata from './block.json'; import save from './save'; @@ -34,7 +35,9 @@ export const settings = { }, deprecated, transforms, - edit, + edit: lazyLoad( () => + import( /* webpackChunkName: "buttons/editor" */ './edit' ) + ), save, }; diff --git a/packages/block-library/src/calendar/index.js b/packages/block-library/src/calendar/index.js index 7fff20826e2719..ef9c5befb0c16e 100644 --- a/packages/block-library/src/calendar/index.js +++ b/packages/block-library/src/calendar/index.js @@ -6,9 +6,10 @@ import { calendar as icon } from '@wordpress/icons'; /** * Internal dependencies */ +import lazyLoad from '../utils/lazy-load'; import initBlock from '../utils/init-block'; import metadata from './block.json'; -import edit from './edit'; + import transforms from './transforms'; const { name } = metadata; @@ -18,7 +19,9 @@ export { metadata, name }; export const settings = { icon, example: {}, - edit, + edit: lazyLoad( () => + import( /* webpackChunkName: "calendar/editor" */ './edit' ) + ), transforms, }; diff --git a/packages/block-library/src/categories/index.js b/packages/block-library/src/categories/index.js index 8cdcad450862a2..25a48e309749f0 100644 --- a/packages/block-library/src/categories/index.js +++ b/packages/block-library/src/categories/index.js @@ -6,9 +6,9 @@ import { category as icon } from '@wordpress/icons'; /** * Internal dependencies */ +import lazyLoad from '../utils/lazy-load'; import initBlock from '../utils/init-block'; import metadata from './block.json'; -import edit from './edit'; const { name } = metadata; @@ -17,7 +17,9 @@ export { metadata, name }; export const settings = { icon, example: {}, - edit, + edit: lazyLoad( () => + import( /* webpackChunkName: "categories/editor" */ './edit' ) + ), }; export const init = () => initBlock( { name, metadata, settings } ); diff --git a/packages/block-library/src/code/index.js b/packages/block-library/src/code/index.js index c602045256d6e9..738097b2f86950 100644 --- a/packages/block-library/src/code/index.js +++ b/packages/block-library/src/code/index.js @@ -7,8 +7,9 @@ import { code as icon } from '@wordpress/icons'; /** * Internal dependencies */ +import lazyLoad from '../utils/lazy-load'; import initBlock from '../utils/init-block'; -import edit from './edit'; + import metadata from './block.json'; import save from './save'; import transforms from './transforms'; @@ -35,7 +36,9 @@ export const settings = { }; }, transforms, - edit, + edit: lazyLoad( () => + import( /* webpackChunkName: "code/editor" */ './edit' ) + ), save, }; diff --git a/packages/block-library/src/column/index.js b/packages/block-library/src/column/index.js index 687b8c180b1f50..520ea236b93900 100644 --- a/packages/block-library/src/column/index.js +++ b/packages/block-library/src/column/index.js @@ -6,9 +6,10 @@ import { column as icon } from '@wordpress/icons'; /** * Internal dependencies */ +import lazyLoad from '../utils/lazy-load'; import initBlock from '../utils/init-block'; import deprecated from './deprecated'; -import edit from './edit'; + import metadata from './block.json'; import save from './save'; @@ -18,7 +19,9 @@ export { metadata, name }; export const settings = { icon, - edit, + edit: lazyLoad( () => + import( /* webpackChunkName: "column/editor" */ './edit' ) + ), save, deprecated, }; diff --git a/packages/block-library/src/columns/index.js b/packages/block-library/src/columns/index.js index 45f7bd70e61ffd..6dec6008f07fc5 100644 --- a/packages/block-library/src/columns/index.js +++ b/packages/block-library/src/columns/index.js @@ -7,9 +7,10 @@ import { columns as icon } from '@wordpress/icons'; /** * Internal dependencies */ +import lazyLoad from '../utils/lazy-load'; import initBlock from '../utils/init-block'; import deprecated from './deprecated'; -import edit from './edit'; + import metadata from './block.json'; import save from './save'; import variations from './variations'; @@ -80,7 +81,9 @@ export const settings = { ], }, deprecated, - edit, + edit: lazyLoad( () => + import( /* webpackChunkName: "columns/editor" */ './edit' ) + ), save, transforms, }; diff --git a/packages/block-library/src/comment-author-avatar/index.js b/packages/block-library/src/comment-author-avatar/index.js index d318450aec3903..73829405851265 100644 --- a/packages/block-library/src/comment-author-avatar/index.js +++ b/packages/block-library/src/comment-author-avatar/index.js @@ -6,16 +6,20 @@ import { commentAuthorAvatar as icon } from '@wordpress/icons'; /** * Internal dependencies */ +import lazyLoad from '../utils/lazy-load'; import initBlock from '../utils/init-block'; import metadata from './block.json'; -import edit from './edit'; const { name } = metadata; export { metadata, name }; export const settings = { icon, - edit, + edit: lazyLoad( () => + import( + /* webpackChunkName: "comment-author-avatar/editor" */ './edit' + ) + ), }; export const init = () => initBlock( { name, metadata, settings } ); diff --git a/packages/block-library/src/comment-author-name/index.js b/packages/block-library/src/comment-author-name/index.js index 4d85bbebe047be..f4ece72b83ca1f 100644 --- a/packages/block-library/src/comment-author-name/index.js +++ b/packages/block-library/src/comment-author-name/index.js @@ -6,9 +6,10 @@ import { commentAuthorName as icon } from '@wordpress/icons'; /** * Internal dependencies */ +import lazyLoad from '../utils/lazy-load'; import initBlock from '../utils/init-block'; import metadata from './block.json'; -import edit from './edit'; + import deprecated from './deprecated'; const { name } = metadata; @@ -16,7 +17,9 @@ export { metadata, name }; export const settings = { icon, - edit, + edit: lazyLoad( () => + import( /* webpackChunkName: "comment-author-name/editor" */ './edit' ) + ), deprecated, }; diff --git a/packages/block-library/src/comment-content/index.js b/packages/block-library/src/comment-content/index.js index 130f1d30125559..aee1976cf5eb5a 100644 --- a/packages/block-library/src/comment-content/index.js +++ b/packages/block-library/src/comment-content/index.js @@ -6,16 +6,18 @@ import { commentContent as icon } from '@wordpress/icons'; /** * Internal dependencies */ +import lazyLoad from '../utils/lazy-load'; import initBlock from '../utils/init-block'; import metadata from './block.json'; -import edit from './edit'; const { name } = metadata; export { metadata, name }; export const settings = { icon, - edit, + edit: lazyLoad( () => + import( /* webpackChunkName: "comment-content/editor" */ './edit' ) + ), }; export const init = () => initBlock( { name, metadata, settings } ); diff --git a/packages/block-library/src/comment-date/index.js b/packages/block-library/src/comment-date/index.js index fddae539acfa34..47ba124b80f49c 100644 --- a/packages/block-library/src/comment-date/index.js +++ b/packages/block-library/src/comment-date/index.js @@ -6,9 +6,10 @@ import { postDate as icon } from '@wordpress/icons'; /** * Internal dependencies */ +import lazyLoad from '../utils/lazy-load'; import initBlock from '../utils/init-block'; import metadata from './block.json'; -import edit from './edit'; + import deprecated from './deprecated'; const { name } = metadata; @@ -16,7 +17,9 @@ export { metadata, name }; export const settings = { icon, - edit, + edit: lazyLoad( () => + import( /* webpackChunkName: "comment-date/editor" */ './edit' ) + ), deprecated, }; diff --git a/packages/block-library/src/comment-edit-link/index.js b/packages/block-library/src/comment-edit-link/index.js index 6639dda86a7a40..6a2bd5a2615dc7 100644 --- a/packages/block-library/src/comment-edit-link/index.js +++ b/packages/block-library/src/comment-edit-link/index.js @@ -6,16 +6,18 @@ import { commentEditLink as icon } from '@wordpress/icons'; /** * Internal dependencies */ +import lazyLoad from '../utils/lazy-load'; import initBlock from '../utils/init-block'; import metadata from './block.json'; -import edit from './edit'; const { name } = metadata; export { metadata, name }; export const settings = { icon, - edit, + edit: lazyLoad( () => + import( /* webpackChunkName: "comment-edit-link/editor" */ './edit' ) + ), }; export const init = () => initBlock( { name, metadata, settings } ); diff --git a/packages/block-library/src/comment-reply-link/index.js b/packages/block-library/src/comment-reply-link/index.js index c04f8ce7b1bba5..6f976b42b56f42 100644 --- a/packages/block-library/src/comment-reply-link/index.js +++ b/packages/block-library/src/comment-reply-link/index.js @@ -6,15 +6,17 @@ import { commentReplyLink as icon } from '@wordpress/icons'; /** * Internal dependencies */ +import lazyLoad from '../utils/lazy-load'; import initBlock from '../utils/init-block'; import metadata from './block.json'; -import edit from './edit'; const { name } = metadata; export { metadata, name }; export const settings = { - edit, + edit: lazyLoad( () => + import( /* webpackChunkName: "comment-reply-link/editor" */ './edit' ) + ), icon, }; diff --git a/packages/block-library/src/comment-template/index.js b/packages/block-library/src/comment-template/index.js index afc295cad4c126..48adbe49c7622f 100644 --- a/packages/block-library/src/comment-template/index.js +++ b/packages/block-library/src/comment-template/index.js @@ -6,9 +6,10 @@ import { layout as icon } from '@wordpress/icons'; /** * Internal dependencies */ +import lazyLoad from '../utils/lazy-load'; import initBlock from '../utils/init-block'; import metadata from './block.json'; -import edit from './edit'; + import save from './save'; const { name } = metadata; @@ -16,7 +17,9 @@ export { metadata, name }; export const settings = { icon, - edit, + edit: lazyLoad( () => + import( /* webpackChunkName: "comment-template/editor" */ './edit' ) + ), save, }; diff --git a/packages/block-library/src/comments-pagination-next/index.js b/packages/block-library/src/comments-pagination-next/index.js index 2df0e8da6aa99d..8488fee58627ca 100644 --- a/packages/block-library/src/comments-pagination-next/index.js +++ b/packages/block-library/src/comments-pagination-next/index.js @@ -6,16 +6,20 @@ import { queryPaginationNext as icon } from '@wordpress/icons'; /** * Internal dependencies */ +import lazyLoad from '../utils/lazy-load'; import initBlock from '../utils/init-block'; import metadata from './block.json'; -import edit from './edit'; const { name } = metadata; export { metadata, name }; export const settings = { icon, - edit, + edit: lazyLoad( () => + import( + /* webpackChunkName: "comments-pagination-next/editor" */ './edit' + ) + ), }; export const init = () => initBlock( { name, metadata, settings } ); diff --git a/packages/block-library/src/comments-pagination-numbers/index.js b/packages/block-library/src/comments-pagination-numbers/index.js index 3fd903e2d9ef48..0569d3805d80de 100644 --- a/packages/block-library/src/comments-pagination-numbers/index.js +++ b/packages/block-library/src/comments-pagination-numbers/index.js @@ -6,16 +6,20 @@ import { queryPaginationNumbers as icon } from '@wordpress/icons'; /** * Internal dependencies */ +import lazyLoad from '../utils/lazy-load'; import initBlock from '../utils/init-block'; import metadata from './block.json'; -import edit from './edit'; const { name } = metadata; export { metadata, name }; export const settings = { icon, - edit, + edit: lazyLoad( () => + import( + /* webpackChunkName: "comments-pagination-numbers/editor" */ './edit' + ) + ), }; export const init = () => initBlock( { name, metadata, settings } ); diff --git a/packages/block-library/src/comments-pagination-previous/index.js b/packages/block-library/src/comments-pagination-previous/index.js index 80e555ccc79d9b..08872418014ee0 100644 --- a/packages/block-library/src/comments-pagination-previous/index.js +++ b/packages/block-library/src/comments-pagination-previous/index.js @@ -6,16 +6,20 @@ import { queryPaginationPrevious as icon } from '@wordpress/icons'; /** * Internal dependencies */ +import lazyLoad from '../utils/lazy-load'; import initBlock from '../utils/init-block'; import metadata from './block.json'; -import edit from './edit'; const { name } = metadata; export { metadata, name }; export const settings = { icon, - edit, + edit: lazyLoad( () => + import( + /* webpackChunkName: "comments-pagination-previous/editor" */ './edit' + ) + ), }; export const init = () => initBlock( { name, metadata, settings } ); diff --git a/packages/block-library/src/comments-pagination/index.js b/packages/block-library/src/comments-pagination/index.js index 3d9bc853db140c..97a81ffeac2126 100644 --- a/packages/block-library/src/comments-pagination/index.js +++ b/packages/block-library/src/comments-pagination/index.js @@ -6,9 +6,10 @@ import { queryPagination as icon } from '@wordpress/icons'; /** * Internal dependencies */ +import lazyLoad from '../utils/lazy-load'; import initBlock from '../utils/init-block'; import metadata from './block.json'; -import edit from './edit'; + import save from './save'; const { name } = metadata; @@ -16,7 +17,9 @@ export { metadata, name }; export const settings = { icon, - edit, + edit: lazyLoad( () => + import( /* webpackChunkName: "comments-pagination/editor" */ './edit' ) + ), save, }; diff --git a/packages/block-library/src/comments-title/index.js b/packages/block-library/src/comments-title/index.js index 86bdab0dbccbff..21af7b4ab8de9a 100644 --- a/packages/block-library/src/comments-title/index.js +++ b/packages/block-library/src/comments-title/index.js @@ -6,9 +6,10 @@ import { title as icon } from '@wordpress/icons'; /** * Internal dependencies */ +import lazyLoad from '../utils/lazy-load'; import initBlock from '../utils/init-block'; import metadata from './block.json'; -import edit from './edit'; + import deprecated from './deprecated'; const { name } = metadata; @@ -16,7 +17,9 @@ export { metadata, name }; export const settings = { icon, - edit, + edit: lazyLoad( () => + import( /* webpackChunkName: "comments-title/editor" */ './edit' ) + ), deprecated, }; diff --git a/packages/block-library/src/comments/index.js b/packages/block-library/src/comments/index.js index 21db8b986d6e5e..fba1feab5478fc 100644 --- a/packages/block-library/src/comments/index.js +++ b/packages/block-library/src/comments/index.js @@ -6,10 +6,11 @@ import { postComments as icon } from '@wordpress/icons'; /** * Internal dependencies */ +import lazyLoad from '../utils/lazy-load'; import initBlock from '../utils/init-block'; import metadata from './block.json'; import deprecated from './deprecated'; -import edit from './edit'; + import save from './save'; const { name } = metadata; @@ -17,7 +18,9 @@ export { metadata, name }; export const settings = { icon, - edit, + edit: lazyLoad( () => + import( /* webpackChunkName: "comments/editor" */ './edit' ) + ), save, deprecated, }; diff --git a/packages/block-library/src/cover/index.js b/packages/block-library/src/cover/index.js index e6797a3b51dbe4..91ae540fbad213 100644 --- a/packages/block-library/src/cover/index.js +++ b/packages/block-library/src/cover/index.js @@ -7,9 +7,9 @@ import { cover as icon } from '@wordpress/icons'; /** * Internal dependencies */ +import lazyLoad from '../utils/lazy-load'; import initBlock from '../utils/init-block'; import deprecated from './deprecated'; -import edit from './edit'; import metadata from './block.json'; import save from './save'; import transforms from './transforms'; @@ -47,7 +47,9 @@ export const settings = { }, transforms, save, - edit, + edit: lazyLoad( () => + import( /* webpackChunkName: "cover/editor" */ './edit' ) + ), deprecated, variations, }; diff --git a/packages/block-library/src/details/index.js b/packages/block-library/src/details/index.js index e30d1a8e04974f..ec57143c22b423 100644 --- a/packages/block-library/src/details/index.js +++ b/packages/block-library/src/details/index.js @@ -7,9 +7,10 @@ import { __ } from '@wordpress/i18n'; /** * Internal dependencies */ +import lazyLoad from '../utils/lazy-load'; import initBlock from '../utils/init-block'; import metadata from './block.json'; -import edit from './edit'; + import save from './save'; const { name } = metadata; @@ -34,7 +35,9 @@ export const settings = { ], }, save, - edit, + edit: lazyLoad( () => + import( /* webpackChunkName: "details/editor" */ './edit' ) + ), }; export const init = () => initBlock( { name, metadata, settings } ); diff --git a/packages/block-library/src/embed/index.js b/packages/block-library/src/embed/index.js index 065cf9665fa9b0..66302a92aa9d61 100644 --- a/packages/block-library/src/embed/index.js +++ b/packages/block-library/src/embed/index.js @@ -1,8 +1,9 @@ /** * Internal dependencies */ +import lazyLoad from '../utils/lazy-load'; import initBlock from '../utils/init-block'; -import edit from './edit'; + import save from './save'; import metadata from './block.json'; import transforms from './transforms'; @@ -15,7 +16,9 @@ export { metadata, name }; export const settings = { icon: embedContentIcon, - edit, + edit: lazyLoad( () => + import( /* webpackChunkName: "embed/editor" */ './edit' ) + ), save, transforms, variations, diff --git a/packages/block-library/src/file/index.js b/packages/block-library/src/file/index.js index 46b9691ea88a7a..5c25d0fd926ced 100644 --- a/packages/block-library/src/file/index.js +++ b/packages/block-library/src/file/index.js @@ -7,9 +7,10 @@ import { file as icon } from '@wordpress/icons'; /** * Internal dependencies */ +import lazyLoad from '../utils/lazy-load'; import initBlock from '../utils/init-block'; import deprecated from './deprecated'; -import edit from './edit'; + import metadata from './block.json'; import save from './save'; import transforms from './transforms'; @@ -28,7 +29,9 @@ export const settings = { }, transforms, deprecated, - edit, + edit: lazyLoad( () => + import( /* webpackChunkName: "file/editor" */ './edit' ) + ), save, }; diff --git a/packages/block-library/src/footnotes/index.js b/packages/block-library/src/footnotes/index.js index c5e851af7e033f..cad77181e4e0fa 100644 --- a/packages/block-library/src/footnotes/index.js +++ b/packages/block-library/src/footnotes/index.js @@ -7,8 +7,9 @@ import { registerFormatType } from '@wordpress/rich-text'; /** * Internal dependencies */ +import lazyLoad from '../utils/lazy-load'; import initBlock from '../utils/init-block'; -import edit from './edit'; + import metadata from './block.json'; import { formatName, format } from './format'; @@ -18,7 +19,9 @@ export { metadata, name }; export const settings = { icon, - edit, + edit: lazyLoad( () => + import( /* webpackChunkName: "footnotes/editor" */ './edit' ) + ), }; registerFormatType( formatName, format ); diff --git a/packages/block-library/src/form-input/index.js b/packages/block-library/src/form-input/index.js index b700e0ade6ca7f..7f447688748079 100644 --- a/packages/block-library/src/form-input/index.js +++ b/packages/block-library/src/form-input/index.js @@ -1,8 +1,9 @@ /** * Internal dependencies */ +import lazyLoad from '../utils/lazy-load'; import initBlock from '../utils/init-block'; -import edit from './edit'; + import metadata from './block.json'; import save from './save'; import variations from './variations'; @@ -12,7 +13,9 @@ const { name } = metadata; export { metadata, name }; export const settings = { - edit, + edit: lazyLoad( () => + import( /* webpackChunkName: "form-input/editor" */ './edit' ) + ), save, variations, }; diff --git a/packages/block-library/src/form-submission-notification/index.js b/packages/block-library/src/form-submission-notification/index.js index 67c359374eec1c..87378197ccdde6 100644 --- a/packages/block-library/src/form-submission-notification/index.js +++ b/packages/block-library/src/form-submission-notification/index.js @@ -6,8 +6,9 @@ import { group as icon } from '@wordpress/icons'; /** * Internal dependencies */ +import lazyLoad from '../utils/lazy-load'; import initBlock from '../utils/init-block'; -import edit from './edit'; + import metadata from './block.json'; import save from './save'; import variations from './variations'; @@ -18,7 +19,11 @@ export { metadata, name }; export const settings = { icon, - edit, + edit: lazyLoad( () => + import( + /* webpackChunkName: "form-submission-notification/editor" */ './edit' + ) + ), save, variations, }; diff --git a/packages/block-library/src/form-submit-button/index.js b/packages/block-library/src/form-submit-button/index.js index 4c60b5f5c20639..fc780d08951e4c 100644 --- a/packages/block-library/src/form-submit-button/index.js +++ b/packages/block-library/src/form-submit-button/index.js @@ -1,8 +1,9 @@ /** * Internal dependencies */ +import lazyLoad from '../utils/lazy-load'; import initBlock from '../utils/init-block'; -import edit from './edit'; + import metadata from './block.json'; import save from './save'; @@ -11,7 +12,9 @@ const { name } = metadata; export { metadata, name }; export const settings = { - edit, + edit: lazyLoad( () => + import( /* webpackChunkName: "form-submit-button/editor" */ './edit' ) + ), save, }; diff --git a/packages/block-library/src/form/index.js b/packages/block-library/src/form/index.js index 1e45c642b6d48e..79817e26bf2774 100644 --- a/packages/block-library/src/form/index.js +++ b/packages/block-library/src/form/index.js @@ -1,8 +1,9 @@ /** * Internal dependencies */ +import lazyLoad from '../utils/lazy-load'; import initBlock from '../utils/init-block'; -import edit from './edit'; + import metadata from './block.json'; import save from './save'; import variations from './variations'; @@ -17,7 +18,9 @@ const { name } = metadata; export { metadata, name }; export const settings = { - edit, + edit: lazyLoad( () => + import( /* webpackChunkName: "form/editor" */ './edit' ) + ), save, variations, }; diff --git a/packages/block-library/src/freeform/index.js b/packages/block-library/src/freeform/index.js index e94a459487b898..7489453a56f44a 100644 --- a/packages/block-library/src/freeform/index.js +++ b/packages/block-library/src/freeform/index.js @@ -6,8 +6,9 @@ import { classic as icon } from '@wordpress/icons'; /** * Internal dependencies */ +import lazyLoad from '../utils/lazy-load'; import initBlock from '../utils/init-block'; -import edit from './edit'; + import metadata from './block.json'; import save from './save'; @@ -17,7 +18,9 @@ export { metadata, name }; export const settings = { icon, - edit, + edit: lazyLoad( () => + import( /* webpackChunkName: "freeform/editor" */ './edit' ) + ), save, }; diff --git a/packages/block-library/src/gallery/index.js b/packages/block-library/src/gallery/index.js index f865072526098b..f971a40e512c9d 100644 --- a/packages/block-library/src/gallery/index.js +++ b/packages/block-library/src/gallery/index.js @@ -6,9 +6,9 @@ import { gallery as icon } from '@wordpress/icons'; /** * Internal dependencies */ +import lazyLoad from '../utils/lazy-load'; import initBlock from '../utils/init-block'; import deprecated from './deprecated'; -import edit from './edit-wrapper'; import metadata from './block.json'; import save from './save'; import transforms from './transforms'; @@ -39,7 +39,9 @@ export const settings = { ], }, transforms, - edit, + edit: lazyLoad( () => + import( /* webpackChunkName: "gallery/editor" */ './edit-wrapper' ) + ), save, deprecated, }; diff --git a/packages/block-library/src/group/index.js b/packages/block-library/src/group/index.js index 2d06f1a965c521..b65caba6fc9db6 100644 --- a/packages/block-library/src/group/index.js +++ b/packages/block-library/src/group/index.js @@ -7,9 +7,10 @@ import { group as icon } from '@wordpress/icons'; /** * Internal dependencies */ +import lazyLoad from '../utils/lazy-load'; import initBlock from '../utils/init-block'; import deprecated from './deprecated'; -import edit from './edit'; + import metadata from './block.json'; import save from './save'; import transforms from './transforms'; @@ -82,7 +83,9 @@ export const settings = { ], }, transforms, - edit, + edit: lazyLoad( () => + import( /* webpackChunkName: "group/editor" */ './edit' ) + ), save, deprecated, variations, diff --git a/packages/block-library/src/heading/index.js b/packages/block-library/src/heading/index.js index 3752ca70bc7142..38881233252f63 100644 --- a/packages/block-library/src/heading/index.js +++ b/packages/block-library/src/heading/index.js @@ -7,9 +7,10 @@ import { __, sprintf } from '@wordpress/i18n'; /** * Internal dependencies */ +import lazyLoad from '../utils/lazy-load'; import initBlock from '../utils/init-block'; import deprecated from './deprecated'; -import edit from './edit'; + import metadata from './block.json'; import save from './save'; import transforms from './transforms'; @@ -61,7 +62,9 @@ export const settings = { ( attributesToMerge.content || '' ), }; }, - edit, + edit: lazyLoad( () => + import( /* webpackChunkName: "heading/editor" */ './edit' ) + ), save, }; diff --git a/packages/block-library/src/home-link/index.js b/packages/block-library/src/home-link/index.js index 71d62dcd8c44e5..15fcb94ca209eb 100644 --- a/packages/block-library/src/home-link/index.js +++ b/packages/block-library/src/home-link/index.js @@ -7,9 +7,10 @@ import { home } from '@wordpress/icons'; /** * Internal dependencies */ +import lazyLoad from '../utils/lazy-load'; import initBlock from '../utils/init-block'; import metadata from './block.json'; -import edit from './edit'; + import save from './save'; const { name } = metadata; @@ -19,7 +20,9 @@ export { metadata, name }; export const settings = { icon: home, - edit, + edit: lazyLoad( () => + import( /* webpackChunkName: "home-link/editor" */ './edit' ) + ), save, diff --git a/packages/block-library/src/html/index.js b/packages/block-library/src/html/index.js index cd25f25126a61d..1f6a10f8377894 100644 --- a/packages/block-library/src/html/index.js +++ b/packages/block-library/src/html/index.js @@ -7,8 +7,9 @@ import { html as icon } from '@wordpress/icons'; /** * Internal dependencies */ +import lazyLoad from '../utils/lazy-load'; import initBlock from '../utils/init-block'; -import edit from './edit'; + import metadata from './block.json'; import save from './save'; import transforms from './transforms'; @@ -27,7 +28,9 @@ export const settings = { '', }, }, - edit, + edit: lazyLoad( () => + import( /* webpackChunkName: "html/editor" */ './edit' ) + ), save, transforms, }; diff --git a/packages/block-library/src/image/index.js b/packages/block-library/src/image/index.js index 1477fa99c702c5..7e384160d02eef 100644 --- a/packages/block-library/src/image/index.js +++ b/packages/block-library/src/image/index.js @@ -7,9 +7,9 @@ import { image as icon } from '@wordpress/icons'; /** * Internal dependencies */ +import lazyLoad from '../utils/lazy-load'; import initBlock from '../utils/init-block'; import deprecated from './deprecated'; -import edit from './edit'; import metadata from './block.json'; import save from './save'; import transforms from './transforms'; @@ -51,7 +51,9 @@ export const settings = { }; }, transforms, - edit, + edit: lazyLoad( () => + import( /* webpackChunkName: "image/editor" */ './edit' ) + ), save, deprecated, }; diff --git a/packages/block-library/src/latest-comments/index.js b/packages/block-library/src/latest-comments/index.js index 5c2bab45638df7..f720c272bf1ed1 100644 --- a/packages/block-library/src/latest-comments/index.js +++ b/packages/block-library/src/latest-comments/index.js @@ -6,9 +6,9 @@ import { comment as icon } from '@wordpress/icons'; /** * Internal dependencies */ +import lazyLoad from '../utils/lazy-load'; import initBlock from '../utils/init-block'; import metadata from './block.json'; -import edit from './edit'; const { name } = metadata; @@ -17,7 +17,9 @@ export { metadata, name }; export const settings = { icon, example: {}, - edit, + edit: lazyLoad( () => + import( /* webpackChunkName: "latest-comments/editor" */ './edit' ) + ), }; export const init = () => initBlock( { name, metadata, settings } ); diff --git a/packages/block-library/src/latest-posts/index.js b/packages/block-library/src/latest-posts/index.js index 5ea877488d72a7..79651516be048b 100644 --- a/packages/block-library/src/latest-posts/index.js +++ b/packages/block-library/src/latest-posts/index.js @@ -6,9 +6,10 @@ import { postList as icon } from '@wordpress/icons'; /** * Internal dependencies */ +import lazyLoad from '../utils/lazy-load'; import initBlock from '../utils/init-block'; import deprecated from './deprecated'; -import edit from './edit'; + import metadata from './block.json'; const { name } = metadata; @@ -17,7 +18,9 @@ export { metadata, name }; export const settings = { icon, example: {}, - edit, + edit: lazyLoad( () => + import( /* webpackChunkName: "latest-posts/editor" */ './edit' ) + ), deprecated, }; diff --git a/packages/block-library/src/list-item/index.js b/packages/block-library/src/list-item/index.js index 00adc1c2c40266..4f9c7fb70e83e1 100644 --- a/packages/block-library/src/list-item/index.js +++ b/packages/block-library/src/list-item/index.js @@ -6,9 +6,10 @@ import { listItem as icon } from '@wordpress/icons'; /** * Internal dependencies */ +import lazyLoad from '../utils/lazy-load'; import initBlock from '../utils/init-block'; import metadata from './block.json'; -import edit from './edit'; + import save from './save'; import transforms from './transforms'; @@ -18,7 +19,9 @@ export { metadata, name }; export const settings = { icon, - edit, + edit: lazyLoad( () => + import( /* webpackChunkName: "list-item/editor" */ './edit' ) + ), save, merge( attributes, attributesToMerge ) { return { diff --git a/packages/block-library/src/list/index.js b/packages/block-library/src/list/index.js index dc0f31822680a5..896680c654c938 100644 --- a/packages/block-library/src/list/index.js +++ b/packages/block-library/src/list/index.js @@ -7,9 +7,10 @@ import { __ } from '@wordpress/i18n'; /** * Internal dependencies */ +import lazyLoad from '../utils/lazy-load'; import initBlock from '../utils/init-block'; import deprecated from './deprecated'; -import edit from './edit'; + import metadata from './block.json'; import save from './save'; import transforms from './transforms'; @@ -45,7 +46,9 @@ const settings = { ], }, transforms, - edit, + edit: lazyLoad( () => + import( /* webpackChunkName: "list/editor" */ './edit' ) + ), save, deprecated, }; diff --git a/packages/block-library/src/loginout/index.js b/packages/block-library/src/loginout/index.js index 65c611621fd623..3dd059ab0c6a2f 100644 --- a/packages/block-library/src/loginout/index.js +++ b/packages/block-library/src/loginout/index.js @@ -6,8 +6,9 @@ import { login as icon } from '@wordpress/icons'; /** * Internal dependencies */ +import lazyLoad from '../utils/lazy-load'; import initBlock from '../utils/init-block'; -import edit from './edit'; + import metadata from './block.json'; const { name } = metadata; @@ -15,7 +16,9 @@ export { metadata, name }; export const settings = { icon, - edit, + edit: lazyLoad( () => + import( /* webpackChunkName: "loginout/editor" */ './edit' ) + ), }; export const init = () => initBlock( { name, metadata, settings } ); diff --git a/packages/block-library/src/media-text/index.js b/packages/block-library/src/media-text/index.js index 373050cb77fd56..ec8576d3261d51 100644 --- a/packages/block-library/src/media-text/index.js +++ b/packages/block-library/src/media-text/index.js @@ -7,9 +7,10 @@ import { mediaAndText as icon } from '@wordpress/icons'; /** * Internal dependencies */ +import lazyLoad from '../utils/lazy-load'; import initBlock from '../utils/init-block'; import deprecated from './deprecated'; -import edit from './edit'; + import metadata from './block.json'; import save from './save'; import transforms from './transforms'; @@ -45,7 +46,9 @@ export const settings = { ], }, transforms, - edit, + edit: lazyLoad( () => + import( /* webpackChunkName: "media-text/editor" */ './edit' ) + ), save, deprecated, }; diff --git a/packages/block-library/src/missing/index.js b/packages/block-library/src/missing/index.js index 766381156eb34f..03933c3c03888d 100644 --- a/packages/block-library/src/missing/index.js +++ b/packages/block-library/src/missing/index.js @@ -6,8 +6,9 @@ import { getBlockType } from '@wordpress/blocks'; /** * Internal dependencies */ +import lazyLoad from '../utils/lazy-load'; import initBlock from '../utils/init-block'; -import edit from './edit'; + import metadata from './block.json'; import save from './save'; @@ -32,7 +33,9 @@ export const settings = { return ''; } }, - edit, + edit: lazyLoad( () => + import( /* webpackChunkName: "missing/editor" */ './edit' ) + ), save, }; diff --git a/packages/block-library/src/more/index.js b/packages/block-library/src/more/index.js index 4c1fad3cb67f48..5355bd237e9938 100644 --- a/packages/block-library/src/more/index.js +++ b/packages/block-library/src/more/index.js @@ -6,8 +6,9 @@ import { more as icon } from '@wordpress/icons'; /** * Internal dependencies */ +import lazyLoad from '../utils/lazy-load'; import initBlock from '../utils/init-block'; -import edit from './edit'; + import metadata from './block.json'; import save from './save'; import transforms from './transforms'; @@ -25,7 +26,9 @@ export const settings = { } }, transforms, - edit, + edit: lazyLoad( () => + import( /* webpackChunkName: "more/editor" */ './edit' ) + ), save, }; diff --git a/packages/block-library/src/navigation-link/index.js b/packages/block-library/src/navigation-link/index.js index 3d1f0207ff955a..fcca9779c24a96 100644 --- a/packages/block-library/src/navigation-link/index.js +++ b/packages/block-library/src/navigation-link/index.js @@ -9,9 +9,10 @@ import { addFilter } from '@wordpress/hooks'; /** * Internal dependencies */ +import lazyLoad from '../utils/lazy-load'; import initBlock from '../utils/init-block'; import metadata from './block.json'; -import edit from './edit'; + import save from './save'; import { enhanceNavigationLinkVariations } from './hooks'; import transforms from './transforms'; @@ -32,7 +33,9 @@ export const settings = { }; }, - edit, + edit: lazyLoad( () => + import( /* webpackChunkName: "navigation-link/editor" */ './edit' ) + ), save, diff --git a/packages/block-library/src/navigation-submenu/index.js b/packages/block-library/src/navigation-submenu/index.js index 2b3691b6e3cada..73dc8e28e59233 100644 --- a/packages/block-library/src/navigation-submenu/index.js +++ b/packages/block-library/src/navigation-submenu/index.js @@ -6,9 +6,10 @@ import { page, addSubmenu } from '@wordpress/icons'; /** * Internal dependencies */ +import lazyLoad from '../utils/lazy-load'; import initBlock from '../utils/init-block'; import metadata from './block.json'; -import edit from './edit'; + import save from './save'; import transforms from './transforms'; @@ -27,7 +28,9 @@ export const settings = { __experimentalLabel: ( { label } ) => label, - edit, + edit: lazyLoad( () => + import( /* webpackChunkName: "navigation-submenu/editor" */ './edit' ) + ), save, diff --git a/packages/block-library/src/navigation/index.js b/packages/block-library/src/navigation/index.js index d0405be794ffe8..92dc20b6dbea57 100644 --- a/packages/block-library/src/navigation/index.js +++ b/packages/block-library/src/navigation/index.js @@ -7,9 +7,9 @@ import { navigation as icon } from '@wordpress/icons'; /** * Internal dependencies */ +import lazyLoad from '../utils/lazy-load'; import initBlock from '../utils/init-block'; import metadata from './block.json'; -import edit from './edit'; import save from './save'; import deprecated from './deprecated'; @@ -50,7 +50,9 @@ export const settings = { }, ], }, - edit, + edit: lazyLoad( () => + import( /* webpackChunkName: "cover/editor" */ './edit' ) + ), save, deprecated, }; diff --git a/packages/block-library/src/nextpage/index.js b/packages/block-library/src/nextpage/index.js index 5f425e7e952c62..e7b4c476ebe9a0 100644 --- a/packages/block-library/src/nextpage/index.js +++ b/packages/block-library/src/nextpage/index.js @@ -6,8 +6,9 @@ import { pageBreak as icon } from '@wordpress/icons'; /** * Internal dependencies */ +import lazyLoad from '../utils/lazy-load'; import initBlock from '../utils/init-block'; -import edit from './edit'; + import metadata from './block.json'; import save from './save'; import transforms from './transforms'; @@ -20,7 +21,9 @@ export const settings = { icon, example: {}, transforms, - edit, + edit: lazyLoad( () => + import( /* webpackChunkName: "nextpage/editor" */ './edit' ) + ), save, }; diff --git a/packages/block-library/src/page-list-item/index.js b/packages/block-library/src/page-list-item/index.js index 6d1db7282af898..f71d6f100b318c 100644 --- a/packages/block-library/src/page-list-item/index.js +++ b/packages/block-library/src/page-list-item/index.js @@ -6,9 +6,9 @@ import { page as icon } from '@wordpress/icons'; /** * Internal dependencies */ +import lazyLoad from '../utils/lazy-load'; import initBlock from '../utils/init-block'; import metadata from './block.json'; -import edit from './edit.js'; const { name } = metadata; @@ -18,7 +18,9 @@ export const settings = { __experimentalLabel: ( { label } ) => label, icon, example: {}, - edit, + edit: lazyLoad( () => + import( /* webpackChunkName: "page-list-item/editor" */ './edit' ) + ), }; export const init = () => initBlock( { name, metadata, settings } ); diff --git a/packages/block-library/src/page-list/index.js b/packages/block-library/src/page-list/index.js index 4a128e7da58a8d..a479117d1f2e4b 100644 --- a/packages/block-library/src/page-list/index.js +++ b/packages/block-library/src/page-list/index.js @@ -6,9 +6,9 @@ import { pages } from '@wordpress/icons'; /** * Internal dependencies */ +import lazyLoad from '../utils/lazy-load'; import initBlock from '../utils/init-block'; import metadata from './block.json'; -import edit from './edit.js'; const { name } = metadata; @@ -17,7 +17,9 @@ export { metadata, name }; export const settings = { icon: pages, example: {}, - edit, + edit: lazyLoad( () => + import( /* webpackChunkName: "page-list/editor" */ './edit' ) + ), }; export const init = () => initBlock( { name, metadata, settings } ); diff --git a/packages/block-library/src/paragraph/index.js b/packages/block-library/src/paragraph/index.js index 715fb35ec05ab1..e3df57ca460091 100644 --- a/packages/block-library/src/paragraph/index.js +++ b/packages/block-library/src/paragraph/index.js @@ -7,9 +7,9 @@ import { paragraph as icon } from '@wordpress/icons'; /** * Internal dependencies */ +import lazyLoad from '../utils/lazy-load'; import initBlock from '../utils/init-block'; import deprecated from './deprecated'; -import edit from './edit'; import metadata from './block.json'; import save from './save'; import transforms from './transforms'; @@ -52,7 +52,9 @@ export const settings = { ( attributesToMerge.content || '' ), }; }, - edit, + edit: lazyLoad( () => + import( /* webpackChunkName: "paragraph/editor" */ './edit' ) + ), save, }; diff --git a/packages/block-library/src/pattern/index.js b/packages/block-library/src/pattern/index.js index e4af712da8bb29..1af4716c0f445c 100644 --- a/packages/block-library/src/pattern/index.js +++ b/packages/block-library/src/pattern/index.js @@ -1,15 +1,17 @@ /** * Internal dependencies */ +import lazyLoad from '../utils/lazy-load'; import initBlock from '../utils/init-block'; import metadata from './block.json'; -import PatternEdit from './edit'; const { name } = metadata; export { metadata, name }; export const settings = { - edit: PatternEdit, + edit: lazyLoad( () => + import( /* webpackChunkName: "pattern/editor" */ './edit' ) + ), }; export const init = () => initBlock( { name, metadata, settings } ); diff --git a/packages/block-library/src/post-author-biography/index.js b/packages/block-library/src/post-author-biography/index.js index 8c91b99f7f6f59..191c51560b5e2f 100644 --- a/packages/block-library/src/post-author-biography/index.js +++ b/packages/block-library/src/post-author-biography/index.js @@ -6,16 +6,20 @@ import { postAuthor as icon } from '@wordpress/icons'; /** * Internal dependencies */ +import lazyLoad from '../utils/lazy-load'; import initBlock from '../utils/init-block'; import metadata from './block.json'; -import edit from './edit'; const { name } = metadata; export { metadata, name }; export const settings = { icon, - edit, + edit: lazyLoad( () => + import( + /* webpackChunkName: "post-author-biography/editor" */ './edit' + ) + ), }; export const init = () => initBlock( { name, metadata, settings } ); diff --git a/packages/block-library/src/post-author-name/index.js b/packages/block-library/src/post-author-name/index.js index dce3e48c86f636..83f0d40e1fc828 100644 --- a/packages/block-library/src/post-author-name/index.js +++ b/packages/block-library/src/post-author-name/index.js @@ -6,9 +6,10 @@ import { postAuthor as icon } from '@wordpress/icons'; /** * Internal dependencies */ +import lazyLoad from '../utils/lazy-load'; import initBlock from '../utils/init-block'; import metadata from './block.json'; -import edit from './edit'; + import transforms from './transforms'; const { name } = metadata; @@ -17,7 +18,9 @@ export { metadata, name }; export const settings = { icon, transforms, - edit, + edit: lazyLoad( () => + import( /* webpackChunkName: "post-author-name/editor" */ './edit' ) + ), }; export const init = () => initBlock( { name, metadata, settings } ); diff --git a/packages/block-library/src/post-author/index.js b/packages/block-library/src/post-author/index.js index 8c91b99f7f6f59..252e2cc0198b6f 100644 --- a/packages/block-library/src/post-author/index.js +++ b/packages/block-library/src/post-author/index.js @@ -6,16 +6,18 @@ import { postAuthor as icon } from '@wordpress/icons'; /** * Internal dependencies */ +import lazyLoad from '../utils/lazy-load'; import initBlock from '../utils/init-block'; import metadata from './block.json'; -import edit from './edit'; const { name } = metadata; export { metadata, name }; export const settings = { icon, - edit, + edit: lazyLoad( () => + import( /* webpackChunkName: "post-author/editor" */ './edit' ) + ), }; export const init = () => initBlock( { name, metadata, settings } ); diff --git a/packages/block-library/src/post-comment/index.js b/packages/block-library/src/post-comment/index.js index 2fca916307a791..761a4a59e2e6ad 100644 --- a/packages/block-library/src/post-comment/index.js +++ b/packages/block-library/src/post-comment/index.js @@ -6,9 +6,10 @@ import { comment as icon } from '@wordpress/icons'; /** * Internal dependencies */ +import lazyLoad from '../utils/lazy-load'; import initBlock from '../utils/init-block'; import metadata from './block.json'; -import edit from './edit'; + import save from './save'; const { name } = metadata; @@ -16,7 +17,9 @@ export { metadata, name }; export const settings = { icon, - edit, + edit: lazyLoad( () => + import( /* webpackChunkName: "post-comment/editor" */ './edit' ) + ), save, }; diff --git a/packages/block-library/src/post-comments-count/index.js b/packages/block-library/src/post-comments-count/index.js index 1d2525ddf2d9eb..f69cd8306dc08b 100644 --- a/packages/block-library/src/post-comments-count/index.js +++ b/packages/block-library/src/post-comments-count/index.js @@ -6,16 +6,18 @@ import { postCommentsCount as icon } from '@wordpress/icons'; /** * Internal dependencies */ +import lazyLoad from '../utils/lazy-load'; import initBlock from '../utils/init-block'; import metadata from './block.json'; -import edit from './edit'; const { name } = metadata; export { metadata, name }; export const settings = { icon, - edit, + edit: lazyLoad( () => + import( /* webpackChunkName: "post-comments-count/editor" */ './edit' ) + ), }; export const init = () => initBlock( { name, metadata, settings } ); diff --git a/packages/block-library/src/post-comments-form/index.js b/packages/block-library/src/post-comments-form/index.js index 4d0444194241de..ac9e4b86e60564 100644 --- a/packages/block-library/src/post-comments-form/index.js +++ b/packages/block-library/src/post-comments-form/index.js @@ -6,16 +6,18 @@ import { postCommentsForm as icon } from '@wordpress/icons'; /** * Internal dependencies */ +import lazyLoad from '../utils/lazy-load'; import initBlock from '../utils/init-block'; import metadata from './block.json'; -import edit from './edit'; const { name } = metadata; export { metadata, name }; export const settings = { icon, - edit, + edit: lazyLoad( () => + import( /* webpackChunkName: "post-comments-form/editor" */ './edit' ) + ), }; export const init = () => initBlock( { name, metadata, settings } ); diff --git a/packages/block-library/src/post-comments-link/index.js b/packages/block-library/src/post-comments-link/index.js index 36e9673a08a1d2..0df6a53de69abe 100644 --- a/packages/block-library/src/post-comments-link/index.js +++ b/packages/block-library/src/post-comments-link/index.js @@ -6,15 +6,17 @@ import { postCommentsCount as icon } from '@wordpress/icons'; /** * Internal dependencies */ +import lazyLoad from '../utils/lazy-load'; import initBlock from '../utils/init-block'; import metadata from './block.json'; -import edit from './edit'; const { name } = metadata; export { metadata, name }; export const settings = { - edit, + edit: lazyLoad( () => + import( /* webpackChunkName: "post-comments-link/editor" */ './edit' ) + ), icon, }; diff --git a/packages/block-library/src/post-content/index.js b/packages/block-library/src/post-content/index.js index 80196db27878bc..89ea2c43ba1e60 100644 --- a/packages/block-library/src/post-content/index.js +++ b/packages/block-library/src/post-content/index.js @@ -6,16 +6,18 @@ import { postContent as icon } from '@wordpress/icons'; /** * Internal dependencies */ +import lazyLoad from '../utils/lazy-load'; import initBlock from '../utils/init-block'; import metadata from './block.json'; -import edit from './edit'; const { name } = metadata; export { metadata, name }; export const settings = { icon, - edit, + edit: lazyLoad( () => + import( /* webpackChunkName: "post-content/editor" */ './edit' ) + ), }; export const init = () => initBlock( { name, metadata, settings } ); diff --git a/packages/block-library/src/post-date/index.js b/packages/block-library/src/post-date/index.js index 232b715c3795b6..44ba45092d34bd 100644 --- a/packages/block-library/src/post-date/index.js +++ b/packages/block-library/src/post-date/index.js @@ -6,9 +6,10 @@ import { postDate as icon } from '@wordpress/icons'; /** * Internal dependencies */ +import lazyLoad from '../utils/lazy-load'; import initBlock from '../utils/init-block'; import metadata from './block.json'; -import edit from './edit'; + import deprecated from './deprecated'; import variations from './variations'; @@ -17,7 +18,9 @@ export { metadata, name }; export const settings = { icon, - edit, + edit: lazyLoad( () => + import( /* webpackChunkName: "post-date/editor" */ './edit' ) + ), deprecated, variations, }; diff --git a/packages/block-library/src/post-excerpt/index.js b/packages/block-library/src/post-excerpt/index.js index 41b868965eec57..e9a649a383470f 100644 --- a/packages/block-library/src/post-excerpt/index.js +++ b/packages/block-library/src/post-excerpt/index.js @@ -6,9 +6,10 @@ import { postExcerpt as icon } from '@wordpress/icons'; /** * Internal dependencies */ +import lazyLoad from '../utils/lazy-load'; import initBlock from '../utils/init-block'; import metadata from './block.json'; -import edit from './edit'; + import transforms from './transforms'; const { name } = metadata; @@ -17,7 +18,9 @@ export { metadata, name }; export const settings = { icon, transforms, - edit, + edit: lazyLoad( () => + import( /* webpackChunkName: "post-excerpt/editor" */ './edit' ) + ), }; export const init = () => initBlock( { name, metadata, settings } ); diff --git a/packages/block-library/src/post-featured-image/index.js b/packages/block-library/src/post-featured-image/index.js index aa28444114fb36..c34244356f7423 100644 --- a/packages/block-library/src/post-featured-image/index.js +++ b/packages/block-library/src/post-featured-image/index.js @@ -6,16 +6,18 @@ import { postFeaturedImage as icon } from '@wordpress/icons'; /** * Internal dependencies */ +import lazyLoad from '../utils/lazy-load'; import initBlock from '../utils/init-block'; import metadata from './block.json'; -import edit from './edit'; const { name } = metadata; export { metadata, name }; export const settings = { icon, - edit, + edit: lazyLoad( () => + import( /* webpackChunkName: "post-featured-image/editor" */ './edit' ) + ), }; export const init = () => initBlock( { name, metadata, settings } ); diff --git a/packages/block-library/src/post-navigation-link/index.js b/packages/block-library/src/post-navigation-link/index.js index e85e594990adba..92a230bde5f43b 100644 --- a/packages/block-library/src/post-navigation-link/index.js +++ b/packages/block-library/src/post-navigation-link/index.js @@ -1,16 +1,19 @@ /** * Internal dependencies */ +import lazyLoad from '../utils/lazy-load'; import initBlock from '../utils/init-block'; import metadata from './block.json'; -import edit from './edit'; + import variations from './variations'; const { name } = metadata; export { metadata, name }; export const settings = { - edit, + edit: lazyLoad( () => + import( /* webpackChunkName: "post-navigation-link/editor" */ './edit' ) + ), variations, }; diff --git a/packages/block-library/src/post-template/index.js b/packages/block-library/src/post-template/index.js index bc6f8ffa13ab60..6e2db6ac687019 100644 --- a/packages/block-library/src/post-template/index.js +++ b/packages/block-library/src/post-template/index.js @@ -6,9 +6,10 @@ import { layout } from '@wordpress/icons'; /** * Internal dependencies */ +import lazyLoad from '../utils/lazy-load'; import initBlock from '../utils/init-block'; import metadata from './block.json'; -import edit from './edit'; + import save from './save'; const { name } = metadata; @@ -16,7 +17,9 @@ export { metadata, name }; export const settings = { icon: layout, - edit, + edit: lazyLoad( () => + import( /* webpackChunkName: "post-template/editor" */ './edit' ) + ), save, }; diff --git a/packages/block-library/src/post-terms/index.js b/packages/block-library/src/post-terms/index.js index 3a00f04b77fd21..4fe85bc71af6b0 100644 --- a/packages/block-library/src/post-terms/index.js +++ b/packages/block-library/src/post-terms/index.js @@ -7,9 +7,10 @@ import { addFilter } from '@wordpress/hooks'; /** * Internal dependencies */ +import lazyLoad from '../utils/lazy-load'; import initBlock from '../utils/init-block'; import metadata from './block.json'; -import edit from './edit'; + import enhanceVariations from './hooks'; const { name } = metadata; @@ -17,7 +18,9 @@ export { metadata, name }; export const settings = { icon, - edit, + edit: lazyLoad( () => + import( /* webpackChunkName: "post-terms/editor" */ './edit' ) + ), }; export const init = () => { diff --git a/packages/block-library/src/post-time-to-read/index.js b/packages/block-library/src/post-time-to-read/index.js index 95b379f55f0b3f..107ab238b1803e 100644 --- a/packages/block-library/src/post-time-to-read/index.js +++ b/packages/block-library/src/post-time-to-read/index.js @@ -1,9 +1,10 @@ /** * Internal dependencies */ +import lazyLoad from '../utils/lazy-load'; import initBlock from '../utils/init-block'; import metadata from './block.json'; -import edit from './edit'; + import icon from './icon'; const { name } = metadata; @@ -11,7 +12,9 @@ export { metadata, name }; export const settings = { icon, - edit, + edit: lazyLoad( () => + import( /* webpackChunkName: "post-time-to-read/editor" */ './edit' ) + ), }; export const init = () => initBlock( { name, metadata, settings } ); diff --git a/packages/block-library/src/post-title/index.js b/packages/block-library/src/post-title/index.js index 86bdab0dbccbff..9d3c0590f898c7 100644 --- a/packages/block-library/src/post-title/index.js +++ b/packages/block-library/src/post-title/index.js @@ -6,9 +6,10 @@ import { title as icon } from '@wordpress/icons'; /** * Internal dependencies */ +import lazyLoad from '../utils/lazy-load'; import initBlock from '../utils/init-block'; import metadata from './block.json'; -import edit from './edit'; + import deprecated from './deprecated'; const { name } = metadata; @@ -16,7 +17,9 @@ export { metadata, name }; export const settings = { icon, - edit, + edit: lazyLoad( () => + import( /* webpackChunkName: "post-title/editor" */ './edit' ) + ), deprecated, }; diff --git a/packages/block-library/src/preformatted/index.js b/packages/block-library/src/preformatted/index.js index a2e1fecc185528..0e8fade75a99c1 100644 --- a/packages/block-library/src/preformatted/index.js +++ b/packages/block-library/src/preformatted/index.js @@ -7,8 +7,9 @@ import { preformatted as icon } from '@wordpress/icons'; /** * Internal dependencies */ +import lazyLoad from '../utils/lazy-load'; import initBlock from '../utils/init-block'; -import edit from './edit'; + import metadata from './block.json'; import save from './save'; import transforms from './transforms'; @@ -30,7 +31,9 @@ export const settings = { }, }, transforms, - edit, + edit: lazyLoad( () => + import( /* webpackChunkName: "preformatted/editor" */ './edit' ) + ), save, merge( attributes, attributesToMerge ) { return { diff --git a/packages/block-library/src/pullquote/index.js b/packages/block-library/src/pullquote/index.js index 9d2b42f7698ab5..0facf4323048cd 100644 --- a/packages/block-library/src/pullquote/index.js +++ b/packages/block-library/src/pullquote/index.js @@ -7,9 +7,10 @@ import { pullquote as icon } from '@wordpress/icons'; /** * Internal dependencies */ +import lazyLoad from '../utils/lazy-load'; import initBlock from '../utils/init-block'; import deprecated from './deprecated'; -import edit from './edit'; + import metadata from './block.json'; import save from './save'; import transforms from './transforms'; @@ -31,7 +32,9 @@ export const settings = { }, }, transforms, - edit, + edit: lazyLoad( () => + import( /* webpackChunkName: "pullquote/editor" */ './edit' ) + ), save, deprecated, }; diff --git a/packages/block-library/src/query-no-results/index.js b/packages/block-library/src/query-no-results/index.js index 1c56638cdfdba8..eac234da75de4e 100644 --- a/packages/block-library/src/query-no-results/index.js +++ b/packages/block-library/src/query-no-results/index.js @@ -6,9 +6,10 @@ import { loop as icon } from '@wordpress/icons'; /** * Internal dependencies */ +import lazyLoad from '../utils/lazy-load'; import initBlock from '../utils/init-block'; import metadata from './block.json'; -import edit from './edit'; + import save from './save'; const { name } = metadata; @@ -16,7 +17,9 @@ export { metadata, name }; export const settings = { icon, - edit, + edit: lazyLoad( () => + import( /* webpackChunkName: "query-no-results/editor" */ './edit' ) + ), save, }; diff --git a/packages/block-library/src/query-pagination-next/index.js b/packages/block-library/src/query-pagination-next/index.js index 2df0e8da6aa99d..0b5de92bb6f88b 100644 --- a/packages/block-library/src/query-pagination-next/index.js +++ b/packages/block-library/src/query-pagination-next/index.js @@ -6,16 +6,20 @@ import { queryPaginationNext as icon } from '@wordpress/icons'; /** * Internal dependencies */ +import lazyLoad from '../utils/lazy-load'; import initBlock from '../utils/init-block'; import metadata from './block.json'; -import edit from './edit'; const { name } = metadata; export { metadata, name }; export const settings = { icon, - edit, + edit: lazyLoad( () => + import( + /* webpackChunkName: "query-pagination-next/editor" */ './edit' + ) + ), }; export const init = () => initBlock( { name, metadata, settings } ); diff --git a/packages/block-library/src/query-pagination-numbers/index.js b/packages/block-library/src/query-pagination-numbers/index.js index 3fd903e2d9ef48..cf288bf278a9b4 100644 --- a/packages/block-library/src/query-pagination-numbers/index.js +++ b/packages/block-library/src/query-pagination-numbers/index.js @@ -6,16 +6,20 @@ import { queryPaginationNumbers as icon } from '@wordpress/icons'; /** * Internal dependencies */ +import lazyLoad from '../utils/lazy-load'; import initBlock from '../utils/init-block'; import metadata from './block.json'; -import edit from './edit'; const { name } = metadata; export { metadata, name }; export const settings = { icon, - edit, + edit: lazyLoad( () => + import( + /* webpackChunkName: "query-pagination-numbers/editor" */ './edit' + ) + ), }; export const init = () => initBlock( { name, metadata, settings } ); diff --git a/packages/block-library/src/query-pagination-previous/index.js b/packages/block-library/src/query-pagination-previous/index.js index 80e555ccc79d9b..5119ac89674ab0 100644 --- a/packages/block-library/src/query-pagination-previous/index.js +++ b/packages/block-library/src/query-pagination-previous/index.js @@ -6,16 +6,20 @@ import { queryPaginationPrevious as icon } from '@wordpress/icons'; /** * Internal dependencies */ +import lazyLoad from '../utils/lazy-load'; import initBlock from '../utils/init-block'; import metadata from './block.json'; -import edit from './edit'; const { name } = metadata; export { metadata, name }; export const settings = { icon, - edit, + edit: lazyLoad( () => + import( + /* webpackChunkName: "query-pagination-previous/editor" */ './edit' + ) + ), }; export const init = () => initBlock( { name, metadata, settings } ); diff --git a/packages/block-library/src/query-pagination/index.js b/packages/block-library/src/query-pagination/index.js index b113a8384b043b..3e3590fefbc546 100644 --- a/packages/block-library/src/query-pagination/index.js +++ b/packages/block-library/src/query-pagination/index.js @@ -6,9 +6,10 @@ import { queryPagination as icon } from '@wordpress/icons'; /** * Internal dependencies */ +import lazyLoad from '../utils/lazy-load'; import initBlock from '../utils/init-block'; import metadata from './block.json'; -import edit from './edit'; + import save from './save'; import deprecated from './deprecated'; @@ -17,7 +18,9 @@ export { metadata, name }; export const settings = { icon, - edit, + edit: lazyLoad( () => + import( /* webpackChunkName: "query-pagination/editor" */ './edit' ) + ), save, deprecated, }; diff --git a/packages/block-library/src/query-title/index.js b/packages/block-library/src/query-title/index.js index 875c2b8b865041..997d2ca4be1473 100644 --- a/packages/block-library/src/query-title/index.js +++ b/packages/block-library/src/query-title/index.js @@ -6,9 +6,10 @@ import { title as icon } from '@wordpress/icons'; /** * Internal dependencies */ +import lazyLoad from '../utils/lazy-load'; import initBlock from '../utils/init-block'; import metadata from './block.json'; -import edit from './edit'; + import variations from './variations'; import deprecated from './deprecated'; @@ -17,7 +18,9 @@ export { metadata, name }; export const settings = { icon, - edit, + edit: lazyLoad( () => + import( /* webpackChunkName: "query-title/editor" */ './edit' ) + ), variations, deprecated, }; diff --git a/packages/block-library/src/query/index.js b/packages/block-library/src/query/index.js index 8d82391923603e..f2515cb844caf4 100644 --- a/packages/block-library/src/query/index.js +++ b/packages/block-library/src/query/index.js @@ -6,9 +6,10 @@ import { loop as icon } from '@wordpress/icons'; /** * Internal dependencies */ +import lazyLoad from '../utils/lazy-load'; import initBlock from '../utils/init-block'; import metadata from './block.json'; -import edit from './edit'; + import save from './save'; import variations from './variations'; import deprecated from './deprecated'; @@ -18,7 +19,9 @@ export { metadata, name }; export const settings = { icon, - edit, + edit: lazyLoad( () => + import( /* webpackChunkName: "query/editor" */ './edit' ) + ), save, variations, deprecated, diff --git a/packages/block-library/src/quote/index.js b/packages/block-library/src/quote/index.js index d67685f3561b01..fdb5ce219d330a 100644 --- a/packages/block-library/src/quote/index.js +++ b/packages/block-library/src/quote/index.js @@ -7,9 +7,10 @@ import { quote as icon } from '@wordpress/icons'; /** * Internal dependencies */ +import lazyLoad from '../utils/lazy-load'; import initBlock from '../utils/init-block'; import deprecated from './deprecated'; -import edit from './edit'; + import metadata from './block.json'; import save from './save'; import transforms from './transforms'; @@ -34,7 +35,9 @@ export const settings = { ], }, transforms, - edit, + edit: lazyLoad( () => + import( /* webpackChunkName: "quote/editor" */ './edit' ) + ), save, deprecated, }; diff --git a/packages/block-library/src/read-more/index.js b/packages/block-library/src/read-more/index.js index 497cd77f429e62..374ec510a8a3f7 100644 --- a/packages/block-library/src/read-more/index.js +++ b/packages/block-library/src/read-more/index.js @@ -6,16 +6,18 @@ import { link as icon } from '@wordpress/icons'; /** * Internal dependencies */ +import lazyLoad from '../utils/lazy-load'; import initBlock from '../utils/init-block'; import metadata from './block.json'; -import edit from './edit'; const { name } = metadata; export { metadata, name }; export const settings = { icon, - edit, + edit: lazyLoad( () => + import( /* webpackChunkName: "read-more/editor" */ './edit' ) + ), }; export const init = () => initBlock( { name, metadata, settings } ); diff --git a/packages/block-library/src/rss/index.js b/packages/block-library/src/rss/index.js index 439d14c4edcdd6..51784dd833f2fe 100644 --- a/packages/block-library/src/rss/index.js +++ b/packages/block-library/src/rss/index.js @@ -6,9 +6,9 @@ import { rss as icon } from '@wordpress/icons'; /** * Internal dependencies */ +import lazyLoad from '../utils/lazy-load'; import initBlock from '../utils/init-block'; import metadata from './block.json'; -import edit from './edit'; const { name } = metadata; @@ -21,7 +21,9 @@ export const settings = { feedURL: 'https://wordpress.org', }, }, - edit, + edit: lazyLoad( () => + import( /* webpackChunkName: "rss/editor" */ './edit' ) + ), }; export const init = () => initBlock( { name, metadata, settings } ); diff --git a/packages/block-library/src/search/index.js b/packages/block-library/src/search/index.js index 85770a23268cba..bb1b3984dd408a 100644 --- a/packages/block-library/src/search/index.js +++ b/packages/block-library/src/search/index.js @@ -7,9 +7,10 @@ import { search as icon } from '@wordpress/icons'; /** * Internal dependencies */ +import lazyLoad from '../utils/lazy-load'; import initBlock from '../utils/init-block'; import metadata from './block.json'; -import edit from './edit'; + import variations from './variations'; const { name } = metadata; @@ -23,7 +24,9 @@ export const settings = { viewportWidth: 400, }, variations, - edit, + edit: lazyLoad( () => + import( /* webpackChunkName: "search/editor" */ './edit' ) + ), }; export const init = () => initBlock( { name, metadata, settings } ); diff --git a/packages/block-library/src/separator/index.js b/packages/block-library/src/separator/index.js index 712caef7751463..aec5fffe4e9801 100644 --- a/packages/block-library/src/separator/index.js +++ b/packages/block-library/src/separator/index.js @@ -6,8 +6,9 @@ import { separator as icon } from '@wordpress/icons'; /** * Internal dependencies */ +import lazyLoad from '../utils/lazy-load'; import initBlock from '../utils/init-block'; -import edit from './edit'; + import metadata from './block.json'; import save from './save'; import transforms from './transforms'; @@ -26,7 +27,9 @@ export const settings = { }, }, transforms, - edit, + edit: lazyLoad( () => + import( /* webpackChunkName: "separator/editor" */ './edit' ) + ), save, deprecated, }; diff --git a/packages/block-library/src/shortcode/index.js b/packages/block-library/src/shortcode/index.js index 6fe36bdbfb3d3f..e7085cb3b929f1 100644 --- a/packages/block-library/src/shortcode/index.js +++ b/packages/block-library/src/shortcode/index.js @@ -6,8 +6,8 @@ import { shortcode as icon } from '@wordpress/icons'; /** * Internal dependencies */ +import lazyLoad from '../utils/lazy-load'; import initBlock from '../utils/init-block'; -import edit from './edit'; import save from './save'; import transforms from './transforms'; import metadata from './block.json'; @@ -19,7 +19,9 @@ export { metadata, name }; export const settings = { icon, transforms, - edit, + edit: lazyLoad( () => + import( /* webpackChunkName: "shortcode/editor" */ './edit' ) + ), save, }; diff --git a/packages/block-library/src/site-logo/index.js b/packages/block-library/src/site-logo/index.js index fc10df08e17dee..26c1a0a6ab8555 100644 --- a/packages/block-library/src/site-logo/index.js +++ b/packages/block-library/src/site-logo/index.js @@ -6,9 +6,9 @@ import { siteLogo as icon } from '@wordpress/icons'; /** * Internal dependencies */ +import lazyLoad from '../utils/lazy-load'; import initBlock from '../utils/init-block'; import metadata from './block.json'; -import edit from './edit'; import transforms from './transforms'; const { name } = metadata; @@ -17,7 +17,9 @@ export { metadata, name }; export const settings = { icon, example: {}, - edit, + edit: lazyLoad( () => + import( /* webpackChunkName: "site-logo/editor" */ './edit' ) + ), transforms, }; diff --git a/packages/block-library/src/site-tagline/index.js b/packages/block-library/src/site-tagline/index.js index 1d0090f9dcea19..04485620639dbf 100644 --- a/packages/block-library/src/site-tagline/index.js +++ b/packages/block-library/src/site-tagline/index.js @@ -1,9 +1,9 @@ /** * Internal dependencies */ +import lazyLoad from '../utils/lazy-load'; import initBlock from '../utils/init-block'; import metadata from './block.json'; -import edit from './edit'; import icon from './icon'; import deprecated from './deprecated'; @@ -12,7 +12,9 @@ export { metadata, name }; export const settings = { icon, - edit, + edit: lazyLoad( () => + import( /* webpackChunkName: "site-tagline/editor" */ './edit' ) + ), deprecated, }; diff --git a/packages/block-library/src/site-title/index.js b/packages/block-library/src/site-title/index.js index 87934888ce4380..9078a8cdbaf45d 100644 --- a/packages/block-library/src/site-title/index.js +++ b/packages/block-library/src/site-title/index.js @@ -6,9 +6,10 @@ import { mapMarker as icon } from '@wordpress/icons'; /** * Internal dependencies */ +import lazyLoad from '../utils/lazy-load'; import initBlock from '../utils/init-block'; import metadata from './block.json'; -import edit from './edit'; + import deprecated from './deprecated'; import transforms from './transforms'; @@ -18,7 +19,9 @@ export { metadata, name }; export const settings = { icon, example: {}, - edit, + edit: lazyLoad( () => + import( /* webpackChunkName: "site-title/editor" */ './edit' ) + ), transforms, deprecated, }; diff --git a/packages/block-library/src/social-link/index.js b/packages/block-library/src/social-link/index.js index 161e6f2697acca..1d4aa6ecdeef8a 100644 --- a/packages/block-library/src/social-link/index.js +++ b/packages/block-library/src/social-link/index.js @@ -6,8 +6,8 @@ import { share as icon } from '@wordpress/icons'; /** * Internal dependencies */ +import lazyLoad from '../utils/lazy-load'; import initBlock from '../utils/init-block'; -import edit from './edit'; import metadata from './block.json'; import variations from './variations'; @@ -17,7 +17,9 @@ export { metadata, name }; export const settings = { icon, - edit, + edit: lazyLoad( () => + import( /* webpackChunkName: "social-link/editor" */ './edit' ) + ), variations, }; diff --git a/packages/block-library/src/social-links/index.js b/packages/block-library/src/social-links/index.js index 601a8c63ec5399..4660866c720ad4 100644 --- a/packages/block-library/src/social-links/index.js +++ b/packages/block-library/src/social-links/index.js @@ -6,9 +6,9 @@ import { share as icon } from '@wordpress/icons'; /** * Internal dependencies */ +import lazyLoad from '../utils/lazy-load'; import initBlock from '../utils/init-block'; import deprecated from './deprecated'; -import edit from './edit'; import metadata from './block.json'; import save from './save'; @@ -43,7 +43,9 @@ export const settings = { ], }, icon, - edit, + edit: lazyLoad( () => + import( /* webpackChunkName: "social-links/editor" */ './edit' ) + ), save, deprecated, }; diff --git a/packages/block-library/src/spacer/index.js b/packages/block-library/src/spacer/index.js index d77c51bc96cea2..598df25bd51f62 100644 --- a/packages/block-library/src/spacer/index.js +++ b/packages/block-library/src/spacer/index.js @@ -6,9 +6,10 @@ import { resizeCornerNE as icon } from '@wordpress/icons'; /** * Internal dependencies */ +import lazyLoad from '../utils/lazy-load'; import initBlock from '../utils/init-block'; import deprecated from './deprecated'; -import edit from './edit'; + import metadata from './block.json'; import save from './save'; @@ -18,7 +19,9 @@ export { metadata, name }; export const settings = { icon, - edit, + edit: lazyLoad( () => + import( /* webpackChunkName: "spacer/editor" */ './edit' ) + ), save, deprecated, }; diff --git a/packages/block-library/src/table-of-contents/index.js b/packages/block-library/src/table-of-contents/index.js index 8952f0ff381bb4..89591d10798d8b 100644 --- a/packages/block-library/src/table-of-contents/index.js +++ b/packages/block-library/src/table-of-contents/index.js @@ -1,9 +1,10 @@ /** * Internal dependencies */ +import lazyLoad from '../utils/lazy-load'; import initBlock from '../utils/init-block'; import metadata from './block.json'; -import edit from './edit'; + import icon from './icon'; import save from './save'; @@ -13,7 +14,9 @@ export { metadata, name }; export const settings = { icon, - edit, + edit: lazyLoad( () => + import( /* webpackChunkName: "table-of-contents/editor" */ './edit' ) + ), save, }; diff --git a/packages/block-library/src/table/index.js b/packages/block-library/src/table/index.js index dea09dd7c98298..ffc4a9d34fac01 100644 --- a/packages/block-library/src/table/index.js +++ b/packages/block-library/src/table/index.js @@ -7,9 +7,9 @@ import { blockTable as icon } from '@wordpress/icons'; /** * Internal dependencies */ +import lazyLoad from '../utils/lazy-load'; import initBlock from '../utils/init-block'; import deprecated from './deprecated'; -import edit from './edit'; import metadata from './block.json'; import save from './save'; import transforms from './transforms'; @@ -94,7 +94,9 @@ export const settings = { viewportWidth: 450, }, transforms, - edit, + edit: lazyLoad( () => + import( /* webpackChunkName: "table/editor" */ './edit' ) + ), save, deprecated, }; diff --git a/packages/block-library/src/tag-cloud/index.js b/packages/block-library/src/tag-cloud/index.js index 6dc0931663fcd7..c8380126ee1aa5 100644 --- a/packages/block-library/src/tag-cloud/index.js +++ b/packages/block-library/src/tag-cloud/index.js @@ -6,10 +6,10 @@ import { tag as icon } from '@wordpress/icons'; /** * Internal dependencies */ +import lazyLoad from '../utils/lazy-load'; import initBlock from '../utils/init-block'; import transforms from './transforms'; import metadata from './block.json'; -import edit from './edit'; const { name } = metadata; @@ -18,7 +18,9 @@ export { metadata, name }; export const settings = { icon, example: {}, - edit, + edit: lazyLoad( () => + import( /* webpackChunkName: "tag-cloud/editor" */ './edit' ) + ), transforms, }; diff --git a/packages/block-library/src/template-part/index.js b/packages/block-library/src/template-part/index.js index c9b5e33a1c9598..2f62c3a82c0017 100644 --- a/packages/block-library/src/template-part/index.js +++ b/packages/block-library/src/template-part/index.js @@ -15,9 +15,10 @@ import { decodeEntities } from '@wordpress/html-entities'; /** * Internal dependencies */ +import lazyLoad from '../utils/lazy-load'; import initBlock from '../utils/init-block'; import metadata from './block.json'; -import edit from './edit'; + import { enhanceTemplatePartVariations } from './variations'; const { name } = metadata; @@ -47,7 +48,9 @@ export const settings = { capitalCase( entity.slug ) ); }, - edit, + edit: lazyLoad( () => + import( /* webpackChunkName: "template-part/editor" */ './edit' ) + ), }; export const init = () => { diff --git a/packages/block-library/src/term-description/index.js b/packages/block-library/src/term-description/index.js index 0ff710a91f5d50..44b0f3e93588a3 100644 --- a/packages/block-library/src/term-description/index.js +++ b/packages/block-library/src/term-description/index.js @@ -6,16 +6,18 @@ import { termDescription as icon } from '@wordpress/icons'; /** * Internal dependencies */ +import lazyLoad from '../utils/lazy-load'; import initBlock from '../utils/init-block'; import metadata from './block.json'; -import edit from './edit'; const { name } = metadata; export { metadata, name }; export const settings = { icon, - edit, + edit: lazyLoad( () => + import( /* webpackChunkName: "term-description/editor" */ './edit' ) + ), }; export const init = () => initBlock( { name, metadata, settings } ); diff --git a/packages/block-library/src/text-columns/index.js b/packages/block-library/src/text-columns/index.js index c0bce35b96f4ef..6976759f3a88ec 100644 --- a/packages/block-library/src/text-columns/index.js +++ b/packages/block-library/src/text-columns/index.js @@ -1,8 +1,9 @@ /** * Internal dependencies */ +import lazyLoad from '../utils/lazy-load'; import initBlock from '../utils/init-block'; -import edit from './edit'; + import metadata from './block.json'; import save from './save'; import transforms from './transforms'; @@ -19,7 +20,9 @@ export const settings = { return { 'data-align': width }; } }, - edit, + edit: lazyLoad( () => + import( /* webpackChunkName: "text-columns/editor" */ './edit' ) + ), save, }; diff --git a/packages/block-library/src/utils/lazy-load.js b/packages/block-library/src/utils/lazy-load.js new file mode 100644 index 00000000000000..f88679f8d1227c --- /dev/null +++ b/packages/block-library/src/utils/lazy-load.js @@ -0,0 +1,16 @@ +/** + * WordPress dependencies + */ +import { Suspense, lazy } from '@wordpress/element'; + +export default function lazyEdit( cb ) { + // eslint-disable-next-line @wordpress/no-unused-vars-before-return + const Load = lazy( cb ); + return function Edit( props ) { + return ( + + + + ); + }; +} diff --git a/packages/block-library/src/verse/index.js b/packages/block-library/src/verse/index.js index 5d80b63a4ca84c..aeb629a8757fb1 100644 --- a/packages/block-library/src/verse/index.js +++ b/packages/block-library/src/verse/index.js @@ -7,9 +7,10 @@ import { verse as icon } from '@wordpress/icons'; /** * Internal dependencies */ +import lazyLoad from '../utils/lazy-load'; import initBlock from '../utils/init-block'; import deprecated from './deprecated'; -import edit from './edit'; + import metadata from './block.json'; import save from './save'; import transforms from './transforms'; @@ -37,7 +38,9 @@ export const settings = { content: attributes.content + '\n\n' + attributesToMerge.content, }; }, - edit, + edit: lazyLoad( () => + import( /* webpackChunkName: "verse/editor" */ './edit' ) + ), save, }; diff --git a/packages/block-library/src/video/index.js b/packages/block-library/src/video/index.js index 57201ef7125658..f07c64b8eb1e69 100644 --- a/packages/block-library/src/video/index.js +++ b/packages/block-library/src/video/index.js @@ -7,9 +7,10 @@ import { video as icon } from '@wordpress/icons'; /** * Internal dependencies */ +import lazyLoad from '../utils/lazy-load'; import initBlock from '../utils/init-block'; import deprecated from './deprecated'; -import edit from './edit'; + import metadata from './block.json'; import save from './save'; import transforms from './transforms'; @@ -29,7 +30,9 @@ export const settings = { }, transforms, deprecated, - edit, + edit: lazyLoad( () => + import( /* webpackChunkName: "video/editor" */ './edit' ) + ), save, }; diff --git a/tools/webpack/packages.js b/tools/webpack/packages.js index a76889622b4a2f..5804ec21345b78 100644 --- a/tools/webpack/packages.js +++ b/tools/webpack/packages.js @@ -146,6 +146,12 @@ module.exports = { output: { devtoolNamespace: 'wp', filename: './build/[name]/index.min.js', + chunkFilename: ( { chunk } ) => { + if ( chunk.runtime === 'block-library' ) { + return './build/block-library/blocks/[name].min.js'; + } + return './build/' + chunk.runtime + '/[name].min.js'; + }, path: join( __dirname, '..', '..' ), devtoolModuleFilenameTemplate: ( info ) => { if ( info.resourcePath.includes( '/@wordpress/' ) ) { @@ -156,6 +162,14 @@ module.exports = { return `webpack://${ info.namespace }/${ info.resourcePath }`; }, }, + optimization: { + splitChunks: { + cacheGroups: { + default: false, + defaultVendors: false, + }, + }, + }, plugins: [ ...plugins, new DependencyExtractionWebpackPlugin( { injectPolyfill: true } ),