@wordpress/edit-site 7.2.0 → 7.3.2-next.v.202608281122.0

package/src/components/block-editor/viewport.js

@@ -0,0 +1,34 @@
+export const DEFAULT_DEVICE_TYPE = 'Desktop';
+
+/*
+ * Lowercase in the URL, PascalCase in the editor store. Duplicated in
+ * packages/boot/src/components/canvas/viewport.ts, in the editor's
+ * preview-dropdown choices, and in the block editor's block-visibility
+ * constants. Update all four when adding a viewport type.
+ */
+const VALID_VIEWPORTS = [ 'desktop', 'tablet', 'mobile' ];
+
+/**
+ * Whether a viewport is one an entity can be asked to be edited at.
+ *
+ * @param {string} [viewport] Viewport, as written in the URL.
+ * @return {boolean} Whether the editor has a width for it.
+ */
+export function isValidViewport( viewport ) {
+	return !! viewport && VALID_VIEWPORTS.includes( viewport.toLowerCase() );
+}
+
+/**
+ * The device type a `viewport` query param names.
+ *
+ * @param {string} [viewport] Viewport, as written in the URL.
+ * @return {string} Device type, Desktop for a viewport the editor has no width for.
+ */
+export function getDeviceType( viewport ) {
+	if ( ! isValidViewport( viewport ) ) {
+		return DEFAULT_DEVICE_TYPE;
+	}
+
+	const value = viewport.toLowerCase();
+	return value.charAt( 0 ).toUpperCase() + value.slice( 1 );
+}

package/src/components/editor/{index.js → index.jsx}

@@ -2,13 +2,11 @@ import { useDispatch, useSelect } from '@wordpress/data';
 import { Button } from '@wordpress/components';
 import { useInstanceId } from '@wordpress/compose';
 import {
-	EditorKeyboardShortcutsRegister,
 	privateApis as editorPrivateApis,
 	store as editorStore,
 } from '@wordpress/editor';
 import { __, isRTL, sprintf } from '@wordpress/i18n';
 import { store as coreDataStore } from '@wordpress/core-data';
-import { privateApis as blockLibraryPrivateApis } from '@wordpress/block-library';
 import { useCallback } from '@wordpress/element';
 import { store as noticesStore } from '@wordpress/notices';
 import { privateApis as routerPrivateApis } from '@wordpress/router';
@@ -16,6 +14,7 @@ import { decodeEntities } from '@wordpress/html-entities';
 import { chevronLeft, chevronRight } from '@wordpress/icons';
 import { store as blockEditorStore } from '@wordpress/block-editor';
 import { addQueryArgs } from '@wordpress/url';
+import { store as preferencesStore } from '@wordpress/preferences';
 import WelcomeGuide from '../welcome-guide';
 import CanvasLoader from '../canvas-loader';
 import { unlock } from '../../lock-unlock';
@@ -26,7 +25,7 @@ import SaveButton from '../save-button';
 import SavePanel from '../save-panel';
 import SiteEditorMoreMenu from '../more-menu';
 import useEditorIframeProps from '../block-editor/use-editor-iframe-props';
-import { ViewportSync } from '../block-editor/use-viewport-sync';
+import { getDeviceType } from '../block-editor/viewport';
 import useEditorTitle from './use-editor-title';
 import useRevisionsURLSync from './use-revisions-url-sync';
 import { useIsSiteEditorLoading } from '../layout/hooks';
@@ -39,7 +38,6 @@ import SitePreview from './site-preview';
 
 const { Editor, BackButton } = unlock( editorPrivateApis );
 const { useHistory, useLocation } = unlock( routerPrivateApis );
