@wordpress/edit-site 5.13.0 → 5.15.0

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

@@ -4,23 +4,27 @@
 import { useMemo } from '@wordpress/element';
 import { useDispatch, useSelect } from '@wordpress/data';
 import { __ } from '@wordpress/i18n';
-import { trash, backup, help, styles } from '@wordpress/icons';
+import { trash, backup, help, styles, external } from '@wordpress/icons';
 import { useCommandLoader, useCommand } from '@wordpress/commands';
 import { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';
 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() {
@@ -51,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
@@ -71,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 [];
@@ -84,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
@@ -102,12 +124,38 @@ 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);
+  const {
+    createInfoNotice
+  } = useDispatch(noticesStore);
   const history = useHistory();
+  const {
+    homeUrl,
+    isDistractionFree
+  } = useSelect(select => {
+    const {
+      getUnstableBase // Site index.
+
+    } = select(coreStore);
+    return {
+      homeUrl: getUnstableBase()?.home,
+      isDistractionFree: select(preferencesStore).get(editSiteStore.name, 'distractionFree')
+    };
+  }, []);
   useCommand({
     name: 'core/edit-site/open-global-styles-revisions',
     label: __('Open styles revisions'),
@@ -116,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');
     }
@@ -131,10 +187,25 @@ 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);
+        createInfoNotice(__('Distraction free mode turned off.'), {
+          type: 'snackbar'
+        });
+      }
+
       openGeneralSidebar('edit-site/global-styles');
     },
     icon: styles
@@ -146,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.
@@ -160,6 +239,17 @@ export function useCommonCommands() {
     },
     icon: help
   });
