From d9e17bbd7a9c25c3ab01c79bbe3779a2efd69dbc Mon Sep 17 00:00:00 2001 From: Max Schmeling Date: Fri, 3 Oct 2025 11:54:01 -0500 Subject: [PATCH 1/5] Add and --- .../src/components/block-canvas/index.js | 47 +++++++++++++++++++ packages/block-editor/src/index.js | 7 +++ .../src/components/visual-editor/index.js | 20 ++++++++ packages/editor/src/index.js | 7 +++ 4 files changed, 81 insertions(+) diff --git a/packages/block-editor/src/components/block-canvas/index.js b/packages/block-editor/src/components/block-canvas/index.js index c399f38054ed4d..751fe2a375fb39 100644 --- a/packages/block-editor/src/components/block-canvas/index.js +++ b/packages/block-editor/src/components/block-canvas/index.js @@ -18,6 +18,7 @@ import { useBlockSelectionClearer } from '../block-selection-clearer'; import { useBlockCommands } from '../use-block-commands'; import { store as blockEditorStore } from '../../store'; import { unlock } from '../../lock-unlock'; +import { BlockCanvasCover } from '../../index'; // EditorStyles is a memoized component, so avoid passing a new // object reference on each render. @@ -44,6 +45,7 @@ export function ExperimentalBlockCanvas( { ( select ) => unlock( select( blockEditorStore ) ).getZoomLevel(), [] ); + const zoomOutIframeProps = zoomLevel !== 100 && ! isTabletViewport ? { @@ -74,6 +76,29 @@ export function ExperimentalBlockCanvas( { > { children } + + + { ( covers ) => + covers.map( ( cover, index ) => ( +
+ { cover } +
+ ) ) + } + ); } @@ -95,6 +120,28 @@ export function ExperimentalBlockCanvas( { > { children } + + { ( covers ) => + covers.map( ( cover, index ) => ( +
+ { cover } +
+ ) ) + } + ); diff --git a/packages/block-editor/src/index.js b/packages/block-editor/src/index.js index d81f23a702b04e..1a2037c983256c 100644 --- a/packages/block-editor/src/index.js +++ b/packages/block-editor/src/index.js @@ -1,3 +1,8 @@ +/** + * WordPress dependencies + */ +import { createSlotFill } from '@wordpress/components'; + /** * Internal dependencies */ @@ -21,3 +26,5 @@ export * from './utils'; export { storeConfig, store } from './store'; export { SETTINGS_DEFAULTS } from './store/defaults'; export { privateApis } from './private-apis'; + +export const BlockCanvasCover = createSlotFill( 'BlockCanvasCover' ); diff --git a/packages/editor/src/components/visual-editor/index.js b/packages/editor/src/components/visual-editor/index.js index 4d9c14644d91d9..d847fd30404b00 100644 --- a/packages/editor/src/components/visual-editor/index.js +++ b/packages/editor/src/components/visual-editor/index.js @@ -31,6 +31,7 @@ import { */ import PostTitle from '../post-title'; import { store as editorStore } from '../../store'; +import { VisualEditorOverlay } from '../../index'; import { unlock } from '../../lock-unlock'; import EditTemplateBlocksNotification from './edit-template-blocks-notification'; import ResizableEditor from '../resizable-editor'; @@ -493,6 +494,25 @@ function VisualEditor( { + + { ( overlays ) => + overlays.map( ( overlay, index ) => ( +
+ { overlay } +
+ ) ) + } + ); } diff --git a/packages/editor/src/index.js b/packages/editor/src/index.js index 8d31a0b4ed4c4c..a3bf2c428d5126 100644 --- a/packages/editor/src/index.js +++ b/packages/editor/src/index.js @@ -1,3 +1,8 @@ +/** + * WordPress dependencies + */ +import { createSlotFill } from '@wordpress/components'; + /** * Internal dependencies */ @@ -13,3 +18,5 @@ export * from './dataviews/api'; * Backward compatibility */ export { transformStyles } from '@wordpress/block-editor'; + +export const VisualEditorOverlay = createSlotFill( 'VisualEditorOverlay' ); From 1ae56e54af726d6691719eb9fec202768e278589 Mon Sep 17 00:00:00 2001 From: Max Schmeling Date: Mon, 6 Oct 2025 14:58:00 -0500 Subject: [PATCH 2/5] Pass containerRef instead of containerElement in --- .../block-editor/src/components/block-canvas/index.js | 8 ++------ 1 file changed, 2 insertions(+), 6 deletions(-) diff --git a/packages/block-editor/src/components/block-canvas/index.js b/packages/block-editor/src/components/block-canvas/index.js index 751fe2a375fb39..20968b4a3c02a9 100644 --- a/packages/block-editor/src/components/block-canvas/index.js +++ b/packages/block-editor/src/components/block-canvas/index.js @@ -77,9 +77,7 @@ export function ExperimentalBlockCanvas( { { children } - + { ( covers ) => covers.map( ( cover, index ) => (
{ children } - + { ( covers ) => covers.map( ( cover, index ) => (
Date: Mon, 6 Oct 2025 20:13:52 -0500 Subject: [PATCH 3/5] Remove VisualEditorOverlay --- .../src/components/visual-editor/index.js | 20 ------------------- packages/editor/src/index.js | 7 ------- 2 files changed, 27 deletions(-) diff --git a/packages/editor/src/components/visual-editor/index.js b/packages/editor/src/components/visual-editor/index.js index d847fd30404b00..4d9c14644d91d9 100644 --- a/packages/editor/src/components/visual-editor/index.js +++ b/packages/editor/src/components/visual-editor/index.js @@ -31,7 +31,6 @@ import { */ import PostTitle from '../post-title'; import { store as editorStore } from '../../store'; -import { VisualEditorOverlay } from '../../index'; import { unlock } from '../../lock-unlock'; import EditTemplateBlocksNotification from './edit-template-blocks-notification'; import ResizableEditor from '../resizable-editor'; @@ -494,25 +493,6 @@ function VisualEditor( { - - { ( overlays ) => - overlays.map( ( overlay, index ) => ( -
- { overlay } -
- ) ) - } -
); } diff --git a/packages/editor/src/index.js b/packages/editor/src/index.js index a3bf2c428d5126..8d31a0b4ed4c4c 100644 --- a/packages/editor/src/index.js +++ b/packages/editor/src/index.js @@ -1,8 +1,3 @@ -/** - * WordPress dependencies - */ -import { createSlotFill } from '@wordpress/components'; - /** * Internal dependencies */ @@ -18,5 +13,3 @@ export * from './dataviews/api'; * Backward compatibility */ export { transformStyles } from '@wordpress/block-editor'; - -export const VisualEditorOverlay = createSlotFill( 'VisualEditorOverlay' ); From 63f5b272777e9662b610d0ee1b3fb4b4d67a32f9 Mon Sep 17 00:00:00 2001 From: Max Schmeling Date: Mon, 6 Oct 2025 21:28:28 -0500 Subject: [PATCH 4/5] npm run docs:build --- packages/block-editor/README.md | 4 ++++ packages/block-editor/src/components/block-canvas/index.js | 1 - 2 files changed, 4 insertions(+), 1 deletion(-) diff --git a/packages/block-editor/README.md b/packages/block-editor/README.md index 8fe2c5f1179dcd..aac1343343c0c3 100644 --- a/packages/block-editor/README.md +++ b/packages/block-editor/README.md @@ -145,6 +145,10 @@ _Returns_ - `Element`: Block Breadcrumb. +### BlockCanvasCover + +Undocumented declaration. + ### BlockColorsStyleSelector Undocumented declaration. diff --git a/packages/block-editor/src/components/block-canvas/index.js b/packages/block-editor/src/components/block-canvas/index.js index 20968b4a3c02a9..634dcf16097500 100644 --- a/packages/block-editor/src/components/block-canvas/index.js +++ b/packages/block-editor/src/components/block-canvas/index.js @@ -45,7 +45,6 @@ export function ExperimentalBlockCanvas( { ( select ) => unlock( select( blockEditorStore ) ).getZoomLevel(), [] ); - const zoomOutIframeProps = zoomLevel !== 100 && ! isTabletViewport ? { From 9ac8e219b1ab65bc4c38991609a513ded75fc057 Mon Sep 17 00:00:00 2001 From: Max Schmeling Date: Mon, 6 Oct 2025 22:06:23 -0500 Subject: [PATCH 5/5] Move definition --- .../block-editor/src/components/block-canvas/index.js | 4 +++- packages/block-editor/src/index.js | 8 +------- 2 files changed, 4 insertions(+), 8 deletions(-) diff --git a/packages/block-editor/src/components/block-canvas/index.js b/packages/block-editor/src/components/block-canvas/index.js index 634dcf16097500..64f249c8cd7486 100644 --- a/packages/block-editor/src/components/block-canvas/index.js +++ b/packages/block-editor/src/components/block-canvas/index.js @@ -4,6 +4,7 @@ import { useMergeRefs, useViewportMatch } from '@wordpress/compose'; import { useRef } from '@wordpress/element'; import { useSelect } from '@wordpress/data'; +import { createSlotFill } from '@wordpress/components'; /** * Internal dependencies @@ -18,7 +19,8 @@ import { useBlockSelectionClearer } from '../block-selection-clearer'; import { useBlockCommands } from '../use-block-commands'; import { store as blockEditorStore } from '../../store'; import { unlock } from '../../lock-unlock'; -import { BlockCanvasCover } from '../../index'; + +export const BlockCanvasCover = createSlotFill( 'BlockCanvasCover' ); // EditorStyles is a memoized component, so avoid passing a new // object reference on each render. diff --git a/packages/block-editor/src/index.js b/packages/block-editor/src/index.js index 1a2037c983256c..43eeb8d6f2f075 100644 --- a/packages/block-editor/src/index.js +++ b/packages/block-editor/src/index.js @@ -1,8 +1,3 @@ -/** - * WordPress dependencies - */ -import { createSlotFill } from '@wordpress/components'; - /** * Internal dependencies */ @@ -26,5 +21,4 @@ export * from './utils'; export { storeConfig, store } from './store'; export { SETTINGS_DEFAULTS } from './store/defaults'; export { privateApis } from './private-apis'; - -export const BlockCanvasCover = createSlotFill( 'BlockCanvasCover' ); +export { BlockCanvasCover } from './components/block-canvas';