-const { BlockKeyboardShortcuts } = unlock( blockLibraryPrivateApis );
 
 function getListPathForPostType( postType ) {
 	switch ( postType ) {
@@ -90,6 +88,11 @@ export default function EditSiteEditor( { isHomeRoute = false } ) {
 		( select ) => select( coreDataStore ).getCurrentTheme()?.is_block_theme,
 		[]
 	);
+	const showIconLabels = useSelect(
+		( select ) =>
+			select( preferencesStore ).get( 'core', 'showIconLabels' ),
+		[]
+	);
 	const postWithTemplate = !! context?.postId;
 	const editorPostType = postWithTemplate ? context.postType : postType;
 	const editorPostId = postWithTemplate ? context.postId : postId;
@@ -167,8 +170,6 @@ export default function EditSiteEditor( { isHomeRoute = false } ) {
 		<SitePreview />
 	) : (
 		<>
-			<EditorKeyboardShortcutsRegister />
-			{ isEditMode && <BlockKeyboardShortcuts /> }
 			{ ! isReady ? <CanvasLoader id={ loadingProgressId } /> : null }
 			{ isEditMode && isReady && (
 				<WelcomeGuide
@@ -188,13 +189,17 @@ export default function EditSiteEditor( { isHomeRoute = false } ) {
 					customSavePanel={ _isPreviewingTheme && <SavePanel /> }
 					iframeProps={ iframeProps }
 					onActionPerformed={ onActionPerformed }
+					initialViewport={
+						isEditMode
+							? getDeviceType( location.query.viewport )
+							: undefined
+					}
 					extraSidebarPanels={
 						! postWithTemplate && (
 							<PluginTemplateSettingPanel.Slot />
 						)
 					}
 				>
-					{ isEditMode && <ViewportSync /> }
 					{ isEditMode && (
 						<BackButton>
 							{ ( { length } ) =>
@@ -202,7 +207,7 @@ export default function EditSiteEditor( { isHomeRoute = false } ) {
 									<Button
 										size="compact"
 										label={ __( 'Open Navigation' ) }
-										showTooltip
+										showTooltip={ ! showIconLabels }
 										tooltipPosition="middle right"
 										onClick={ () => {
 											resetZoomLevel();

package/src/components/editor/use-adapt-editor-to-canvas.js

@@ -2,8 +2,7 @@ import { useDispatch, useSelect, useRegistry } from '@wordpress/data';
 import { store as blockEditorStore } from '@wordpress/block-editor';
 import { store as editorStore } from '@wordpress/editor';
 import { useLayoutEffect } from '@wordpress/element';
-import { store as preferencesStore } from '@wordpress/preferences';
-import { DEFAULT_DEVICE_TYPE } from '../block-editor/use-viewport-sync';
+import { DEFAULT_DEVICE_TYPE } from '../block-editor/viewport';
 
 export function useAdaptEditorToCanvas( canvas ) {
 	const { clearSelectedBlock } = useDispatch( blockEditorStore );
@@ -11,15 +10,11 @@ export function useAdaptEditorToCanvas( canvas ) {
 		editPost,
 		setDeviceType,
 		closePublishSidebar,
-		setIsListViewOpened,
 		setIsInserterOpened,
 	} = useDispatch( editorStore );
-	const { get: getPreference } = useSelect( preferencesStore );
 	const { getCurrentPost } = useSelect( editorStore );
 	const registry = useRegistry();
 	useLayoutEffect( () => {
-		const isMediumOrBigger =
-			window.matchMedia( '(min-width: 782px)' ).matches;
 		registry.batch( () => {
 			clearSelectedBlock();
 			if ( getCurrentPost()?.type ) {
@@ -28,20 +23,6 @@ export function useAdaptEditorToCanvas( canvas ) {
 			setDeviceType( DEFAULT_DEVICE_TYPE );
 			closePublishSidebar();
 			setIsInserterOpened( false );
-
-			// Check if the block list view should be open by default.
-			// If `distractionFree` mode is enabled, the block list view should not be open.
-			// This behavior is disabled for small viewports.
-			if (
-				isMediumOrBigger &&
-				canvas === 'edit' &&
-				getPreference( 'core', 'showListViewByDefault' ) &&
-				! getPreference( 'core', 'distractionFree' )
-			) {
-				setIsListViewOpened( true );
-			} else {
-				setIsListViewOpened( false );
-			}
 		} );
 	}, [
 		canvas,
@@ -51,8 +32,6 @@ export function useAdaptEditorToCanvas( canvas ) {
 		setDeviceType,
 		closePublishSidebar,
 		setIsInserterOpened,
-		setIsListViewOpened,
-		getPreference,
 		getCurrentPost,
 	] );
 }

package/src/components/layout/{index.js → index.jsx}

@@ -313,8 +313,16 @@ export default function LayoutWithGlobalStylesProvider( props ) {
 			<Tooltip.Provider>
 				{ /** This needs to be within the SlotFillProvider */ }
 				<PluginArea onError={ onPluginAreaError } />
-				<ThemeProvider color={ themeColors }>
-					<Layout { ...props } />
+				<ThemeProvider
+					isRoot
+					color={ {
+						primary: themeColors.primary,
+						...CONTENT_COLOR,
+					} }
+				>
+					<ThemeProvider color={ themeColors }>
+						<Layout { ...props } />
+					</ThemeProvider>
 				</ThemeProvider>
 			</Tooltip.Provider>
 		</SlotFillProvider>

package/src/components/more-menu/{index.js → index.jsx}

@@ -1,9 +1,9 @@
 import { privateApis as editorPrivateApis } from '@wordpress/editor';
-import SiteExport from './site-export';
 import WelcomeGuideMenuItem from './welcome-guide-menu-item';
 import { unlock } from '../../lock-unlock';
 
-const { ToolsMoreMenuGroup, PreferencesModal } = unlock( editorPrivateApis );
+const { ToolsMoreMenuGroup, PreferencesModal, SiteExport } =
+	unlock( editorPrivateApis );
 
 export default function MoreMenu() {
 	return (

package/src/components/sidebar-navigation-screen-navigation-menus/build-navigation-label.js

@@ -1,7 +1,7 @@
 import { __, _x, sprintf } from '@wordpress/i18n';
 import { decodeEntities } from '@wordpress/html-entities';
 
-// Copied from packages/block-library/src/navigation/edit/navigation-menu-selector.js.
+// Copied from packages/block-library/src/navigation/edit/navigation-menu-selector.jsx.
 export default function buildNavigationLabel( title, id, status ) {
 	if ( ! title?.rendered ) {
 		/* translators: %s: the index of the menu in the list of menus. */

package/src/components/sidebar-navigation-screen-navigation-menus/{index.js → index.jsx}

@@ -15,7 +15,7 @@ import useNavigationMenuHandlers from '../sidebar-navigation-screen-navigation-m
 import { unlock } from '../../lock-unlock';
 import { NAVIGATION_POST_TYPE } from '../../utils/constants';
 
-// Copied from packages/block-library/src/navigation/edit/navigation-menu-selector.js.
+// Copied from packages/block-library/src/navigation/edit/navigation-menu-selector.jsx.
 function buildMenuLabel( title, id, status ) {
 	if ( ! title ) {
 		/* translators: %s: the index of the menu in the list of menus. */
@@ -135,7 +135,12 @@ export function SidebarNavigationScreenWrapper( {
 		<SidebarNavigationScreen
 			title={ title || __( 'Navigation' ) }
 			actions={ actions }
-			description={ description || __( 'Manage your Navigation Menus.' ) }
+			description={
+				description ||
+				__(
+					'Manage the menus that help visitors find their way around your site.'
+				)
+			}
 			backPath={ backPath }
 			content={ children }
 		/>

package/src/components/sidebar-navigation-screen-navigation-menus/{navigation-menu-content.js → navigation-menu-content.jsx}

@@ -14,7 +14,7 @@ import LeafMoreMenu from './leaf-more-menu';
 const { PrivateListView } = unlock( blockEditorPrivateApis );
 const { NavigationLinkUI } = unlock( blockLibraryPrivateApis );
 
-// Needs to be kept in sync with the query used at packages/block-library/src/page-list/edit.js.
+// Needs to be kept in sync with the query used at packages/block-library/src/page-list/edit.jsx.
 const MAX_PAGE_COUNT = 100;
 const PAGES_QUERY = [
 	'postType',

package/src/components/sidebar-navigation-screen-patterns/{index.js → index.jsx}

@@ -121,7 +121,7 @@ export default function SidebarNavigationScreenPatterns( { backPath } ) {
 		<SidebarNavigationScreen
 			title={ __( 'Patterns' ) }
 			description={ __(
-				'Manage what patterns are available when editing the site.'
+				'Manage what patterns are available when editing your site.'
 			) }
 			isRoot={ ! backPath }
 			backPath={ backPath }

package/src/components/sidebar-navigation-screen-templates-browse/{index.js → index.jsx}

@@ -8,7 +8,7 @@ export default function SidebarNavigationScreenTemplatesBrowse( { backPath } ) {
 		<SidebarNavigationScreen
 			title={ __( 'Templates' ) }
 			description={ __(
-				'Create new templates, or reset any customizations made to the templates supplied by your theme.'
+				'Manage the templates that define the structure of your pages, or reset any customizations made to those supplied by your theme.'
 			) }
 			backPath={ backPath }
 			content={

package/src/components/site-editor-routes/{pages.js → pages.jsx}

@@ -41,6 +41,9 @@ export const pagesRoute = {
 			return siteData.currentTheme.is_block_theme ? (
 				<SidebarNavigationScreen
 					title={ __( 'Pages' ) }
+					description={ __(
+						'Manage or edit the pages that make up your site, and their appearance.'
+					) }
 					backPath="/"
 					content={ <DataViewsSidebarContent postType="page" /> }
 				/>

package/src/style.scss

@@ -56,12 +56,16 @@ body.js.site-editor-php {
 	background: var(--wpds-color-background-surface-neutral-weak);
 
 	@include break-medium {
+		// Relayed through a custom property to keep `body` the subject of its
+		// own `:has()`. With `body:has(…) #wpadminbar`, every DOM change in the
+		// editor recalculates the whole document.
 		&:has(.editor-editor-interface.is-distraction-free) {
 			--wp-admin--admin-bar--height: 0px;
+			--wp-editor-admin-bar-display: none;
+		}
 
-			#wpadminbar {
-				display: none;
-			}
+		#wpadminbar {
+			display: var(--wp-editor-admin-bar-display, block);
 		}
 	}
 }

package/build/components/block-editor/use-viewport-sync.cjs

@@ -1,55 +0,0 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// packages/edit-site/src/components/block-editor/use-viewport-sync.js
-var use_viewport_sync_exports = {};
-__export(use_viewport_sync_exports, {
-  DEFAULT_DEVICE_TYPE: () => DEFAULT_DEVICE_TYPE,
-  ViewportSync: () => ViewportSync,
-  default: () => useViewportSync
-});
-module.exports = __toCommonJS(use_viewport_sync_exports);
-var import_element = require("@wordpress/element");
-var import_data = require("@wordpress/data");
-var import_router = require("@wordpress/router");
-var import_editor = require("@wordpress/editor");
-var import_lock_unlock = require("../../lock-unlock.cjs");
-var { useLocation } = (0, import_lock_unlock.unlock)(import_router.privateApis);
-var DEFAULT_DEVICE_TYPE = "Desktop";
-var VALID_DEVICE_TYPES = ["desktop", "tablet", "mobile"];
-var capitalize = (str) => str.charAt(0).toUpperCase() + str.slice(1);
-function useViewportSync() {
-  const { query } = useLocation();
-  const { setDeviceType } = (0, import_data.useDispatch)(import_editor.store);
-  (0, import_element.useEffect)(() => {
-    const viewport = query?.viewport?.toLowerCase();
-    const isValid = VALID_DEVICE_TYPES.includes(viewport);
-    setDeviceType(isValid ? capitalize(viewport) : DEFAULT_DEVICE_TYPE);
-  }, [query?.viewport, setDeviceType]);
-}
-function ViewportSync() {
-  useViewportSync();
-  return null;
-}
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  DEFAULT_DEVICE_TYPE,
-  ViewportSync
-});
-//# sourceMappingURL=use-viewport-sync.cjs.map

package/build/components/block-editor/use-viewport-sync.cjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/components/block-editor/use-viewport-sync.js"],
-  "sourcesContent": ["import { useEffect } from '@wordpress/element';\nimport { useDispatch } from '@wordpress/data';\nimport { privateApis as routerPrivateApis } from '@wordpress/router';\nimport { store as editorStore } from '@wordpress/editor';\nimport { unlock } from '../../lock-unlock';\n\nconst { useLocation } = unlock( routerPrivateApis );\n\nexport const DEFAULT_DEVICE_TYPE = 'Desktop';\n\n// Lowercase values for URL params. Duplicated from block-editor block-visibility constants\n// and editor preview-dropdown choices. See those files when adding new viewport types.\nconst VALID_DEVICE_TYPES = [ 'desktop', 'tablet', 'mobile' ];\n\n// URL viewport params are lowercase; the editor store uses PascalCase.\nconst capitalize = ( str ) => str.charAt( 0 ).toUpperCase() + str.slice( 1 );\n\n/**\n * Syncs the editor's device type with the `viewport` URL query param.\n *\n * Intentionally responds to ongoing URL changes (not just initial load) so that\n * viewport is restored correctly when navigating back (e.g. from overlay template\n * part editor to the previous entity).\n */\nexport default function useViewportSync() {\n\tconst { query } = useLocation();\n\tconst { setDeviceType } = useDispatch( editorStore );\n\n\tuseEffect( () => {\n\t\tconst viewport = query?.viewport?.toLowerCase();\n\t\tconst isValid = VALID_DEVICE_TYPES.includes( viewport );\n\n\t\tsetDeviceType( isValid ? capitalize( viewport ) : DEFAULT_DEVICE_TYPE );\n\t}, [ query?.viewport, setDeviceType ] );\n}\n\n/**\n * Component wrapper that runs the viewport sync hook.\n * Renders nothing; used to run the hook inside the Editor tree (inside EditorProvider).\n */\nexport function ViewportSync() {\n\tuseViewportSync();\n\treturn null;\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qBAA0B;AAC1B,kBAA4B;AAC5B,oBAAiD;AACjD,oBAAqC;AACrC,yBAAuB;AAEvB,IAAM,EAAE,YAAY,QAAI,2BAAQ,cAAAA,WAAkB;AAE3C,IAAM,sBAAsB;AAInC,IAAM,qBAAqB,CAAE,WAAW,UAAU,QAAS;AAG3D,IAAM,aAAa,CAAE,QAAS,IAAI,OAAQ,CAAE,EAAE,YAAY,IAAI,IAAI,MAAO,CAAE;AAS5D,SAAR,kBAAmC;AACzC,QAAM,EAAE,MAAM,IAAI,YAAY;AAC9B,QAAM,EAAE,cAAc,QAAI,yBAAa,cAAAC,KAAY;AAEnD,gCAAW,MAAM;AAChB,UAAM,WAAW,OAAO,UAAU,YAAY;AAC9C,UAAM,UAAU,mBAAmB,SAAU,QAAS;AAEtD,kBAAe,UAAU,WAAY,QAAS,IAAI,mBAAoB;AAAA,EACvE,GAAG,CAAE,OAAO,UAAU,aAAc,CAAE;AACvC;AAMO,SAAS,eAAe;AAC9B,kBAAgB;AAChB,SAAO;AACR;",
-  "names": ["routerPrivateApis", "editorStore"]
-}

package/build/components/more-menu/site-export.cjs

@@ -1,93 +0,0 @@
-"use strict";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// packages/edit-site/src/components/more-menu/site-export.js
-var site_export_exports = {};
-__export(site_export_exports, {
-  default: () => SiteExport
-});
-module.exports = __toCommonJS(site_export_exports);
-var import_i18n = require("@wordpress/i18n");
-var import_components = require("@wordpress/components");
-var import_api_fetch = __toESM(require("@wordpress/api-fetch"));
-var import_icons = require("@wordpress/icons");
-var import_data = require("@wordpress/data");
-var import_blob = require("@wordpress/blob");
-var import_core_data = require("@wordpress/core-data");
-var import_notices = require("@wordpress/notices");
-var import_jsx_runtime = require("react/jsx-runtime");
-function SiteExport() {
-  const canExport = (0, import_data.useSelect)((select) => {
-    const targetHints = select(import_core_data.store).getCurrentTheme()?._links?.["wp:export-theme"]?.[0]?.targetHints ?? {};
-    return !!targetHints.allow?.includes("GET");
-  }, []);
-  const { createErrorNotice } = (0, import_data.useDispatch)(import_notices.store);
-  if (!canExport) {
-    return null;
-  }
-  async function handleExport() {
-    try {
-      const response = await (0, import_api_fetch.default)({
-        path: "/wp-block-editor/v1/export",
-        parse: false,
-        headers: {
-          Accept: "application/zip"
-        }
-      });
-      const blob = await response.blob();
-      const contentDisposition = response.headers.get(
-        "content-disposition"
-      );
-      const contentDispositionMatches = contentDisposition.match(/=(.+)\.zip/);
-      const fileName = contentDispositionMatches[1] ? contentDispositionMatches[1] : "edit-site-export";
-      (0, import_blob.downloadBlob)(fileName + ".zip", blob, "application/zip");
-    } catch (errorResponse) {
-      let error = {};
-      try {
-        error = await errorResponse.json();
-      } catch {
-      }
-      const errorMessage = error.message && error.code !== "unknown_error" ? error.message : (0, import_i18n.__)("An error occurred while creating the site export.");
-      createErrorNotice(errorMessage, { type: "snackbar" });
-    }
-  }
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    import_components.MenuItem,
-    {
-      role: "menuitem",
-      icon: import_icons.download,
-      onClick: handleExport,
-      info: (0, import_i18n.__)(
-        "Download your theme with updated templates and styles."
-      ),
-      children: (0, import_i18n._x)("Export", "site exporter menu item")
-    }
-  );
-}
-//# sourceMappingURL=site-export.cjs.map

package/build/components/more-menu/site-export.cjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/components/more-menu/site-export.js"],
-  "sourcesContent": ["import { __, _x } from '@wordpress/i18n';\nimport { MenuItem } from '@wordpress/components';\nimport apiFetch from '@wordpress/api-fetch';\nimport { download } from '@wordpress/icons';\nimport { useDispatch, useSelect } from '@wordpress/data';\nimport { downloadBlob } from '@wordpress/blob';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { store as noticesStore } from '@wordpress/notices';\n\nexport default function SiteExport() {\n\tconst canExport = useSelect( ( select ) => {\n\t\tconst targetHints =\n\t\t\tselect( coreStore ).getCurrentTheme()?._links?.[\n\t\t\t\t'wp:export-theme'\n\t\t\t]?.[ 0 ]?.targetHints ?? {};\n\n\t\treturn !! targetHints.allow?.includes( 'GET' );\n\t}, [] );\n\tconst { createErrorNotice } = useDispatch( noticesStore );\n\n\tif ( ! canExport ) {\n\t\treturn null;\n\t}\n\n\tasync function handleExport() {\n\t\ttry {\n\t\t\tconst response = await apiFetch( {\n\t\t\t\tpath: '/wp-block-editor/v1/export',\n\t\t\t\tparse: false,\n\t\t\t\theaders: {\n\t\t\t\t\tAccept: 'application/zip',\n\t\t\t\t},\n\t\t\t} );\n\t\t\tconst blob = await response.blob();\n\t\t\tconst contentDisposition = response.headers.get(\n\t\t\t\t'content-disposition'\n\t\t\t);\n\t\t\tconst contentDispositionMatches =\n\t\t\t\tcontentDisposition.match( /=(.+)\\.zip/ );\n\t\t\tconst fileName = contentDispositionMatches[ 1 ]\n\t\t\t\t? contentDispositionMatches[ 1 ]\n\t\t\t\t: 'edit-site-export';\n\n\t\t\tdownloadBlob( fileName + '.zip', blob, 'application/zip' );\n\t\t} catch ( errorResponse ) {\n\t\t\tlet error = {};\n\t\t\ttry {\n\t\t\t\terror = await errorResponse.json();\n\t\t\t} catch {}\n\t\t\tconst errorMessage =\n\t\t\t\terror.message && error.code !== 'unknown_error'\n\t\t\t\t\t? error.message\n\t\t\t\t\t: __( 'An error occurred while creating the site export.' );\n\n\t\t\tcreateErrorNotice( errorMessage, { type: 'snackbar' } );\n\t\t}\n\t}\n\n\treturn (\n\t\t<MenuItem\n\t\t\trole=\"menuitem\"\n\t\t\ticon={ download }\n\t\t\tonClick={ handleExport }\n\t\t\tinfo={ __(\n\t\t\t\t'Download your theme with updated templates and styles.'\n\t\t\t) }\n\t\t>\n\t\t\t{ _x( 'Export', 'site exporter menu item' ) }\n\t\t</MenuItem>\n\t);\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAAuB;AACvB,wBAAyB;AACzB,uBAAqB;AACrB,mBAAyB;AACzB,kBAAuC;AACvC,kBAA6B;AAC7B,uBAAmC;AACnC,qBAAsC;AAoDpC;AAlDa,SAAR,aAA8B;AACpC,QAAM,gBAAY,uBAAW,CAAE,WAAY;AAC1C,UAAM,cACL,OAAQ,iBAAAA,KAAU,EAAE,gBAAgB,GAAG,SACtC,iBACD,IAAK,CAAE,GAAG,eAAe,CAAC;AAE3B,WAAO,CAAC,CAAE,YAAY,OAAO,SAAU,KAAM;AAAA,EAC9C,GAAG,CAAC,CAAE;AACN,QAAM,EAAE,kBAAkB,QAAI,yBAAa,eAAAC,KAAa;AAExD,MAAK,CAAE,WAAY;AAClB,WAAO;AAAA,EACR;AAEA,iBAAe,eAAe;AAC7B,QAAI;AACH,YAAM,WAAW,UAAM,iBAAAC,SAAU;AAAA,QAChC,MAAM;AAAA,QACN,OAAO;AAAA,QACP,SAAS;AAAA,UACR,QAAQ;AAAA,QACT;AAAA,MACD,CAAE;AACF,YAAM,OAAO,MAAM,SAAS,KAAK;AACjC,YAAM,qBAAqB,SAAS,QAAQ;AAAA,QAC3C;AAAA,MACD;AACA,YAAM,4BACL,mBAAmB,MAAO,YAAa;AACxC,YAAM,WAAW,0BAA2B,CAAE,IAC3C,0BAA2B,CAAE,IAC7B;AAEH,oCAAc,WAAW,QAAQ,MAAM,iBAAkB;AAAA,IAC1D,SAAU,eAAgB;AACzB,UAAI,QAAQ,CAAC;AACb,UAAI;AACH,gBAAQ,MAAM,cAAc,KAAK;AAAA,MAClC,QAAQ;AAAA,MAAC;AACT,YAAM,eACL,MAAM,WAAW,MAAM,SAAS,kBAC7B,MAAM,cACN,gBAAI,mDAAoD;AAE5D,wBAAmB,cAAc,EAAE,MAAM,WAAW,CAAE;AAAA,IACvD;AAAA,EACD;AAEA,SACC;AAAA,IAAC;AAAA;AAAA,MACA,MAAK;AAAA,MACL,MAAO;AAAA,MACP,SAAU;AAAA,MACV,UAAO;AAAA,QACN;AAAA,MACD;AAAA,MAEE,8BAAI,UAAU,yBAA0B;AAAA;AAAA,EAC3C;AAEF;",
-  "names": ["coreStore", "noticesStore", "apiFetch"]
-}

package/build-module/components/block-editor/use-viewport-sync.mjs

@@ -1,29 +0,0 @@
-// packages/edit-site/src/components/block-editor/use-viewport-sync.js
-import { useEffect } from "@wordpress/element";
-import { useDispatch } from "@wordpress/data";
-import { privateApis as routerPrivateApis } from "@wordpress/router";
-import { store as editorStore } from "@wordpress/editor";
-import { unlock } from "../../lock-unlock.mjs";
-var { useLocation } = unlock(routerPrivateApis);
-var DEFAULT_DEVICE_TYPE = "Desktop";
-var VALID_DEVICE_TYPES = ["desktop", "tablet", "mobile"];
-var capitalize = (str) => str.charAt(0).toUpperCase() + str.slice(1);
-function useViewportSync() {
-  const { query } = useLocation();
-  const { setDeviceType } = useDispatch(editorStore);
-  useEffect(() => {
-    const viewport = query?.viewport?.toLowerCase();
-    const isValid = VALID_DEVICE_TYPES.includes(viewport);
-    setDeviceType(isValid ? capitalize(viewport) : DEFAULT_DEVICE_TYPE);
-  }, [query?.viewport, setDeviceType]);
-}
-function ViewportSync() {
-  useViewportSync();
-  return null;
-}
-export {
-  DEFAULT_DEVICE_TYPE,
-  ViewportSync,
-  useViewportSync as default
-};
-//# sourceMappingURL=use-viewport-sync.mjs.map

package/build-module/components/block-editor/use-viewport-sync.mjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/components/block-editor/use-viewport-sync.js"],
-  "sourcesContent": ["import { useEffect } from '@wordpress/element';\nimport { useDispatch } from '@wordpress/data';\nimport { privateApis as routerPrivateApis } from '@wordpress/router';\nimport { store as editorStore } from '@wordpress/editor';\nimport { unlock } from '../../lock-unlock';\n\nconst { useLocation } = unlock( routerPrivateApis );\n\nexport const DEFAULT_DEVICE_TYPE = 'Desktop';\n\n// Lowercase values for URL params. Duplicated from block-editor block-visibility constants\n// and editor preview-dropdown choices. See those files when adding new viewport types.\nconst VALID_DEVICE_TYPES = [ 'desktop', 'tablet', 'mobile' ];\n\n// URL viewport params are lowercase; the editor store uses PascalCase.\nconst capitalize = ( str ) => str.charAt( 0 ).toUpperCase() + str.slice( 1 );\n\n/**\n * Syncs the editor's device type with the `viewport` URL query param.\n *\n * Intentionally responds to ongoing URL changes (not just initial load) so that\n * viewport is restored correctly when navigating back (e.g. from overlay template\n * part editor to the previous entity).\n */\nexport default function useViewportSync() {\n\tconst { query } = useLocation();\n\tconst { setDeviceType } = useDispatch( editorStore );\n\n\tuseEffect( () => {\n\t\tconst viewport = query?.viewport?.toLowerCase();\n\t\tconst isValid = VALID_DEVICE_TYPES.includes( viewport );\n\n\t\tsetDeviceType( isValid ? capitalize( viewport ) : DEFAULT_DEVICE_TYPE );\n\t}, [ query?.viewport, setDeviceType ] );\n}\n\n/**\n * Component wrapper that runs the viewport sync hook.\n * Renders nothing; used to run the hook inside the Editor tree (inside EditorProvider).\n */\nexport function ViewportSync() {\n\tuseViewportSync();\n\treturn null;\n}\n"],
-  "mappings": ";AAAA,SAAS,iBAAiB;AAC1B,SAAS,mBAAmB;AAC5B,SAAS,eAAe,yBAAyB;AACjD,SAAS,SAAS,mBAAmB;AACrC,SAAS,cAAc;AAEvB,IAAM,EAAE,YAAY,IAAI,OAAQ,iBAAkB;AAE3C,IAAM,sBAAsB;AAInC,IAAM,qBAAqB,CAAE,WAAW,UAAU,QAAS;AAG3D,IAAM,aAAa,CAAE,QAAS,IAAI,OAAQ,CAAE,EAAE,YAAY,IAAI,IAAI,MAAO,CAAE;AAS5D,SAAR,kBAAmC;AACzC,QAAM,EAAE,MAAM,IAAI,YAAY;AAC9B,QAAM,EAAE,cAAc,IAAI,YAAa,WAAY;AAEnD,YAAW,MAAM;AAChB,UAAM,WAAW,OAAO,UAAU,YAAY;AAC9C,UAAM,UAAU,mBAAmB,SAAU,QAAS;AAEtD,kBAAe,UAAU,WAAY,QAAS,IAAI,mBAAoB;AAAA,EACvE,GAAG,CAAE,OAAO,UAAU,aAAc,CAAE;AACvC;AAMO,SAAS,eAAe;AAC9B,kBAAgB;AAChB,SAAO;AACR;",
-  "names": []
-}

package/build-module/components/more-menu/site-export.mjs

@@ -1,62 +0,0 @@
-// packages/edit-site/src/components/more-menu/site-export.js
-import { __, _x } from "@wordpress/i18n";
-import { MenuItem } from "@wordpress/components";
-import apiFetch from "@wordpress/api-fetch";
-import { download } from "@wordpress/icons";
-import { useDispatch, useSelect } from "@wordpress/data";
-import { downloadBlob } from "@wordpress/blob";
-import { store as coreStore } from "@wordpress/core-data";
-import { store as noticesStore } from "@wordpress/notices";
-import { jsx } from "react/jsx-runtime";
-function SiteExport() {
-  const canExport = useSelect((select) => {
-    const targetHints = select(coreStore).getCurrentTheme()?._links?.["wp:export-theme"]?.[0]?.targetHints ?? {};
-    return !!targetHints.allow?.includes("GET");
-  }, []);
-  const { createErrorNotice } = useDispatch(noticesStore);
-  if (!canExport) {
-    return null;
-  }
-  async function handleExport() {
-    try {
-      const response = await apiFetch({
-        path: "/wp-block-editor/v1/export",
-        parse: false,
-        headers: {
-          Accept: "application/zip"
-        }
-      });
-      const blob = await response.blob();
-      const contentDisposition = response.headers.get(
-        "content-disposition"
-      );
-      const contentDispositionMatches = contentDisposition.match(/=(.+)\.zip/);
-      const fileName = contentDispositionMatches[1] ? contentDispositionMatches[1] : "edit-site-export";
-      downloadBlob(fileName + ".zip", blob, "application/zip");
-    } catch (errorResponse) {
-      let error = {};
-      try {
-        error = await errorResponse.json();
-      } catch {
-      }
-      const errorMessage = error.message && error.code !== "unknown_error" ? error.message : __("An error occurred while creating the site export.");
-      createErrorNotice(errorMessage, { type: "snackbar" });
-    }
-  }
-  return /* @__PURE__ */ jsx(
-    MenuItem,
-    {
-      role: "menuitem",
-      icon: download,
-      onClick: handleExport,
-      info: __(
-        "Download your theme with updated templates and styles."
-      ),
-      children: _x("Export", "site exporter menu item")
-    }
-  );
-}
-export {
-  SiteExport as default
-};
-//# sourceMappingURL=site-export.mjs.map

package/build-module/components/more-menu/site-export.mjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/components/more-menu/site-export.js"],
-  "sourcesContent": ["import { __, _x } from '@wordpress/i18n';\nimport { MenuItem } from '@wordpress/components';\nimport apiFetch from '@wordpress/api-fetch';\nimport { download } from '@wordpress/icons';\nimport { useDispatch, useSelect } from '@wordpress/data';\nimport { downloadBlob } from '@wordpress/blob';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { store as noticesStore } from '@wordpress/notices';\n\nexport default function SiteExport() {\n\tconst canExport = useSelect( ( select ) => {\n\t\tconst targetHints =\n\t\t\tselect( coreStore ).getCurrentTheme()?._links?.[\n\t\t\t\t'wp:export-theme'\n\t\t\t]?.[ 0 ]?.targetHints ?? {};\n\n\t\treturn !! targetHints.allow?.includes( 'GET' );\n\t}, [] );\n\tconst { createErrorNotice } = useDispatch( noticesStore );\n\n\tif ( ! canExport ) {\n\t\treturn null;\n\t}\n\n\tasync function handleExport() {\n\t\ttry {\n\t\t\tconst response = await apiFetch( {\n\t\t\t\tpath: '/wp-block-editor/v1/export',\n\t\t\t\tparse: false,\n\t\t\t\theaders: {\n\t\t\t\t\tAccept: 'application/zip',\n\t\t\t\t},\n\t\t\t} );\n\t\t\tconst blob = await response.blob();\n\t\t\tconst contentDisposition = response.headers.get(\n\t\t\t\t'content-disposition'\n\t\t\t);\n\t\t\tconst contentDispositionMatches =\n\t\t\t\tcontentDisposition.match( /=(.+)\\.zip/ );\n\t\t\tconst fileName = contentDispositionMatches[ 1 ]\n\t\t\t\t? contentDispositionMatches[ 1 ]\n\t\t\t\t: 'edit-site-export';\n\n\t\t\tdownloadBlob( fileName + '.zip', blob, 'application/zip' );\n\t\t} catch ( errorResponse ) {\n\t\t\tlet error = {};\n\t\t\ttry {\n\t\t\t\terror = await errorResponse.json();\n\t\t\t} catch {}\n\t\t\tconst errorMessage =\n\t\t\t\terror.message && error.code !== 'unknown_error'\n\t\t\t\t\t? error.message\n\t\t\t\t\t: __( 'An error occurred while creating the site export.' );\n\n\t\t\tcreateErrorNotice( errorMessage, { type: 'snackbar' } );\n\t\t}\n\t}\n\n\treturn (\n\t\t<MenuItem\n\t\t\trole=\"menuitem\"\n\t\t\ticon={ download }\n\t\t\tonClick={ handleExport }\n\t\t\tinfo={ __(\n\t\t\t\t'Download your theme with updated templates and styles.'\n\t\t\t) }\n\t\t>\n\t\t\t{ _x( 'Export', 'site exporter menu item' ) }\n\t\t</MenuItem>\n\t);\n}\n"],
-  "mappings": ";AAAA,SAAS,IAAI,UAAU;AACvB,SAAS,gBAAgB;AACzB,OAAO,cAAc;AACrB,SAAS,gBAAgB;AACzB,SAAS,aAAa,iBAAiB;AACvC,SAAS,oBAAoB;AAC7B,SAAS,SAAS,iBAAiB;AACnC,SAAS,SAAS,oBAAoB;AAoDpC;AAlDa,SAAR,aAA8B;AACpC,QAAM,YAAY,UAAW,CAAE,WAAY;AAC1C,UAAM,cACL,OAAQ,SAAU,EAAE,gBAAgB,GAAG,SACtC,iBACD,IAAK,CAAE,GAAG,eAAe,CAAC;AAE3B,WAAO,CAAC,CAAE,YAAY,OAAO,SAAU,KAAM;AAAA,EAC9C,GAAG,CAAC,CAAE;AACN,QAAM,EAAE,kBAAkB,IAAI,YAAa,YAAa;AAExD,MAAK,CAAE,WAAY;AAClB,WAAO;AAAA,EACR;AAEA,iBAAe,eAAe;AAC7B,QAAI;AACH,YAAM,WAAW,MAAM,SAAU;AAAA,QAChC,MAAM;AAAA,QACN,OAAO;AAAA,QACP,SAAS;AAAA,UACR,QAAQ;AAAA,QACT;AAAA,MACD,CAAE;AACF,YAAM,OAAO,MAAM,SAAS,KAAK;AACjC,YAAM,qBAAqB,SAAS,QAAQ;AAAA,QAC3C;AAAA,MACD;AACA,YAAM,4BACL,mBAAmB,MAAO,YAAa;AACxC,YAAM,WAAW,0BAA2B,CAAE,IAC3C,0BAA2B,CAAE,IAC7B;AAEH,mBAAc,WAAW,QAAQ,MAAM,iBAAkB;AAAA,IAC1D,SAAU,eAAgB;AACzB,UAAI,QAAQ,CAAC;AACb,UAAI;AACH,gBAAQ,MAAM,cAAc,KAAK;AAAA,MAClC,QAAQ;AAAA,MAAC;AACT,YAAM,eACL,MAAM,WAAW,MAAM,SAAS,kBAC7B,MAAM,UACN,GAAI,mDAAoD;AAE5D,wBAAmB,cAAc,EAAE,MAAM,WAAW,CAAE;AAAA,IACvD;AAAA,EACD;AAEA,SACC;AAAA,IAAC;AAAA;AAAA,MACA,MAAK;AAAA,MACL,MAAO;AAAA,MACP,SAAU;AAAA,MACV,MAAO;AAAA,QACN;AAAA,MACD;AAAA,MAEE,aAAI,UAAU,yBAA0B;AAAA;AAAA,EAC3C;AAEF;",
-  "names": []
-}

package/src/components/block-editor/use-viewport-sync.js

@@ -1,44 +0,0 @@
-import { useEffect } from '@wordpress/element';
-import { useDispatch } from '@wordpress/data';
-import { privateApis as routerPrivateApis } from '@wordpress/router';
-import { store as editorStore } from '@wordpress/editor';
-import { unlock } from '../../lock-unlock';
-
-const { useLocation } = unlock( routerPrivateApis );
-
-export const DEFAULT_DEVICE_TYPE = 'Desktop';
-
-// Lowercase values for URL params. Duplicated from block-editor block-visibility constants
-// and editor preview-dropdown choices. See those files when adding new viewport types.
-const VALID_DEVICE_TYPES = [ 'desktop', 'tablet', 'mobile' ];
-
-// URL viewport params are lowercase; the editor store uses PascalCase.
-const capitalize = ( str ) => str.charAt( 0 ).toUpperCase() + str.slice( 1 );
-
-/**
- * Syncs the editor's device type with the `viewport` URL query param.
- *
- * Intentionally responds to ongoing URL changes (not just initial load) so that
- * viewport is restored correctly when navigating back (e.g. from overlay template
- * part editor to the previous entity).
- */
-export default function useViewportSync() {
-	const { query } = useLocation();
-	const { setDeviceType } = useDispatch( editorStore );
-
-	useEffect( () => {
-		const viewport = query?.viewport?.toLowerCase();
-		const isValid = VALID_DEVICE_TYPES.includes( viewport );
-
-		setDeviceType( isValid ? capitalize( viewport ) : DEFAULT_DEVICE_TYPE );
-	}, [ query?.viewport, setDeviceType ] );
-}
-
-/**
- * Component wrapper that runs the viewport sync hook.
- * Renders nothing; used to run the hook inside the Editor tree (inside EditorProvider).
- */
-export function ViewportSync() {
-	useViewportSync();
-	return null;
-}