+  useCommand({
+    name: 'core/edit-site/view-site',
+    label: __('View site'),
+    callback: ({
+      close
+    }) => {
+      close();
+      window.open(homeUrl, '_blank');
+    },
+    icon: external
+  });
   useCommandLoader({
     name: 'core/edit-site/reset-global-styles',
     hook: useGlobalStylesResetCommands

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","useCommandLoader","useCommand","privateApis","blockEditorPrivateApis","routerPrivateApis","store","preferencesStore","coreStore","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","setTimeout","hook"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,OAAT,QAAwB,oBAAxB;AACA,SAASC,WAAT,EAAsBC,SAAtB,QAAuC,iBAAvC;AACA,SAASC,EAAT,QAAmB,iBAAnB;AACA,SAASC,KAAT,EAAgBC,MAAhB,EAAwBC,IAAxB,EAA8BC,MAA9B,QAA4C,kBAA5C;AACA,SAASC,gBAAT,EAA2BC,UAA3B,QAA6C,qBAA7C;AACA,SAASC,WAAW,IAAIC,sBAAxB,QAAsD,yBAAtD;AACA,SAASD,WAAW,IAAIE,iBAAxB,QAAiD,mBAAjD;AACA,SAASC,KAAK,IAAIC,gBAAlB,QAA0C,wBAA1C;AACA,SAASD,KAAK,IAAIE,SAAlB,QAAmC,sBAAnC;AAEA;AACA;AACA;;AACA,SAASC,MAAT,QAAuB,mBAAvB;AACA,SAASH,KAAK,IAAII,aAAlB,QAAuC,aAAvC;AAEA,MAAM;AAAEC,EAAAA;AAAF,IAA2BF,MAAM,CAAEL,sBAAF,CAAvC;AACA,MAAM;AAAEQ,EAAAA;AAAF,IAAiBH,MAAM,CAAEJ,iBAAF,CAA7B;;AAEA,SAASQ,4BAAT,GAAwC;AACvC,QAAM,CAAEC,QAAF,EAAYC,OAAZ,IAAwBJ,oBAAoB,EAAlD;AACA,QAAMK,QAAQ,GAAGvB,OAAO,CAAE,MAAM;AAC/B,QAAK,CAAEqB,QAAP,EAAkB;AACjB,aAAO,EAAP;AACA;;AAED,WAAO,CACN;AACCG,MAAAA,IAAI,EAAE,oCADP;AAECC,MAAAA,KAAK,EAAEtB,EAAE,CAAE,0BAAF,CAFV;AAGCuB,MAAAA,IAAI,EAAEtB,KAHP;AAICuB,MAAAA,QAAQ,EAAE,CAAE;AAAEC,QAAAA;AAAF,OAAF,KAAiB;AAC1BA,QAAAA,KAAK;AACLN,QAAAA,OAAO;AACP;AAPF,KADM,CAAP;AAWA,GAhBuB,EAgBrB,CAAED,QAAF,EAAYC,OAAZ,CAhBqB,CAAxB;AAkBA,SAAO;AACNO,IAAAA,SAAS,EAAE,KADL;AAENN,IAAAA;AAFM,GAAP;AAIA;;AAED,SAASO,8BAAT,GAA0C;AACzC,QAAM;AAAEC,IAAAA,kBAAF;AAAsBC,IAAAA;AAAtB,MAAuDhB,MAAM,CAClEf,WAAW,CAAEgB,aAAF,CADuD,CAAnE;AAGA,QAAMgB,OAAO,GAAGd,UAAU,EAA1B;AACA,QAAM;AAAEe,IAAAA;AAAF,MAAiBhC,SAAS,CAAIiC,MAAF,IAAc;AAAA;;AAC/C,UAAM;AAAEC,MAAAA,eAAF;AAAmBC,MAAAA;AAAnB,QACLF,MAAM,CAAEpB,SAAF,CADP;;AAGA,UAAMuB,cAAc,GAAGD,sCAAsC,EAA7D;;AACA,UAAME,YAAY,GAAGD,cAAc,GAChCF,eAAe,CAAE,MAAF,EAAU,cAAV,EAA0BE,cAA1B,CADiB,GAEhCE,SAFH;AAIA,WAAO;AACNN,MAAAA,UAAU,2BACT,CAAC,CAAEK,YAAY,EAAEE,MAAd,GAAwB,oBAAxB,CADM,yEAC4C;AAFhD,KAAP;AAIA,GAb+B,EAa7B,EAb6B,CAAhC;AAeA,QAAMlB,QAAQ,GAAGvB,OAAO,CAAE,MAAM;AAC/B,QAAK,CAAEkC,UAAP,EAAoB;AACnB,aAAO,EAAP;AACA;;AAED,WAAO,CACN;AACCV,MAAAA,IAAI,EAAE,gCADP;AAECC,MAAAA,KAAK,EAAEtB,EAAE,CAAE,UAAF,CAFV;AAGCuB,MAAAA,IAAI,EAAEnB,MAHP;AAICoB,MAAAA,QAAQ,EAAE,CAAE;AAAEC,QAAAA;AAAF,OAAF,KAAiB;AAC1BA,QAAAA,KAAK;AACLK,QAAAA,OAAO,CAACS,IAAR,CAAc;AACbC,UAAAA,IAAI,EAAE,mBADO;AAEbC,UAAAA,MAAM,EAAE;AAFK,SAAd;AAIAb,QAAAA,kBAAkB,CAAE,yBAAF,CAAlB;AACAC,QAAAA,4BAA4B,CAAE,mBAAF,CAA5B;AACA;AAZF,KADM,CAAP;AAgBA,GArBuB,EAqBrB,CACFC,OADE,EAEFF,kBAFE,EAGFC,4BAHE,EAIFE,UAJE,CArBqB,CAAxB;AA2BA,SAAO;AACNL,IAAAA,SAAS,EAAE,KADL;AAENN,IAAAA;AAFM,GAAP;AAIA;;AAED,OAAO,SAASsB,iBAAT,GAA6B;AACnC,QAAM;AAAEd,IAAAA,kBAAF;AAAsBC,IAAAA;AAAtB,MAAuDhB,MAAM,CAClEf,WAAW,CAAEgB,aAAF,CADuD,CAAnE;AAGA,QAAM;AAAE6B,IAAAA;AAAF,MAAU7C,WAAW,CAAEa,gBAAF,CAA3B;AACA,QAAMmB,OAAO,GAAGd,UAAU,EAA1B;AAEAV,EAAAA,UAAU,CAAE;AACXe,IAAAA,IAAI,EAAE,6CADK;AAEXC,IAAAA,KAAK,EAAEtB,EAAE,CAAE,uBAAF,CAFE;AAGXuB,IAAAA,IAAI,EAAErB,MAHK;AAIXsB,IAAAA,QAAQ,EAAE,CAAE;AAAEC,MAAAA;AAAF,KAAF,KAAiB;AAC1BA,MAAAA,KAAK;AACLK,MAAAA,OAAO,CAACS,IAAR,CAAc;AACbC,QAAAA,IAAI,EAAE,mBADO;AAEbC,QAAAA,MAAM,EAAE;AAFK,OAAd;AAIAb,MAAAA,kBAAkB,CAAE,yBAAF,CAAlB;AACAC,MAAAA,4BAA4B,CAAE,yBAAF,CAA5B;AACA;AAZU,GAAF,CAAV;AAeAvB,EAAAA,UAAU,CAAE;AACXe,IAAAA,IAAI,EAAE,4BADK;AAEXC,IAAAA,KAAK,EAAEtB,EAAE,CAAE,aAAF,CAFE;AAGXwB,IAAAA,QAAQ,EAAE,CAAE;AAAEC,MAAAA;AAAF,KAAF,KAAiB;AAC1BA,MAAAA,KAAK;AACLK,MAAAA,OAAO,CAACS,IAAR,CAAc;AACbC,QAAAA,IAAI,EAAE,mBADO;AAEbC,QAAAA,MAAM,EAAE;AAFK,OAAd;AAIAb,MAAAA,kBAAkB,CAAE,yBAAF,CAAlB;AACA,KAVU;AAWXL,IAAAA,IAAI,EAAEnB;AAXK,GAAF,CAAV;AAcAE,EAAAA,UAAU,CAAE;AACXe,IAAAA,IAAI,EAAE,4CADK;AAEXC,IAAAA,KAAK,EAAEtB,EAAE,CAAE,oBAAF,CAFE;AAGXwB,IAAAA,QAAQ,EAAE,CAAE;AAAEC,MAAAA;AAAF,KAAF,KAAiB;AAC1BA,MAAAA,KAAK;AACLK,MAAAA,OAAO,CAACS,IAAR,CAAc;AACbC,QAAAA,IAAI,EAAE,mBADO;AAEbC,QAAAA,MAAM,EAAE;AAFK,OAAd;AAIAb,MAAAA,kBAAkB,CAAE,yBAAF,CAAlB;AACAe,MAAAA,GAAG,CAAE,gBAAF,EAAoB,oBAApB,EAA0C,IAA1C,CAAH,CAP0B,CAQ1B;AACA;;AACAC,MAAAA,UAAU,CAAE,MAAM;AACjBD,QAAAA,GAAG,CAAE,gBAAF,EAAoB,oBAApB,EAA0C,IAA1C,CAAH;AACA,OAFS,EAEP,GAFO,CAAV;AAGA,KAhBU;AAiBXpB,IAAAA,IAAI,EAAEpB;AAjBK,GAAF,CAAV;AAoBAE,EAAAA,gBAAgB,CAAE;AACjBgB,IAAAA,IAAI,EAAE,oCADW;AAEjBwB,IAAAA,IAAI,EAAE5B;AAFW,GAAF,CAAhB;AAKAZ,EAAAA,gBAAgB,CAAE;AACjBgB,IAAAA,IAAI,EAAE,gCADW;AAEjBwB,IAAAA,IAAI,EAAElB;AAFW,GAAF,CAAhB;AAIA","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 } 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';\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 history = useHistory();\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\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\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-module/hooks/commands/use-edit-mode-commands.js

@@ -2,10 +2,12 @@
  * WordPress dependencies
  */
 import { useSelect, useDispatch } from '@wordpress/data';
-import { __ } from '@wordpress/i18n';
-import { trash, backup, layout, page } from '@wordpress/icons';
+import { __, isRTL } from '@wordpress/i18n';
+import { trash, backup, layout, page, drawerLeft, drawerRight, blockDefault, cog, code, keyboardClose } from '@wordpress/icons';
 import { useCommandLoader } from '@wordpress/commands';
 import { privateApis as routerPrivateApis } from '@wordpress/router';
+import { store as preferencesStore } from '@wordpress/preferences';
+import { store as interfaceStore } from '@wordpress/interface';
 /**
  * Internal dependencies
  */
@@ -14,29 +16,79 @@ import { store as editSiteStore } from '../../store';
 import useEditedEntityRecord from '../../components/use-edited-entity-record';
 import isTemplateRemovable from '../../utils/is-template-removable';
 import isTemplateRevertable from '../../utils/is-template-revertable';
+import { KEYBOARD_SHORTCUT_HELP_MODAL_NAME } from '../../components/keyboard-shortcut-help-modal';
+import { PREFERENCES_MODAL_NAME } from '../../components/preferences-modal';
 import { unlock } from '../../lock-unlock';
 const {
   useHistory
 } = unlock(routerPrivateApis);
 
-function useEditModeCommandLoader() {
+function usePageContentFocusCommands() {
+  const {
+    isPage,
+    canvasMode,
+    hasPageContentFocus
+  } = useSelect(select => ({
+    isPage: select(editSiteStore).isPage(),
+    canvasMode: unlock(select(editSiteStore)).getCanvasMode(),
+    hasPageContentFocus: select(editSiteStore).hasPageContentFocus()
+  }), []);
+  const {
+    setHasPageContentFocus
+  } = useDispatch(editSiteStore);
+
+  if (!isPage || canvasMode !== 'edit') {
+    return {
+      isLoading: false,
+      commands: []
+    };
+  }
+
+  const commands = [];
+
+  if (hasPageContentFocus) {
+    commands.push({
+      name: 'core/switch-to-template-focus',
+      label: __('Edit template'),
+      icon: layout,
+      callback: ({
+        close
+      }) => {
+        setHasPageContentFocus(false);
+        close();
+      }
+    });
+  } else {
+    commands.push({
+      name: 'core/switch-to-page-focus',
+      label: __('Back to page'),
+      icon: page,
+      callback: ({
+        close
+      }) => {
+        setHasPageContentFocus(true);
+        close();
+      }
+    });
+  }
+
+  return {
+    isLoading: false,
+    commands
+  };
+}
+
+function useManipulateDocumentCommands() {
   const {
     isLoaded,
     record: template
   } = useEditedEntityRecord();
   const {
     removeTemplate,
-    revertTemplate,
-    setHasPageContentFocus
+    revertTemplate
   } = useDispatch(editSiteStore);
   const history = useHistory();
-  const {
-    isPage,
-    hasPageContentFocus
-  } = useSelect(select => ({
-    isPage: select(editSiteStore).isPage(),
-    hasPageContentFocus: select(editSiteStore).hasPageContentFocus()
-  }), []);
+  const hasPageContentFocus = useSelect(select => select(editSiteStore).hasPageContentFocus(), []);
 
   if (!isLoaded) {
     return {
@@ -47,36 +99,6 @@ function useEditModeCommandLoader() {
 
   const commands = [];
 
-  if (isPage) {
-    if (hasPageContentFocus) {
-      commands.push({
-        name: 'core/switch-to-template-focus',
-        label: __('Edit template'),
-        icon: layout,
-        context: 'site-editor-edit',
-        callback: ({
-          close
-        }) => {
-          setHasPageContentFocus(false);
-          close();
-        }
-      });
-    } else {
-      commands.push({
-        name: 'core/switch-to-page-focus',
-        label: __('Back to page'),
-        icon: page,
-        context: 'site-editor-edit',
-        callback: ({
-          close
-        }) => {
-          setHasPageContentFocus(true);
-          close();
-        }
-      });
-    }
-  }
-
   if (isTemplateRevertable(template) && !hasPageContentFocus) {
     const label = template.type === 'wp_template' ? __('Reset template') : __('Reset template part');
     commands.push({
@@ -94,18 +116,18 @@ function useEditModeCommandLoader() {
 
   if (isTemplateRemovable(template) && !hasPageContentFocus) {
     const label = template.type === 'wp_template' ? __('Delete template') : __('Delete template part');
+    const path = template.type === 'wp_template' ? '/wp_template' : '/wp_template_part/all';
     commands.push({
       name: 'core/remove-template',
       label,
       icon: trash,
-      context: 'site-editor-edit',
       callback: ({
         close
       }) => {
         removeTemplate(template); // Navigate to the template list
 
         history.push({
-          path: '/' + template.type
+          path
         });
         close();
       }
@@ -118,11 +140,136 @@ function useEditModeCommandLoader() {
   };
 }
 
+function useEditUICommands() {
+  const {
+    openGeneralSidebar,
+    closeGeneralSidebar,
+    switchEditorMode
+  } = useDispatch(editSiteStore);
+  const {
+    canvasMode,
+    editorMode,
+    activeSidebar
+  } = useSelect(select => ({
+    canvasMode: unlock(select(editSiteStore)).getCanvasMode(),
+    editorMode: select(editSiteStore).getEditorMode(),
+    activeSidebar: select(interfaceStore).getActiveComplementaryArea(editSiteStore.name)
+  }), []);
+  const {
+    openModal
+  } = useDispatch(interfaceStore);
+  const {
+    toggle
+  } = useDispatch(preferencesStore);
+
+  if (canvasMode !== 'edit') {
+    return {
+      isLoading: false,
+      commands: []
+    };
+  }
+
+  const commands = [];
+  commands.push({
+    name: 'core/open-settings-sidebar',
+    label: __('Toggle settings sidebar'),
+    icon: isRTL() ? drawerLeft : drawerRight,
+    callback: ({
+      close
+    }) => {
+      close();
+
+      if (activeSidebar === 'edit-site/template') {
+        closeGeneralSidebar();
+      } else {
+        openGeneralSidebar('edit-site/template');
+      }
+    }
+  });
+  commands.push({
+    name: 'core/open-block-inspector',
+    label: __('Toggle block inspector'),
+    icon: blockDefault,
+    callback: ({
+      close
+    }) => {
+      close();
+
+      if (activeSidebar === 'edit-site/block-inspector') {
+        closeGeneralSidebar();
+      } else {
+        openGeneralSidebar('edit-site/block-inspector');
+      }
+    }
+  });
+  commands.push({
+    name: 'core/toggle-spotlight-mode',
+    label: __('Toggle spotlight mode'),
+    icon: cog,
+    callback: ({
+      close
+    }) => {
+      toggle('core/edit-site', 'focusMode');
+      close();
+    }
+  });
+  commands.push({
+    name: 'core/toggle-top-toolbar',
+    label: __('Toggle top toolbar'),
+    icon: cog,
+    callback: ({
+      close
+    }) => {
+      toggle('core/edit-site', 'fixedToolbar');
+      close();
+    }
+  });
+  commands.push({
+    name: 'core/toggle-code-editor',
+    label: __('Toggle code editor'),
+    icon: code,
+    callback: ({
+      close
+    }) => {
+      switchEditorMode(editorMode === 'visual' ? 'text' : 'visual');
+      close();
+    }
+  });
+  commands.push({
+    name: 'core/open-preferences',
+    label: __('Open editor preferences'),
+    icon: cog,
+    callback: () => {
+      openModal(PREFERENCES_MODAL_NAME);
+    }
+  });
+  commands.push({
+    name: 'core/open-shortcut-help',
+    label: __('Open keyboard shortcuts'),
+    icon: keyboardClose,
+    callback: () => {
+      openModal(KEYBOARD_SHORTCUT_HELP_MODAL_NAME);
+    }
+  });
+  return {
+    isLoading: false,
+    commands
+  };
+}
+
 export function useEditModeCommands() {
   useCommandLoader({
-    name: 'core/edit-site/manipulate-document',
-    hook: useEditModeCommandLoader,
+    name: 'core/edit-site/page-content-focus',
+    hook: usePageContentFocusCommands,
     context: 'site-editor-edit'
   });
+  useCommandLoader({
+    name: 'core/edit-site/manipulate-document',
+    hook: useManipulateDocumentCommands
+  });
+  useCommandLoader({
+    name: 'core/edit-site/edit-ui',
+    hook: useEditUICommands
+  });
 }
 //# sourceMappingURL=use-edit-mode-commands.js.map

package/build-module/hooks/commands/use-edit-mode-commands.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/edit-site/src/hooks/commands/use-edit-mode-commands.js"],"names":["useSelect","useDispatch","__","trash","backup","layout","page","useCommandLoader","privateApis","routerPrivateApis","store","editSiteStore","useEditedEntityRecord","isTemplateRemovable","isTemplateRevertable","unlock","useHistory","useEditModeCommandLoader","isLoaded","record","template","removeTemplate","revertTemplate","setHasPageContentFocus","history","isPage","hasPageContentFocus","select","isLoading","commands","push","name","label","icon","context","callback","close","type","path","useEditModeCommands","hook"],"mappings":"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","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { __ } from '@wordpress/i18n';\nimport { trash, backup, layout, page } from '@wordpress/icons';\nimport { useCommandLoader } from '@wordpress/commands';\nimport { privateApis as routerPrivateApis } from '@wordpress/router';\n\n/**\n * Internal dependencies\n */\nimport { store as editSiteStore } from '../../store';\nimport useEditedEntityRecord from '../../components/use-edited-entity-record';\nimport isTemplateRemovable from '../../utils/is-template-removable';\nimport isTemplateRevertable from '../../utils/is-template-revertable';\nimport { unlock } from '../../lock-unlock';\n\nconst { useHistory } = unlock( routerPrivateApis );\n\nfunction useEditModeCommandLoader() {\n\tconst { isLoaded, record: template } = useEditedEntityRecord();\n\tconst { removeTemplate, revertTemplate, setHasPageContentFocus } =\n\t\tuseDispatch( editSiteStore );\n\tconst history = useHistory();\n\tconst { isPage, hasPageContentFocus } = useSelect(\n\t\t( select ) => ( {\n\t\t\tisPage: select( editSiteStore ).isPage(),\n\t\t\thasPageContentFocus: select( editSiteStore ).hasPageContentFocus(),\n\t\t} ),\n\t\t[]\n\t);\n\n\tif ( ! isLoaded ) {\n\t\treturn { isLoading: true, commands: [] };\n\t}\n\n\tconst commands = [];\n\n\tif ( isPage ) {\n\t\tif ( hasPageContentFocus ) {\n\t\t\tcommands.push( {\n\t\t\t\tname: 'core/switch-to-template-focus',\n\t\t\t\tlabel: __( 'Edit template' ),\n\t\t\t\ticon: layout,\n\t\t\t\tcontext: 'site-editor-edit',\n\t\t\t\tcallback: ( { close } ) => {\n\t\t\t\t\tsetHasPageContentFocus( false );\n\t\t\t\t\tclose();\n\t\t\t\t},\n\t\t\t} );\n\t\t} else {\n\t\t\tcommands.push( {\n\t\t\t\tname: 'core/switch-to-page-focus',\n\t\t\t\tlabel: __( 'Back to page' ),\n\t\t\t\ticon: page,\n\t\t\t\tcontext: 'site-editor-edit',\n\t\t\t\tcallback: ( { close } ) => {\n\t\t\t\t\tsetHasPageContentFocus( true );\n\t\t\t\t\tclose();\n\t\t\t\t},\n\t\t\t} );\n\t\t}\n\t}\n\n\tif ( isTemplateRevertable( template ) && ! hasPageContentFocus ) {\n\t\tconst label =\n\t\t\ttemplate.type === 'wp_template'\n\t\t\t\t? __( 'Reset template' )\n\t\t\t\t: __( 'Reset template part' );\n\t\tcommands.push( {\n\t\t\tname: 'core/reset-template',\n\t\t\tlabel,\n\t\t\ticon: backup,\n\t\t\tcallback: ( { close } ) => {\n\t\t\t\trevertTemplate( template );\n\t\t\t\tclose();\n\t\t\t},\n\t\t} );\n\t}\n\n\tif ( isTemplateRemovable( template ) && ! hasPageContentFocus ) {\n\t\tconst label =\n\t\t\ttemplate.type === 'wp_template'\n\t\t\t\t? __( 'Delete template' )\n\t\t\t\t: __( 'Delete template part' );\n\t\tcommands.push( {\n\t\t\tname: 'core/remove-template',\n\t\t\tlabel,\n\t\t\ticon: trash,\n\t\t\tcontext: 'site-editor-edit',\n\t\t\tcallback: ( { close } ) => {\n\t\t\t\tremoveTemplate( template );\n\t\t\t\t// Navigate to the template list\n\t\t\t\thistory.push( {\n\t\t\t\t\tpath: '/' + template.type,\n\t\t\t\t} );\n\t\t\t\tclose();\n\t\t\t},\n\t\t} );\n\t}\n\n\treturn {\n\t\tisLoading: ! isLoaded,\n\t\tcommands,\n\t};\n}\n\nexport function useEditModeCommands() {\n\tuseCommandLoader( {\n\t\tname: 'core/edit-site/manipulate-document',\n\t\thook: useEditModeCommandLoader,\n\t\tcontext: 'site-editor-edit',\n\t} );\n}\n"]}
+{"version":3,"sources":["@wordpress/edit-site/src/hooks/commands/use-edit-mode-commands.js"],"names":["useSelect","useDispatch","__","isRTL","trash","backup","layout","page","drawerLeft","drawerRight","blockDefault","cog","code","keyboardClose","useCommandLoader","privateApis","routerPrivateApis","store","preferencesStore","interfaceStore","editSiteStore","useEditedEntityRecord","isTemplateRemovable","isTemplateRevertable","KEYBOARD_SHORTCUT_HELP_MODAL_NAME","PREFERENCES_MODAL_NAME","unlock","useHistory","usePageContentFocusCommands","isPage","canvasMode","hasPageContentFocus","select","getCanvasMode","setHasPageContentFocus","isLoading","commands","push","name","label","icon","callback","close","useManipulateDocumentCommands","isLoaded","record","template","removeTemplate","revertTemplate","history","type","path","useEditUICommands","openGeneralSidebar","closeGeneralSidebar","switchEditorMode","editorMode","activeSidebar","getEditorMode","getActiveComplementaryArea","openModal","toggle","useEditModeCommands","hook","context"],"mappings":"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","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { __, isRTL } from '@wordpress/i18n';\nimport {\n\ttrash,\n\tbackup,\n\tlayout,\n\tpage,\n\tdrawerLeft,\n\tdrawerRight,\n\tblockDefault,\n\tcog,\n\tcode,\n\tkeyboardClose,\n} from '@wordpress/icons';\nimport { useCommandLoader } from '@wordpress/commands';\nimport { privateApis as routerPrivateApis } from '@wordpress/router';\nimport { store as preferencesStore } from '@wordpress/preferences';\nimport { store as interfaceStore } from '@wordpress/interface';\n\n/**\n * Internal dependencies\n */\nimport { store as editSiteStore } from '../../store';\nimport useEditedEntityRecord from '../../components/use-edited-entity-record';\nimport isTemplateRemovable from '../../utils/is-template-removable';\nimport isTemplateRevertable from '../../utils/is-template-revertable';\nimport { KEYBOARD_SHORTCUT_HELP_MODAL_NAME } from '../../components/keyboard-shortcut-help-modal';\nimport { PREFERENCES_MODAL_NAME } from '../../components/preferences-modal';\nimport { unlock } from '../../lock-unlock';\n\nconst { useHistory } = unlock( routerPrivateApis );\n\nfunction usePageContentFocusCommands() {\n\tconst { isPage, canvasMode, hasPageContentFocus } = useSelect(\n\t\t( select ) => ( {\n\t\t\tisPage: select( editSiteStore ).isPage(),\n\t\t\tcanvasMode: unlock( select( editSiteStore ) ).getCanvasMode(),\n\t\t\thasPageContentFocus: select( editSiteStore ).hasPageContentFocus(),\n\t\t} ),\n\t\t[]\n\t);\n\tconst { setHasPageContentFocus } = useDispatch( editSiteStore );\n\n\tif ( ! isPage || canvasMode !== 'edit' ) {\n\t\treturn { isLoading: false, commands: [] };\n\t}\n\n\tconst commands = [];\n\n\tif ( hasPageContentFocus ) {\n\t\tcommands.push( {\n\t\t\tname: 'core/switch-to-template-focus',\n\t\t\tlabel: __( 'Edit template' ),\n\t\t\ticon: layout,\n\t\t\tcallback: ( { close } ) => {\n\t\t\t\tsetHasPageContentFocus( false );\n\t\t\t\tclose();\n\t\t\t},\n\t\t} );\n\t} else {\n\t\tcommands.push( {\n\t\t\tname: 'core/switch-to-page-focus',\n\t\t\tlabel: __( 'Back to page' ),\n\t\t\ticon: page,\n\t\t\tcallback: ( { close } ) => {\n\t\t\t\tsetHasPageContentFocus( true );\n\t\t\t\tclose();\n\t\t\t},\n\t\t} );\n\t}\n\n\treturn { isLoading: false, commands };\n}\n\nfunction useManipulateDocumentCommands() {\n\tconst { isLoaded, record: template } = useEditedEntityRecord();\n\tconst { removeTemplate, revertTemplate } = useDispatch( editSiteStore );\n\tconst history = useHistory();\n\tconst hasPageContentFocus = useSelect(\n\t\t( select ) => select( editSiteStore ).hasPageContentFocus(),\n\t\t[]\n\t);\n\n\tif ( ! isLoaded ) {\n\t\treturn { isLoading: true, commands: [] };\n\t}\n\n\tconst commands = [];\n\n\tif ( isTemplateRevertable( template ) && ! hasPageContentFocus ) {\n\t\tconst label =\n\t\t\ttemplate.type === 'wp_template'\n\t\t\t\t? __( 'Reset template' )\n\t\t\t\t: __( 'Reset template part' );\n\t\tcommands.push( {\n\t\t\tname: 'core/reset-template',\n\t\t\tlabel,\n\t\t\ticon: backup,\n\t\t\tcallback: ( { close } ) => {\n\t\t\t\trevertTemplate( template );\n\t\t\t\tclose();\n\t\t\t},\n\t\t} );\n\t}\n\n\tif ( isTemplateRemovable( template ) && ! hasPageContentFocus ) {\n\t\tconst label =\n\t\t\ttemplate.type === 'wp_template'\n\t\t\t\t? __( 'Delete template' )\n\t\t\t\t: __( 'Delete template part' );\n\t\tconst path =\n\t\t\ttemplate.type === 'wp_template'\n\t\t\t\t? '/wp_template'\n\t\t\t\t: '/wp_template_part/all';\n\t\tcommands.push( {\n\t\t\tname: 'core/remove-template',\n\t\t\tlabel,\n\t\t\ticon: trash,\n\t\t\tcallback: ( { close } ) => {\n\t\t\t\tremoveTemplate( template );\n\t\t\t\t// Navigate to the template list\n\t\t\t\thistory.push( {\n\t\t\t\t\tpath,\n\t\t\t\t} );\n\t\t\t\tclose();\n\t\t\t},\n\t\t} );\n\t}\n\n\treturn {\n\t\tisLoading: ! isLoaded,\n\t\tcommands,\n\t};\n}\n\nfunction useEditUICommands() {\n\tconst { openGeneralSidebar, closeGeneralSidebar, switchEditorMode } =\n\t\tuseDispatch( editSiteStore );\n\tconst { canvasMode, editorMode, activeSidebar } = useSelect(\n\t\t( select ) => ( {\n\t\t\tcanvasMode: unlock( select( editSiteStore ) ).getCanvasMode(),\n\t\t\teditorMode: select( editSiteStore ).getEditorMode(),\n\t\t\tactiveSidebar: select( interfaceStore ).getActiveComplementaryArea(\n\t\t\t\teditSiteStore.name\n\t\t\t),\n\t\t} ),\n\t\t[]\n\t);\n\tconst { openModal } = useDispatch( interfaceStore );\n\tconst { toggle } = useDispatch( preferencesStore );\n\n\tif ( canvasMode !== 'edit' ) {\n\t\treturn { isLoading: false, commands: [] };\n\t}\n\n\tconst commands = [];\n\n\tcommands.push( {\n\t\tname: 'core/open-settings-sidebar',\n\t\tlabel: __( 'Toggle settings sidebar' ),\n\t\ticon: isRTL() ? drawerLeft : drawerRight,\n\t\tcallback: ( { close } ) => {\n\t\t\tclose();\n\t\t\tif ( activeSidebar === 'edit-site/template' ) {\n\t\t\t\tcloseGeneralSidebar();\n\t\t\t} else {\n\t\t\t\topenGeneralSidebar( 'edit-site/template' );\n\t\t\t}\n\t\t},\n\t} );\n\n\tcommands.push( {\n\t\tname: 'core/open-block-inspector',\n\t\tlabel: __( 'Toggle block inspector' ),\n\t\ticon: blockDefault,\n\t\tcallback: ( { close } ) => {\n\t\t\tclose();\n\t\t\tif ( activeSidebar === 'edit-site/block-inspector' ) {\n\t\t\t\tcloseGeneralSidebar();\n\t\t\t} else {\n\t\t\t\topenGeneralSidebar( 'edit-site/block-inspector' );\n\t\t\t}\n\t\t},\n\t} );\n\n\tcommands.push( {\n\t\tname: 'core/toggle-spotlight-mode',\n\t\tlabel: __( 'Toggle spotlight mode' ),\n\t\ticon: cog,\n\t\tcallback: ( { close } ) => {\n\t\t\ttoggle( 'core/edit-site', 'focusMode' );\n\t\t\tclose();\n\t\t},\n\t} );\n\n\tcommands.push( {\n\t\tname: 'core/toggle-top-toolbar',\n\t\tlabel: __( 'Toggle top toolbar' ),\n\t\ticon: cog,\n\t\tcallback: ( { close } ) => {\n\t\t\ttoggle( 'core/edit-site', 'fixedToolbar' );\n\t\t\tclose();\n\t\t},\n\t} );\n\n\tcommands.push( {\n\t\tname: 'core/toggle-code-editor',\n\t\tlabel: __( 'Toggle code editor' ),\n\t\ticon: code,\n\t\tcallback: ( { close } ) => {\n\t\t\tswitchEditorMode( editorMode === 'visual' ? 'text' : 'visual' );\n\t\t\tclose();\n\t\t},\n\t} );\n\n\tcommands.push( {\n\t\tname: 'core/open-preferences',\n\t\tlabel: __( 'Open editor preferences' ),\n\t\ticon: cog,\n\t\tcallback: () => {\n\t\t\topenModal( PREFERENCES_MODAL_NAME );\n\t\t},\n\t} );\n\n\tcommands.push( {\n\t\tname: 'core/open-shortcut-help',\n\t\tlabel: __( 'Open keyboard shortcuts' ),\n\t\ticon: keyboardClose,\n\t\tcallback: () => {\n\t\t\topenModal( KEYBOARD_SHORTCUT_HELP_MODAL_NAME );\n\t\t},\n\t} );\n\n\treturn {\n\t\tisLoading: false,\n\t\tcommands,\n\t};\n}\n\nexport function useEditModeCommands() {\n\tuseCommandLoader( {\n\t\tname: 'core/edit-site/page-content-focus',\n\t\thook: usePageContentFocusCommands,\n\t\tcontext: 'site-editor-edit',\n\t} );\n\n\tuseCommandLoader( {\n\t\tname: 'core/edit-site/manipulate-document',\n\t\thook: useManipulateDocumentCommands,\n\t} );\n\n\tuseCommandLoader( {\n\t\tname: 'core/edit-site/edit-ui',\n\t\thook: useEditUICommands,\n\t} );\n}\n"]}