@wordpress/edit-site 5.12.10 → 5.12.11

package/build-module/hooks/commands/use-common-commands.js

@@ -11,17 +11,20 @@ import { privateApis as routerPrivateApis } from '@wordpress/router';
 import { store as preferencesStore } from '@wordpress/preferences';
 import { store as coreStore } from '@wordpress/core-data';
 import { store as noticesStore } from '@wordpress/notices';
+import { useViewportMatch } from '@wordpress/compose';
 /**
  * Internal dependencies
  */
 
 import { unlock } from '../../lock-unlock';
 import { store as editSiteStore } from '../../store';
+import getIsListPage from '../../utils/get-is-list-page';
 const {
   useGlobalStylesReset
 } = unlock(blockEditorPrivateApis);
 const {
-  useHistory
+  useHistory,
+  useLocation
 } = unlock(routerPrivateApis);
 
 function useGlobalStylesResetCommands() {
@@ -52,8 +55,15 @@ function useGlobalStylesResetCommands() {
 function useGlobalStylesOpenCssCommands() {
   const {
     openGeneralSidebar,
-    setEditorCanvasContainerView
+    setEditorCanvasContainerView,
+    setCanvasMode
   } = unlock(useDispatch(editSiteStore));
+  const {
+    params
+  } = useLocation();
+  const isMobileViewport = useViewportMatch('medium', '<');
+  const isListPage = getIsListPage(params, isMobileViewport);
+  const isEditorPage = !isListPage;
   const history = useHistory();
   const {
     canEditCSS
@@ -72,6 +82,9 @@ function useGlobalStylesOpenCssCommands() {
       canEditCSS: (_globalStyles$_links$ = !!globalStyles?._links?.['wp:action-edit-css']) !== null && _globalStyles$_links$ !== void 0 ? _globalStyles$_links$ : false
     };
   }, []);
+  const {
+    getCanvasMode
+  } = unlock(useSelect(editSiteStore));
   const commands = useMemo(() => {
     if (!canEditCSS) {
       return [];
@@ -85,15 +98,23 @@ function useGlobalStylesOpenCssCommands() {
         close
       }) => {
         close();
-        history.push({
-          path: '/wp_global_styles',
-          canvas: 'edit'
-        });
+
+        if (!isEditorPage) {
+          history.push({
+            path: '/wp_global_styles',
+            canvas: 'edit'
+          });
+        }
+
+        if (isEditorPage && getCanvasMode() !== 'edit') {
+          setCanvasMode('edit');
+        }
+
         openGeneralSidebar('edit-site/global-styles');
         setEditorCanvasContainerView('global-styles-css');
       }
     }];
-  }, [history, openGeneralSidebar, setEditorCanvasContainerView, canEditCSS]);
+  }, [history, openGeneralSidebar, setEditorCanvasContainerView, canEditCSS, isEditorPage, getCanvasMode, setCanvasMode]);
   return {
     isLoading: false,
     commands
@@ -103,8 +124,18 @@ function useGlobalStylesOpenCssCommands() {
 export function useCommonCommands() {
   const {
     openGeneralSidebar,
-    setEditorCanvasContainerView
+    setEditorCanvasContainerView,
+    setCanvasMode
   } = unlock(useDispatch(editSiteStore));
+  const {
+    params
+  } = useLocation();
+  const isMobileViewport = useViewportMatch('medium', '<');
+  const isListPage = getIsListPage(params, isMobileViewport);
+  const isEditorPage = !isListPage;
+  const {
+    getCanvasMode
+  } = unlock(useSelect(editSiteStore));
   const {
     set
   } = useDispatch(preferencesStore);
@@ -133,10 +164,18 @@ export function useCommonCommands() {
       close
     }) => {
       close();
-      history.push({
-        path: '/wp_global_styles',
-        canvas: 'edit'
-      });
+
+      if (!isEditorPage) {
+        history.push({
+          path: '/wp_global_styles',
+          canvas: 'edit'
+        });
+      }
+
+      if (isEditorPage && getCanvasMode() !== 'edit') {
+        setCanvasMode('edit');
+      }
+
       openGeneralSidebar('edit-site/global-styles');
       setEditorCanvasContainerView('global-styles-revisions');
     }
@@ -148,10 +187,17 @@ export function useCommonCommands() {
       close
     }) => {
       close();
-      history.push({
-        path: '/wp_global_styles',
-        canvas: 'edit'
-      });
+
+      if (!isEditorPage) {
+        history.push({
+          path: '/wp_global_styles',
+          canvas: 'edit'
+        });
+      }
+
+      if (isEditorPage && getCanvasMode() !== 'edit') {
+        setCanvasMode('edit');
+      }
 
       if (isDistractionFree) {
         set(editSiteStore.name, 'distractionFree', false);
@@ -171,10 +217,18 @@ export function useCommonCommands() {
       close
     }) => {
       close();
-      history.push({
-        path: '/wp_global_styles',
-        canvas: 'edit'
-      });
+
+      if (!isEditorPage) {
+        history.push({
+          path: '/wp_global_styles',
+          canvas: 'edit'
+        });
+      }
+
+      if (isEditorPage && getCanvasMode() !== 'edit') {
+        setCanvasMode('edit');
+      }
+
       openGeneralSidebar('edit-site/global-styles');
       set('core/edit-site', 'welcomeGuideStyles', true); // sometimes there's a focus loss that happens after some time
       // that closes the modal, we need to force reopening it.

package/build-module/hooks/commands/use-common-commands.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/edit-site/src/hooks/commands/use-common-commands.js"],"names":["useMemo","useDispatch","useSelect","__","trash","backup","help","styles","external","useCommandLoader","useCommand","privateApis","blockEditorPrivateApis","routerPrivateApis","store","preferencesStore","coreStore","noticesStore","unlock","editSiteStore","useGlobalStylesReset","useHistory","useGlobalStylesResetCommands","canReset","onReset","commands","name","label","icon","callback","close","isLoading","useGlobalStylesOpenCssCommands","openGeneralSidebar","setEditorCanvasContainerView","history","canEditCSS","select","getEntityRecord","__experimentalGetCurrentGlobalStylesId","globalStylesId","globalStyles","undefined","_links","push","path","canvas","useCommonCommands","set","createInfoNotice","homeUrl","isDistractionFree","getUnstableBase","home","get","type","setTimeout","window","open","hook"],"mappings":"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","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useMemo } from '@wordpress/element';\nimport { useDispatch, useSelect } from '@wordpress/data';\nimport { __ } from '@wordpress/i18n';\nimport { trash, backup, help, styles, external } from '@wordpress/icons';\nimport { useCommandLoader, useCommand } from '@wordpress/commands';\nimport { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';\nimport { privateApis as routerPrivateApis } from '@wordpress/router';\nimport { store as preferencesStore } from '@wordpress/preferences';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { store as noticesStore } from '@wordpress/notices';\n\n/**\n * Internal dependencies\n */\nimport { unlock } from '../../lock-unlock';\nimport { store as editSiteStore } from '../../store';\n\nconst { useGlobalStylesReset } = unlock( blockEditorPrivateApis );\nconst { useHistory } = unlock( routerPrivateApis );\n\nfunction useGlobalStylesResetCommands() {\n\tconst [ canReset, onReset ] = useGlobalStylesReset();\n\tconst commands = useMemo( () => {\n\t\tif ( ! canReset ) {\n\t\t\treturn [];\n\t\t}\n\n\t\treturn [\n\t\t\t{\n\t\t\t\tname: 'core/edit-site/reset-global-styles',\n\t\t\t\tlabel: __( 'Reset styles to defaults' ),\n\t\t\t\ticon: trash,\n\t\t\t\tcallback: ( { close } ) => {\n\t\t\t\t\tclose();\n\t\t\t\t\tonReset();\n\t\t\t\t},\n\t\t\t},\n\t\t];\n\t}, [ canReset, onReset ] );\n\n\treturn {\n\t\tisLoading: false,\n\t\tcommands,\n\t};\n}\n\nfunction useGlobalStylesOpenCssCommands() {\n\tconst { openGeneralSidebar, setEditorCanvasContainerView } = unlock(\n\t\tuseDispatch( editSiteStore )\n\t);\n\tconst history = useHistory();\n\tconst { canEditCSS } = useSelect( ( select ) => {\n\t\tconst { getEntityRecord, __experimentalGetCurrentGlobalStylesId } =\n\t\t\tselect( coreStore );\n\n\t\tconst globalStylesId = __experimentalGetCurrentGlobalStylesId();\n\t\tconst globalStyles = globalStylesId\n\t\t\t? getEntityRecord( 'root', 'globalStyles', globalStylesId )\n\t\t\t: undefined;\n\n\t\treturn {\n\t\t\tcanEditCSS:\n\t\t\t\t!! globalStyles?._links?.[ 'wp:action-edit-css' ] ?? false,\n\t\t};\n\t}, [] );\n\n\tconst commands = useMemo( () => {\n\t\tif ( ! canEditCSS ) {\n\t\t\treturn [];\n\t\t}\n\n\t\treturn [\n\t\t\t{\n\t\t\t\tname: 'core/edit-site/open-styles-css',\n\t\t\t\tlabel: __( 'Open CSS' ),\n\t\t\t\ticon: styles,\n\t\t\t\tcallback: ( { close } ) => {\n\t\t\t\t\tclose();\n\t\t\t\t\thistory.push( {\n\t\t\t\t\t\tpath: '/wp_global_styles',\n\t\t\t\t\t\tcanvas: 'edit',\n\t\t\t\t\t} );\n\t\t\t\t\topenGeneralSidebar( 'edit-site/global-styles' );\n\t\t\t\t\tsetEditorCanvasContainerView( 'global-styles-css' );\n\t\t\t\t},\n\t\t\t},\n\t\t];\n\t}, [\n\t\thistory,\n\t\topenGeneralSidebar,\n\t\tsetEditorCanvasContainerView,\n\t\tcanEditCSS,\n\t] );\n\treturn {\n\t\tisLoading: false,\n\t\tcommands,\n\t};\n}\n\nexport function useCommonCommands() {\n\tconst { openGeneralSidebar, setEditorCanvasContainerView } = unlock(\n\t\tuseDispatch( editSiteStore )\n\t);\n\tconst { set } = useDispatch( preferencesStore );\n\tconst { createInfoNotice } = useDispatch( noticesStore );\n\tconst history = useHistory();\n\tconst { homeUrl, isDistractionFree } = useSelect( ( select ) => {\n\t\tconst {\n\t\t\tgetUnstableBase, // Site index.\n\t\t} = select( coreStore );\n\n\t\treturn {\n\t\t\thomeUrl: getUnstableBase()?.home,\n\t\t\tisDistractionFree: select( preferencesStore ).get(\n\t\t\t\teditSiteStore.name,\n\t\t\t\t'distractionFree'\n\t\t\t),\n\t\t};\n\t}, [] );\n\n\tuseCommand( {\n\t\tname: 'core/edit-site/open-global-styles-revisions',\n\t\tlabel: __( 'Open styles revisions' ),\n\t\ticon: backup,\n\t\tcallback: ( { close } ) => {\n\t\t\tclose();\n\t\t\thistory.push( {\n\t\t\t\tpath: '/wp_global_styles',\n\t\t\t\tcanvas: 'edit',\n\t\t\t} );\n\t\t\topenGeneralSidebar( 'edit-site/global-styles' );\n\t\t\tsetEditorCanvasContainerView( 'global-styles-revisions' );\n\t\t},\n\t} );\n\n\tuseCommand( {\n\t\tname: 'core/edit-site/open-styles',\n\t\tlabel: __( 'Open styles' ),\n\t\tcallback: ( { close } ) => {\n\t\t\tclose();\n\t\t\thistory.push( {\n\t\t\t\tpath: '/wp_global_styles',\n\t\t\t\tcanvas: 'edit',\n\t\t\t} );\n\t\t\tif ( isDistractionFree ) {\n\t\t\t\tset( editSiteStore.name, 'distractionFree', false );\n\t\t\t\tcreateInfoNotice( __( 'Distraction free mode turned off.' ), {\n\t\t\t\t\ttype: 'snackbar',\n\t\t\t\t} );\n\t\t\t}\n\t\t\topenGeneralSidebar( 'edit-site/global-styles' );\n\t\t},\n\t\ticon: styles,\n\t} );\n\n\tuseCommand( {\n\t\tname: 'core/edit-site/toggle-styles-welcome-guide',\n\t\tlabel: __( 'Learn about styles' ),\n\t\tcallback: ( { close } ) => {\n\t\t\tclose();\n\t\t\thistory.push( {\n\t\t\t\tpath: '/wp_global_styles',\n\t\t\t\tcanvas: 'edit',\n\t\t\t} );\n\t\t\topenGeneralSidebar( 'edit-site/global-styles' );\n\t\t\tset( 'core/edit-site', 'welcomeGuideStyles', true );\n\t\t\t// sometimes there's a focus loss that happens after some time\n\t\t\t// that closes the modal, we need to force reopening it.\n\t\t\tsetTimeout( () => {\n\t\t\t\tset( 'core/edit-site', 'welcomeGuideStyles', true );\n\t\t\t}, 500 );\n\t\t},\n\t\ticon: help,\n\t} );\n\n\tuseCommand( {\n\t\tname: 'core/edit-site/view-site',\n\t\tlabel: __( 'View site' ),\n\t\tcallback: ( { close } ) => {\n\t\t\tclose();\n\t\t\twindow.open( homeUrl, '_blank' );\n\t\t},\n\t\ticon: external,\n\t} );\n\n\tuseCommandLoader( {\n\t\tname: 'core/edit-site/reset-global-styles',\n\t\thook: useGlobalStylesResetCommands,\n\t} );\n\n\tuseCommandLoader( {\n\t\tname: 'core/edit-site/open-styles-css',\n\t\thook: useGlobalStylesOpenCssCommands,\n\t} );\n}\n"]}
+{"version":3,"sources":["@wordpress/edit-site/src/hooks/commands/use-common-commands.js"],"names":["useMemo","useDispatch","useSelect","__","trash","backup","help","styles","external","useCommandLoader","useCommand","privateApis","blockEditorPrivateApis","routerPrivateApis","store","preferencesStore","coreStore","noticesStore","useViewportMatch","unlock","editSiteStore","getIsListPage","useGlobalStylesReset","useHistory","useLocation","useGlobalStylesResetCommands","canReset","onReset","commands","name","label","icon","callback","close","isLoading","useGlobalStylesOpenCssCommands","openGeneralSidebar","setEditorCanvasContainerView","setCanvasMode","params","isMobileViewport","isListPage","isEditorPage","history","canEditCSS","select","getEntityRecord","__experimentalGetCurrentGlobalStylesId","globalStylesId","globalStyles","undefined","_links","getCanvasMode","push","path","canvas","useCommonCommands","set","createInfoNotice","homeUrl","isDistractionFree","getUnstableBase","home","get","type","setTimeout","window","open","hook"],"mappings":"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","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useMemo } from '@wordpress/element';\nimport { useDispatch, useSelect } from '@wordpress/data';\nimport { __ } from '@wordpress/i18n';\nimport { trash, backup, help, styles, external } from '@wordpress/icons';\nimport { useCommandLoader, useCommand } from '@wordpress/commands';\nimport { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';\nimport { privateApis as routerPrivateApis } from '@wordpress/router';\nimport { store as preferencesStore } from '@wordpress/preferences';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { store as noticesStore } from '@wordpress/notices';\nimport { useViewportMatch } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport { unlock } from '../../lock-unlock';\nimport { store as editSiteStore } from '../../store';\nimport getIsListPage from '../../utils/get-is-list-page';\n\nconst { useGlobalStylesReset } = unlock( blockEditorPrivateApis );\nconst { useHistory, useLocation } = unlock( routerPrivateApis );\n\nfunction useGlobalStylesResetCommands() {\n\tconst [ canReset, onReset ] = useGlobalStylesReset();\n\tconst commands = useMemo( () => {\n\t\tif ( ! canReset ) {\n\t\t\treturn [];\n\t\t}\n\n\t\treturn [\n\t\t\t{\n\t\t\t\tname: 'core/edit-site/reset-global-styles',\n\t\t\t\tlabel: __( 'Reset styles to defaults' ),\n\t\t\t\ticon: trash,\n\t\t\t\tcallback: ( { close } ) => {\n\t\t\t\t\tclose();\n\t\t\t\t\tonReset();\n\t\t\t\t},\n\t\t\t},\n\t\t];\n\t}, [ canReset, onReset ] );\n\n\treturn {\n\t\tisLoading: false,\n\t\tcommands,\n\t};\n}\n\nfunction useGlobalStylesOpenCssCommands() {\n\tconst { openGeneralSidebar, setEditorCanvasContainerView, setCanvasMode } =\n\t\tunlock( useDispatch( editSiteStore ) );\n\tconst { params } = useLocation();\n\tconst isMobileViewport = useViewportMatch( 'medium', '<' );\n\tconst isListPage = getIsListPage( params, isMobileViewport );\n\tconst isEditorPage = ! isListPage;\n\tconst history = useHistory();\n\tconst { canEditCSS } = useSelect( ( select ) => {\n\t\tconst { getEntityRecord, __experimentalGetCurrentGlobalStylesId } =\n\t\t\tselect( coreStore );\n\n\t\tconst globalStylesId = __experimentalGetCurrentGlobalStylesId();\n\t\tconst globalStyles = globalStylesId\n\t\t\t? getEntityRecord( 'root', 'globalStyles', globalStylesId )\n\t\t\t: undefined;\n\n\t\treturn {\n\t\t\tcanEditCSS:\n\t\t\t\t!! globalStyles?._links?.[ 'wp:action-edit-css' ] ?? false,\n\t\t};\n\t}, [] );\n\tconst { getCanvasMode } = unlock( useSelect( editSiteStore ) );\n\n\tconst commands = useMemo( () => {\n\t\tif ( ! canEditCSS ) {\n\t\t\treturn [];\n\t\t}\n\n\t\treturn [\n\t\t\t{\n\t\t\t\tname: 'core/edit-site/open-styles-css',\n\t\t\t\tlabel: __( 'Open CSS' ),\n\t\t\t\ticon: styles,\n\t\t\t\tcallback: ( { close } ) => {\n\t\t\t\t\tclose();\n\t\t\t\t\tif ( ! isEditorPage ) {\n\t\t\t\t\t\thistory.push( {\n\t\t\t\t\t\t\tpath: '/wp_global_styles',\n\t\t\t\t\t\t\tcanvas: 'edit',\n\t\t\t\t\t\t} );\n\t\t\t\t\t}\n\t\t\t\t\tif ( isEditorPage && getCanvasMode() !== 'edit' ) {\n\t\t\t\t\t\tsetCanvasMode( 'edit' );\n\t\t\t\t\t}\n\t\t\t\t\topenGeneralSidebar( 'edit-site/global-styles' );\n\t\t\t\t\tsetEditorCanvasContainerView( 'global-styles-css' );\n\t\t\t\t},\n\t\t\t},\n\t\t];\n\t}, [\n\t\thistory,\n\t\topenGeneralSidebar,\n\t\tsetEditorCanvasContainerView,\n\t\tcanEditCSS,\n\t\tisEditorPage,\n\t\tgetCanvasMode,\n\t\tsetCanvasMode,\n\t] );\n\treturn {\n\t\tisLoading: false,\n\t\tcommands,\n\t};\n}\n\nexport function useCommonCommands() {\n\tconst { openGeneralSidebar, setEditorCanvasContainerView, setCanvasMode } =\n\t\tunlock( useDispatch( editSiteStore ) );\n\tconst { params } = useLocation();\n\tconst isMobileViewport = useViewportMatch( 'medium', '<' );\n\tconst isListPage = getIsListPage( params, isMobileViewport );\n\tconst isEditorPage = ! isListPage;\n\tconst { getCanvasMode } = unlock( useSelect( editSiteStore ) );\n\tconst { set } = useDispatch( preferencesStore );\n\tconst { createInfoNotice } = useDispatch( noticesStore );\n\tconst history = useHistory();\n\tconst { homeUrl, isDistractionFree } = useSelect( ( select ) => {\n\t\tconst {\n\t\t\tgetUnstableBase, // Site index.\n\t\t} = select( coreStore );\n\n\t\treturn {\n\t\t\thomeUrl: getUnstableBase()?.home,\n\t\t\tisDistractionFree: select( preferencesStore ).get(\n\t\t\t\teditSiteStore.name,\n\t\t\t\t'distractionFree'\n\t\t\t),\n\t\t};\n\t}, [] );\n\n\tuseCommand( {\n\t\tname: 'core/edit-site/open-global-styles-revisions',\n\t\tlabel: __( 'Open styles revisions' ),\n\t\ticon: backup,\n\t\tcallback: ( { close } ) => {\n\t\t\tclose();\n\t\t\tif ( ! isEditorPage ) {\n\t\t\t\thistory.push( {\n\t\t\t\t\tpath: '/wp_global_styles',\n\t\t\t\t\tcanvas: 'edit',\n\t\t\t\t} );\n\t\t\t}\n\t\t\tif ( isEditorPage && getCanvasMode() !== 'edit' ) {\n\t\t\t\tsetCanvasMode( 'edit' );\n\t\t\t}\n\t\t\topenGeneralSidebar( 'edit-site/global-styles' );\n\t\t\tsetEditorCanvasContainerView( 'global-styles-revisions' );\n\t\t},\n\t} );\n\n\tuseCommand( {\n\t\tname: 'core/edit-site/open-styles',\n\t\tlabel: __( 'Open styles' ),\n\t\tcallback: ( { close } ) => {\n\t\t\tclose();\n\t\t\tif ( ! isEditorPage ) {\n\t\t\t\thistory.push( {\n\t\t\t\t\tpath: '/wp_global_styles',\n\t\t\t\t\tcanvas: 'edit',\n\t\t\t\t} );\n\t\t\t}\n\t\t\tif ( isEditorPage && getCanvasMode() !== 'edit' ) {\n\t\t\t\tsetCanvasMode( 'edit' );\n\t\t\t}\n\t\t\tif ( isDistractionFree ) {\n\t\t\t\tset( editSiteStore.name, 'distractionFree', false );\n\t\t\t\tcreateInfoNotice( __( 'Distraction free mode turned off.' ), {\n\t\t\t\t\ttype: 'snackbar',\n\t\t\t\t} );\n\t\t\t}\n\t\t\topenGeneralSidebar( 'edit-site/global-styles' );\n\t\t},\n\t\ticon: styles,\n\t} );\n\n\tuseCommand( {\n\t\tname: 'core/edit-site/toggle-styles-welcome-guide',\n\t\tlabel: __( 'Learn about styles' ),\n\t\tcallback: ( { close } ) => {\n\t\t\tclose();\n\t\t\tif ( ! isEditorPage ) {\n\t\t\t\thistory.push( {\n\t\t\t\t\tpath: '/wp_global_styles',\n\t\t\t\t\tcanvas: 'edit',\n\t\t\t\t} );\n\t\t\t}\n\t\t\tif ( isEditorPage && getCanvasMode() !== 'edit' ) {\n\t\t\t\tsetCanvasMode( 'edit' );\n\t\t\t}\n\t\t\topenGeneralSidebar( 'edit-site/global-styles' );\n\t\t\tset( 'core/edit-site', 'welcomeGuideStyles', true );\n\t\t\t// sometimes there's a focus loss that happens after some time\n\t\t\t// that closes the modal, we need to force reopening it.\n\t\t\tsetTimeout( () => {\n\t\t\t\tset( 'core/edit-site', 'welcomeGuideStyles', true );\n\t\t\t}, 500 );\n\t\t},\n\t\ticon: help,\n\t} );\n\n\tuseCommand( {\n\t\tname: 'core/edit-site/view-site',\n\t\tlabel: __( 'View site' ),\n\t\tcallback: ( { close } ) => {\n\t\t\tclose();\n\t\t\twindow.open( homeUrl, '_blank' );\n\t\t},\n\t\ticon: external,\n\t} );\n\n\tuseCommandLoader( {\n\t\tname: 'core/edit-site/reset-global-styles',\n\t\thook: useGlobalStylesResetCommands,\n\t} );\n\n\tuseCommandLoader( {\n\t\tname: 'core/edit-site/open-styles-css',\n\t\thook: useGlobalStylesOpenCssCommands,\n\t} );\n}\n"]}

package/build-style/style-rtl.css

@@ -2732,7 +2732,7 @@ body.is-fullscreen-mode .edit-site .components-editor-notices__snackbar {
   justify-content: center;
   align-items: center;
 }
-.edit-site-layout__canvas:has(.edit-site-layout__resizable-frame-oversized) {
+.edit-site-layout__canvas.is-right-aligned {
   justify-content: flex-end;
 }
 .edit-site-layout__canvas > div {
@@ -3364,8 +3364,13 @@ body.is-fullscreen-mode .edit-site .components-editor-notices__snackbar {
 .edit-site-site-hub .edit-site-site-hub_toggle-command-center {
   transition: opacity ease 0.1s;
 }
+.edit-site-site-hub .edit-site-site-hub__site-title.is-transparent,
+.edit-site-site-hub .edit-site-site-hub_toggle-command-center.is-transparent {
+  opacity: 0 !important;
+}
 .edit-site-site-hub .edit-site-site-hub__site-view-link {
   flex-grow: 0;
+  margin-left: var(--wp-admin-border-width-focus);
 }
 @media (min-width: 480px) {
   .edit-site-site-hub .edit-site-site-hub__site-view-link {
@@ -3374,8 +3379,6 @@ body.is-fullscreen-mode .edit-site .components-editor-notices__snackbar {
   }
 }
 .edit-site-site-hub .edit-site-site-hub__site-view-link:focus {
-  outline: none;
-  box-shadow: none;
   opacity: 1;
 }
 .edit-site-site-hub .edit-site-site-hub__site-view-link svg {
@@ -3395,6 +3398,9 @@ body.is-fullscreen-mode .edit-site .components-editor-notices__snackbar {
   flex-shrink: 0;
   background: #1e1e1e;
 }
+.edit-site-site-hub__view-mode-toggle-container.has-transparent-background {
+  background: transparent;
+}
 
 .edit-site-site-hub__text-content {
   overflow: hidden;
@@ -3563,14 +3569,6 @@ body.is-fullscreen-mode .edit-site .components-editor-notices__snackbar {
 .edit-site-resizable-frame__inner {
   position: relative;
 }
-body:has(.edit-site-resizable-frame__inner.edit-site-layout__resizable-frame-oversized) .edit-site-site-hub .edit-site-site-hub__site-title,
-body:has(.edit-site-resizable-frame__inner.edit-site-layout__resizable-frame-oversized) .edit-site-site-hub .edit-site-site-hub_toggle-command-center {
-  opacity: 0 !important;
-}
-body:has(.edit-site-resizable-frame__inner.edit-site-layout__resizable-frame-oversized) .edit-site-site-hub .edit-site-site-hub__view-mode-toggle-container {
-  background-color: transparent;
-}
-
 body:has(.edit-site-resizable-frame__inner.is-resizing) {
   cursor: col-resize;
   user-select: none;

package/build-style/style.css

@@ -2733,7 +2733,7 @@ body.is-fullscreen-mode .edit-site .components-editor-notices__snackbar {
   justify-content: center;
   align-items: center;
 }
-.edit-site-layout__canvas:has(.edit-site-layout__resizable-frame-oversized) {
+.edit-site-layout__canvas.is-right-aligned {
   justify-content: flex-end;
 }
 .edit-site-layout__canvas > div {
@@ -3365,8 +3365,13 @@ body.is-fullscreen-mode .edit-site .components-editor-notices__snackbar {
 .edit-site-site-hub .edit-site-site-hub_toggle-command-center {
   transition: opacity ease 0.1s;
 }
+.edit-site-site-hub .edit-site-site-hub__site-title.is-transparent,
+.edit-site-site-hub .edit-site-site-hub_toggle-command-center.is-transparent {
+  opacity: 0 !important;
+}
 .edit-site-site-hub .edit-site-site-hub__site-view-link {
   flex-grow: 0;
+  margin-right: var(--wp-admin-border-width-focus);
 }
 @media (min-width: 480px) {
   .edit-site-site-hub .edit-site-site-hub__site-view-link {
@@ -3375,8 +3380,6 @@ body.is-fullscreen-mode .edit-site .components-editor-notices__snackbar {
   }
 }
 .edit-site-site-hub .edit-site-site-hub__site-view-link:focus {
-  outline: none;
-  box-shadow: none;
   opacity: 1;
 }
 .edit-site-site-hub .edit-site-site-hub__site-view-link svg {
@@ -3396,6 +3399,9 @@ body.is-fullscreen-mode .edit-site .components-editor-notices__snackbar {
   flex-shrink: 0;
   background: #1e1e1e;
 }
+.edit-site-site-hub__view-mode-toggle-container.has-transparent-background {
+  background: transparent;
+}
 
 .edit-site-site-hub__text-content {
   overflow: hidden;
@@ -3564,14 +3570,6 @@ body.is-fullscreen-mode .edit-site .components-editor-notices__snackbar {
 .edit-site-resizable-frame__inner {
   position: relative;
 }
-body:has(.edit-site-resizable-frame__inner.edit-site-layout__resizable-frame-oversized) .edit-site-site-hub .edit-site-site-hub__site-title,
-body:has(.edit-site-resizable-frame__inner.edit-site-layout__resizable-frame-oversized) .edit-site-site-hub .edit-site-site-hub_toggle-command-center {
-  opacity: 0 !important;
-}
-body:has(.edit-site-resizable-frame__inner.edit-site-layout__resizable-frame-oversized) .edit-site-site-hub .edit-site-site-hub__view-mode-toggle-container {
-  background-color: transparent;
-}
-
 body:has(.edit-site-resizable-frame__inner.is-resizing) {
   cursor: col-resize;
   user-select: none;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@wordpress/edit-site",
-	"version": "5.12.10",
+	"version": "5.12.11",
 	"description": "Edit Site Page module for WordPress.",
 	"author": "The WordPress Contributors",
 	"license": "GPL-2.0-or-later",
@@ -29,19 +29,19 @@
 		"@babel/runtime": "^7.16.0",
 		"@wordpress/a11y": "^3.35.1",
 		"@wordpress/api-fetch": "^6.32.1",
-		"@wordpress/block-editor": "^12.3.8",
-		"@wordpress/block-library": "^8.12.10",
-		"@wordpress/blocks": "^12.12.4",
+		"@wordpress/block-editor": "^12.3.9",
+		"@wordpress/block-library": "^8.12.11",
+		"@wordpress/blocks": "^12.12.5",
 		"@wordpress/commands": "^0.6.8",
 		"@wordpress/components": "^25.1.8",
 		"@wordpress/compose": "^6.12.1",
-		"@wordpress/core-commands": "^0.4.8",
-		"@wordpress/core-data": "^6.12.8",
+		"@wordpress/core-commands": "^0.4.9",
+		"@wordpress/core-data": "^6.12.9",
 		"@wordpress/data": "^9.5.4",
 		"@wordpress/date": "^4.35.1",
 		"@wordpress/deprecated": "^3.35.1",
 		"@wordpress/dom": "^3.35.1",
-		"@wordpress/editor": "^13.12.8",
+		"@wordpress/editor": "^13.12.9",
 		"@wordpress/element": "^5.12.1",
 		"@wordpress/escape-html": "^2.35.1",
 		"@wordpress/hooks": "^3.35.1",
@@ -57,12 +57,12 @@
 		"@wordpress/preferences": "^3.12.8",
 		"@wordpress/primitives": "^3.33.1",
 		"@wordpress/private-apis": "^0.17.2",
-		"@wordpress/reusable-blocks": "^4.12.8",
+		"@wordpress/reusable-blocks": "^4.12.9",
 		"@wordpress/router": "^0.4.2",
 		"@wordpress/style-engine": "^1.18.1",
 		"@wordpress/url": "^3.36.1",
 		"@wordpress/viewport": "^5.12.4",
-		"@wordpress/widgets": "^3.12.8",
+		"@wordpress/widgets": "^3.12.9",
 		"@wordpress/wordcount": "^3.35.1",
 		"change-case": "^4.1.2",
 		"classnames": "^2.3.1",
@@ -84,5 +84,5 @@
 	"publishConfig": {
 		"access": "public"
 	},
-	"gitHead": "cedb8caa943db47c16bdb4fa8880d506ce938fab"
+	"gitHead": "ec0ed708e46a598ab2cf8e18bf2591b0102b5bb3"
 }

package/src/components/global-styles/screen-revisions/revisions-buttons.js

@@ -21,11 +21,9 @@ function getRevisionLabel( revision ) {
 
 	if ( 'unsaved' === revision?.id ) {
 		return sprintf(
-			/* translators: %(name)s author display name */
-			__( 'Unsaved changes by %(name)s' ),
-			{
-				name: authorDisplayName,
-			}
+			/* translators: %s author display name */
+			__( 'Unsaved changes by %s' ),
+			authorDisplayName
 		);
 	}
 	const formattedDate = dateI18n(
@@ -35,20 +33,16 @@ function getRevisionLabel( revision ) {
 
 	return revision?.isLatest
 		? sprintf(
-				/* translators: %(name)s author display name, %(date)s: revision creation date */
-				__( 'Changes saved by %(name)s on %(date)s (current)' ),
-				{
-					name: authorDisplayName,
-					date: formattedDate,
-				}
+				/* translators: %1$s author display name, %2$s: revision creation date */
+				__( 'Changes saved by %1$s on %2$s (current)' ),
+				authorDisplayName,
+				formattedDate
 		  )
 		: sprintf(
-				/* translators: %(name)s author display name, %(date)s: revision creation date */
-				__( 'Changes saved by %(name)s on %(date)s' ),
-				{
-					name: authorDisplayName,
-					date: formattedDate,
-				}
+				/* translators: %1$s author display name, %2$s: revision creation date */
+				__( 'Changes saved by %1$s on %2$s' ),
+				authorDisplayName,
+				formattedDate
 		  );
 }
 
@@ -104,22 +98,14 @@ function RevisionsButtons( { userRevisions, selectedRevisionId, onChange } ) {
 								<span className="edit-site-global-styles-screen-revisions__meta">
 									{ isUnsaved
 										? sprintf(
-												/* translators: %(name)s author display name */
-												__(
-													'Unsaved changes by %(name)s'
-												),
-												{
-													name: authorDisplayName,
-												}
+												/* translators: %s author display name */
+												__( 'Unsaved changes by %s' ),
+												authorDisplayName
 										  )
 										: sprintf(
-												/* translators: %(name)s author display name */
-												__(
-													'Changes saved by %(name)s'
-												),
-												{
-													name: authorDisplayName,
-												}
+												/* translators: %s author display name */
+												__( 'Changes saved by %s' ),
+												authorDisplayName
 										  ) }
 
 									<img

package/src/components/layout/index.js

@@ -121,6 +121,8 @@ export default function Layout() {
 	const [ fullResizer ] = useResizeObserver();
 	const [ isResizing ] = useState( false );
 	const isEditorLoading = useIsSiteEditorLoading();
+	const [ isResizableFrameOversized, setIsResizableFrameOversized ] =
+		useState( false );
 
 	// This determines which animation variant should apply to the header.
 	// There is also a `isDistractionFreeHovering` state that gets priority
@@ -218,6 +220,7 @@ export default function Layout() {
 							edit: { x: 0 },
 						} }
 						ref={ hubRef }
+						isTransparent={ isResizableFrameOversized }
 						className="edit-site-layout__hub"
 					/>
 
@@ -315,7 +318,13 @@ export default function Layout() {
 											}
 											initial={ false }
 											layout="position"
-											className="edit-site-layout__canvas"
+											className={ classnames(
+												'edit-site-layout__canvas',
+												{
+													'is-right-aligned':
+														isResizableFrameOversized,
+												}
+											) }
 											transition={ {
 												type: 'tween',
 												duration:
@@ -331,7 +340,12 @@ export default function Layout() {
 														! isEditorLoading
 													}
 													isFullWidth={ isEditing }
-													oversizedClassName="edit-site-layout__resizable-frame-oversized"
+													isOversized={
+														isResizableFrameOversized
+													}
+													setIsOversized={
+														setIsResizableFrameOversized
+													}
 													innerContentStyle={ {
 														background:
 															gradientValue ??

package/src/components/layout/style.scss

@@ -121,7 +121,7 @@
 	justify-content: center;
 	align-items: center;
 
-	&:has(.edit-site-layout__resizable-frame-oversized) {
+	&.is-right-aligned {
 		justify-content: flex-end;
 	}
 

package/src/components/page-patterns/patterns-list.js

@@ -27,7 +27,7 @@ import usePatterns from './use-patterns';
 import SidebarButton from '../sidebar-button';
 import useDebouncedInput from '../../utils/use-debounced-input';
 import { unlock } from '../../lock-unlock';
-import { SYNC_TYPES, USER_PATTERN_CATEGORY } from './utils';
+import { SYNC_TYPES, USER_PATTERN_CATEGORY, PATTERNS } from './utils';
 
 const { useLocation, useHistory } = unlock( routerPrivateApis );
 
@@ -58,9 +58,12 @@ export default function PatternsList( { categoryId, type } ) {
 	const [ syncFilter, setSyncFilter ] = useState( 'all' );
 	const deferredSyncedFilter = useDeferredValue( syncFilter );
 
+	const isUncategorizedThemePatterns =
+		type === PATTERNS && categoryId === 'uncategorized';
+
 	const { patterns, isResolving } = usePatterns(
 		type,
-		categoryId !== 'uncategorized' ? categoryId : '',
+		isUncategorizedThemePatterns ? '' : categoryId,
 		{
 			search: deferredFilterValue,
 			syncStatus:

package/src/components/page-patterns/use-patterns.js

@@ -86,6 +86,7 @@ const selectThemePatterns = ( select, { categoryId, search = '' } = {} ) => {
 			( pattern ) => ! CORE_PATTERN_SOURCES.includes( pattern.source )
 		)
 		.filter( filterOutDuplicatesByName )
+		.filter( ( pattern ) => pattern.inserter !== false )
 		.map( ( pattern ) => ( {
 			...pattern,
 			keywords: pattern.keywords || [],

package/src/components/resizable-frame/index.js

@@ -78,9 +78,10 @@ function calculateNewHeight( width, initialAspectRatio ) {
 
 function ResizableFrame( {
 	isFullWidth,
+	isOversized,
+	setIsOversized,
 	isReady,
 	children,
-	oversizedClassName,
 	innerContentStyle,
 } ) {
 	const [ frameSize, setFrameSize ] = useState( INITIAL_FRAME_SIZE );
@@ -88,7 +89,6 @@ function ResizableFrame( {
 	const [ startingWidth, setStartingWidth ] = useState();
 	const [ isResizing, setIsResizing ] = useState( false );
 	const [ shouldShowHandle, setShouldShowHandle ] = useState( false );
-	const [ isOversized, setIsOversized ] = useState( false );
 	const [ resizeRatio, setResizeRatio ] = useState( 1 );
 	const canvasMode = useSelect(
 		( select ) => unlock( select( editSiteStore ) ).getCanvasMode(),
@@ -314,7 +314,6 @@ function ResizableFrame( {
 			onResizeStop={ handleResizeStop }
 			className={ classnames( 'edit-site-resizable-frame__inner', {
 				'is-resizing': isResizing,
-				[ oversizedClassName ]: isOversized,
 			} ) }
 		>
 			<motion.div

package/src/components/resizable-frame/style.scss

@@ -1,23 +1,6 @@
 .edit-site-resizable-frame__inner {
 	position: relative;
 
-	&.edit-site-layout__resizable-frame-oversized {
-		@at-root {
-			body:has(&) {
-				.edit-site-site-hub {
-					.edit-site-site-hub__site-title,
-					.edit-site-site-hub_toggle-command-center {
-						opacity: 0 !important;
-					}
-
-					.edit-site-site-hub__view-mode-toggle-container {
-						background-color: transparent;
-					}
-				}
-			}
-		}
-	}
-
 	&.is-resizing {
 		@at-root {
 			body:has(&) {

package/src/components/sidebar-edit-mode/page-panels/page-status.js

@@ -212,11 +212,8 @@ export default function PageStatus( {
 													} )
 												}
 												value={ password }
-												/* eslint-disable jsx-a11y/no-autofocus */
-												autoFocus={ ! password }
-												/* eslint-enable jsx-a11y/no-autofocus */
 												placeholder={ __(
-													'Enter a secure password'
+													'Use a secure password'
 												) }
 												type="text"
 											/>

package/src/components/sidebar-navigation-screen-patterns/use-theme-patterns.js

@@ -36,7 +36,8 @@ export default function useThemePatterns() {
 					( pattern ) =>
 						! CORE_PATTERN_SOURCES.includes( pattern.source )
 				)
-				.filter( filterOutDuplicatesByName ),
+				.filter( filterOutDuplicatesByName )
+				.filter( ( pattern ) => pattern.inserter !== false ),
 		[ blockPatterns, restBlockPatterns ]
 	);