@wordpress/edit-site 5.13.0 → 5.15.0

package/build/components/welcome-guide/template.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["@wordpress/edit-site/src/components/welcome-guide/template.js"],"names":["WelcomeGuideTemplate","toggle","preferencesStore","isVisible","select","isTemplateActive","get","isEditorActive","isPage","hasPageContentFocus","editSiteStore","heading","image","content"],"mappings":";;;;;;;;;AAGA;;AACA;;AACA;;AACA;;AAKA;;AAXA;AACA;AACA;;AAMA;AACA;AACA;AAGe,SAASA,oBAAT,GAAgC;AAC9C,QAAM;AAAEC,IAAAA;AAAF,MAAa,uBAAaC,kBAAb,CAAnB;AAEA,QAAMC,SAAS,GAAG,qBAAaC,MAAF,IAAc;AAC1C,UAAMC,gBAAgB,GAAG,CAAC,CAAED,MAAM,CAAEF,kBAAF,CAAN,CAA2BI,GAA3B,CAC3B,gBAD2B,EAE3B,sBAF2B,CAA5B;AAIA,UAAMC,cAAc,GAAG,CAAC,CAAEH,MAAM,CAAEF,kBAAF,CAAN,CAA2BI,GAA3B,CACzB,gBADyB,EAEzB,cAFyB,CAA1B;AAIA,UAAM;AAAEE,MAAAA,MAAF;AAAUC,MAAAA;AAAV,QAAkCL,MAAM,CAAEM,YAAF,CAA9C;AACA,WACCL,gBAAgB,IAChB,CAAEE,cADF,IAEAC,MAAM,EAFN,IAGA,CAAEC,mBAAmB,EAJtB;AAMA,GAhBiB,EAgBf,EAhBe,CAAlB;;AAkBA,MAAK,CAAEN,SAAP,EAAmB;AAClB,WAAO,IAAP;AACA;;AAED,QAAMQ,OAAO,GAAG,cAAI,oBAAJ,CAAhB;AAEA,SACC,4BAAC,iBAAD;AACC,IAAA,SAAS,EAAC,wCADX;AAEC,IAAA,YAAY,EAAGA,OAFhB;AAGC,IAAA,gBAAgB,EAAG,cAAI,UAAJ,CAHpB;AAIC,IAAA,QAAQ,EAAG,MACVV,MAAM,CAAE,gBAAF,EAAoB,sBAApB,CALR;AAOC,IAAA,KAAK,EAAG,CACP;AACCW,MAAAA,KAAK,EACJ;AACC,QAAA,SAAS,EAAC,gCADX;AAEC,QAAA,QAAQ,MAFT;AAGC,QAAA,IAAI,MAHL;AAIC,QAAA,KAAK,MAJN;AAKC,QAAA,KAAK,EAAC,KALP;AAMC,QAAA,MAAM,EAAC;AANR,SAQC;AACC,QAAA,GAAG,EAAC,+DADL;AAEC,QAAA,IAAI,EAAC;AAFN,QARD,CAFF;AAgBCC,MAAAA,OAAO,EACN,qDACC;AAAI,QAAA,SAAS,EAAC;AAAd,SACGF,OADH,CADD,EAIC;AAAG,QAAA,SAAS,EAAC;AAAb,SACG,cACD,4MADC,CADH,CAJD;AAjBF,KADO;AAPT,IADD;AAyCA","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useDispatch, useSelect } from '@wordpress/data';\nimport { Guide } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { store as preferencesStore } from '@wordpress/preferences';\n\n/**\n * Internal dependencies\n */\nimport { store as editSiteStore } from '../../store';\n\nexport default function WelcomeGuideTemplate() {\n\tconst { toggle } = useDispatch( preferencesStore );\n\n\tconst isVisible = useSelect( ( select ) => {\n\t\tconst isTemplateActive = !! select( preferencesStore ).get(\n\t\t\t'core/edit-site',\n\t\t\t'welcomeGuideTemplate'\n\t\t);\n\t\tconst isEditorActive = !! select( preferencesStore ).get(\n\t\t\t'core/edit-site',\n\t\t\t'welcomeGuide'\n\t\t);\n\t\tconst { isPage, hasPageContentFocus } = select( editSiteStore );\n\t\treturn (\n\t\t\tisTemplateActive &&\n\t\t\t! isEditorActive &&\n\t\t\tisPage() &&\n\t\t\t! hasPageContentFocus()\n\t\t);\n\t}, [] );\n\n\tif ( ! isVisible ) {\n\t\treturn null;\n\t}\n\n\tconst heading = __( 'Editing a template' );\n\n\treturn (\n\t\t<Guide\n\t\t\tclassName=\"edit-site-welcome-guide guide-template\"\n\t\t\tcontentLabel={ heading }\n\t\t\tfinishButtonText={ __( 'Continue' ) }\n\t\t\tonFinish={ () =>\n\t\t\t\ttoggle( 'core/edit-site', 'welcomeGuideTemplate' )\n\t\t\t}\n\t\t\tpages={ [\n\t\t\t\t{\n\t\t\t\t\timage: (\n\t\t\t\t\t\t<video\n\t\t\t\t\t\t\tclassName=\"edit-site-welcome-guide__video\"\n\t\t\t\t\t\t\tautoPlay\n\t\t\t\t\t\t\tloop\n\t\t\t\t\t\t\tmuted\n\t\t\t\t\t\t\twidth=\"312\"\n\t\t\t\t\t\t\theight=\"240\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<source\n\t\t\t\t\t\t\t\tsrc=\"https://s.w.org/images/block-editor/editing-your-template.mp4\"\n\t\t\t\t\t\t\t\ttype=\"video/mp4\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</video>\n\t\t\t\t\t),\n\t\t\t\t\tcontent: (\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t<h1 className=\"edit-site-welcome-guide__heading\">\n\t\t\t\t\t\t\t\t{ heading }\n\t\t\t\t\t\t\t</h1>\n\t\t\t\t\t\t\t<p className=\"edit-site-welcome-guide__text\">\n\t\t\t\t\t\t\t\t{ __(\n\t\t\t\t\t\t\t\t\t'Note that the same template can be used by multiple pages, so any changes made here may affect other pages on the site. To switch back to editing the page content click the ‘Back’ button in the toolbar.'\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t</>\n\t\t\t\t\t),\n\t\t\t\t},\n\t\t\t] }\n\t\t/>\n\t);\n}\n"]}

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

@@ -1,5 +1,7 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -23,10 +25,16 @@ var _preferences = require("@wordpress/preferences");
 
 var _coreData = require("@wordpress/core-data");
 
+var _notices = require("@wordpress/notices");
+
+var _compose = require("@wordpress/compose");
+
 var _lockUnlock = require("../../lock-unlock");
 
 var _store = require("../../store");
 
+var _getIsListPage = _interopRequireDefault(require("../../utils/get-is-list-page"));
+
 /**
  * WordPress dependencies
  */
@@ -38,7 +46,8 @@ const {
   useGlobalStylesReset
 } = (0, _lockUnlock.unlock)(_blockEditor.privateApis);
 const {
-  useHistory
+  useHistory,
+  useLocation
 } = (0, _lockUnlock.unlock)(_router.privateApis);
 
 function useGlobalStylesResetCommands() {
@@ -69,8 +78,15 @@ function useGlobalStylesResetCommands() {
 function useGlobalStylesOpenCssCommands() {
   const {
     openGeneralSidebar,
-    setEditorCanvasContainerView
+    setEditorCanvasContainerView,
+    setCanvasMode
   } = (0, _lockUnlock.unlock)((0, _data.useDispatch)(_store.store));
+  const {
+    params
+  } = useLocation();
+  const isMobileViewport = (0, _compose.useViewportMatch)('medium', '<');
+  const isListPage = (0, _getIsListPage.default)(params, isMobileViewport);
+  const isEditorPage = !isListPage;
   const history = useHistory();
   const {
     canEditCSS
@@ -89,6 +105,9 @@ function useGlobalStylesOpenCssCommands() {
       canEditCSS: (_globalStyles$_links$ = !!globalStyles?._links?.['wp:action-edit-css']) !== null && _globalStyles$_links$ !== void 0 ? _globalStyles$_links$ : false
     };
   }, []);
+  const {
+    getCanvasMode
+  } = (0, _lockUnlock.unlock)((0, _data.useSelect)(_store.store));
   const commands = (0, _element.useMemo)(() => {
     if (!canEditCSS) {
       return [];
@@ -102,15 +121,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
@@ -120,12 +147,38 @@ function useGlobalStylesOpenCssCommands() {
 function useCommonCommands() {
   const {
     openGeneralSidebar,
-    setEditorCanvasContainerView
+    setEditorCanvasContainerView,
+    setCanvasMode
   } = (0, _lockUnlock.unlock)((0, _data.useDispatch)(_store.store));
+  const {
+    params
+  } = useLocation();
+  const isMobileViewport = (0, _compose.useViewportMatch)('medium', '<');
+  const isListPage = (0, _getIsListPage.default)(params, isMobileViewport);
+  const isEditorPage = !isListPage;
+  const {
+    getCanvasMode
+  } = (0, _lockUnlock.unlock)((0, _data.useSelect)(_store.store));
   const {
     set
   } = (0, _data.useDispatch)(_preferences.store);
+  const {
+    createInfoNotice
+  } = (0, _data.useDispatch)(_notices.store);
   const history = useHistory();
+  const {
+    homeUrl,
+    isDistractionFree
+  } = (0, _data.useSelect)(select => {
+    const {
+      getUnstableBase // Site index.
+
+    } = select(_coreData.store);
+    return {
+      homeUrl: getUnstableBase()?.home,
+      isDistractionFree: select(_preferences.store).get(_store.store.name, 'distractionFree')
+    };
+  }, []);
   (0, _commands.useCommand)({
     name: 'core/edit-site/open-global-styles-revisions',
     label: (0, _i18n.__)('Open styles revisions'),
@@ -134,10 +187,18 @@ 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');
     }
@@ -149,10 +210,25 @@ 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(_store.store.name, 'distractionFree', false);
+        createInfoNotice((0, _i18n.__)('Distraction free mode turned off.'), {
+          type: 'snackbar'
+        });
+      }
+
       openGeneralSidebar('edit-site/global-styles');
     },
     icon: _icons.styles
@@ -164,10 +240,18 @@ 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.
@@ -178,6 +262,17 @@ function useCommonCommands() {
     },
     icon: _icons.help
   });
+  (0, _commands.useCommand)({
+    name: 'core/edit-site/view-site',
+    label: (0, _i18n.__)('View site'),
+    callback: ({
+      close
+    }) => {
+      close();
+      window.open(homeUrl, '_blank');
+    },
+    icon: _icons.external
+  });
   (0, _commands.useCommandLoader)({
     name: 'core/edit-site/reset-global-styles',
     hook: useGlobalStylesResetCommands

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

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/edit-site/src/hooks/commands/use-common-commands.js"],"names":["useGlobalStylesReset","blockEditorPrivateApis","useHistory","routerPrivateApis","useGlobalStylesResetCommands","canReset","onReset","commands","name","label","icon","trash","callback","close","isLoading","useGlobalStylesOpenCssCommands","openGeneralSidebar","setEditorCanvasContainerView","editSiteStore","history","canEditCSS","select","getEntityRecord","__experimentalGetCurrentGlobalStylesId","coreStore","globalStylesId","globalStyles","undefined","_links","styles","push","path","canvas","useCommonCommands","set","preferencesStore","backup","setTimeout","help","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 } 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":["useGlobalStylesReset","blockEditorPrivateApis","useHistory","useLocation","routerPrivateApis","useGlobalStylesResetCommands","canReset","onReset","commands","name","label","icon","trash","callback","close","isLoading","useGlobalStylesOpenCssCommands","openGeneralSidebar","setEditorCanvasContainerView","setCanvasMode","editSiteStore","params","isMobileViewport","isListPage","isEditorPage","history","canEditCSS","select","getEntityRecord","__experimentalGetCurrentGlobalStylesId","coreStore","globalStylesId","globalStyles","undefined","_links","getCanvasMode","styles","push","path","canvas","useCommonCommands","set","preferencesStore","createInfoNotice","noticesStore","homeUrl","isDistractionFree","getUnstableBase","home","get","backup","type","setTimeout","help","window","open","external","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/hooks/commands/use-edit-mode-commands.js

@@ -17,6 +17,10 @@ var _commands = require("@wordpress/commands");
 
 var _router = require("@wordpress/router");
 
+var _preferences = require("@wordpress/preferences");
+
+var _interface = require("@wordpress/interface");
+
 var _store = require("../../store");
 
 var _useEditedEntityRecord = _interopRequireDefault(require("../../components/use-edited-entity-record"));
@@ -25,6 +29,10 @@ var _isTemplateRemovable = _interopRequireDefault(require("../../utils/is-templa
 
 var _isTemplateRevertable = _interopRequireDefault(require("../../utils/is-template-revertable"));
 
+var _keyboardShortcutHelpModal = require("../../components/keyboard-shortcut-help-modal");
+
+var _preferencesModal = require("../../components/preferences-modal");
+
 var _lockUnlock = require("../../lock-unlock");
 
 /**
@@ -38,24 +46,72 @@ const {
   useHistory
 } = (0, _lockUnlock.unlock)(_router.privateApis);
 
-function useEditModeCommandLoader() {
+function usePageContentFocusCommands() {
+  const {
+    isPage,
+    canvasMode,
+    hasPageContentFocus
+  } = (0, _data.useSelect)(select => ({
+    isPage: select(_store.store).isPage(),
+    canvasMode: (0, _lockUnlock.unlock)(select(_store.store)).getCanvasMode(),
+    hasPageContentFocus: select(_store.store).hasPageContentFocus()
+  }), []);
+  const {
+    setHasPageContentFocus
+  } = (0, _data.useDispatch)(_store.store);
+
+  if (!isPage || canvasMode !== 'edit') {
+    return {
+      isLoading: false,
+      commands: []
+    };
+  }
+
+  const commands = [];
+
+  if (hasPageContentFocus) {
+    commands.push({
+      name: 'core/switch-to-template-focus',
+      label: (0, _i18n.__)('Edit template'),
+      icon: _icons.layout,
+      callback: ({
+        close
+      }) => {
+        setHasPageContentFocus(false);
+        close();
+      }
+    });
+  } else {
+    commands.push({
+      name: 'core/switch-to-page-focus',
+      label: (0, _i18n.__)('Back to page'),
+      icon: _icons.page,
+      callback: ({
+        close
+      }) => {
+        setHasPageContentFocus(true);
+        close();
+      }
+    });
+  }
+
+  return {
+    isLoading: false,
+    commands
+  };
+}
+
+function useManipulateDocumentCommands() {
   const {
     isLoaded,
     record: template
   } = (0, _useEditedEntityRecord.default)();
   const {
     removeTemplate,
-    revertTemplate,
-    setHasPageContentFocus
+    revertTemplate
   } = (0, _data.useDispatch)(_store.store);
   const history = useHistory();
-  const {
-    isPage,
-    hasPageContentFocus
-  } = (0, _data.useSelect)(select => ({
-    isPage: select(_store.store).isPage(),
-    hasPageContentFocus: select(_store.store).hasPageContentFocus()
-  }), []);
+  const hasPageContentFocus = (0, _data.useSelect)(select => select(_store.store).hasPageContentFocus(), []);
 
   if (!isLoaded) {
     return {
@@ -66,36 +122,6 @@ function useEditModeCommandLoader() {
 
   const commands = [];
 
-  if (isPage) {
-    if (hasPageContentFocus) {
-      commands.push({
-        name: 'core/switch-to-template-focus',
-        label: (0, _i18n.__)('Edit template'),
-        icon: _icons.layout,
-        context: 'site-editor-edit',
-        callback: ({
-          close
-        }) => {
-          setHasPageContentFocus(false);
-          close();
-        }
-      });
-    } else {
-      commands.push({
-        name: 'core/switch-to-page-focus',
-        label: (0, _i18n.__)('Back to page'),
-        icon: _icons.page,
-        context: 'site-editor-edit',
-        callback: ({
-          close
-        }) => {
-          setHasPageContentFocus(true);
-          close();
-        }
-      });
-    }
-  }
-
   if ((0, _isTemplateRevertable.default)(template) && !hasPageContentFocus) {
     const label = template.type === 'wp_template' ? (0, _i18n.__)('Reset template') : (0, _i18n.__)('Reset template part');
     commands.push({
@@ -113,18 +139,18 @@ function useEditModeCommandLoader() {
 
   if ((0, _isTemplateRemovable.default)(template) && !hasPageContentFocus) {
     const label = template.type === 'wp_template' ? (0, _i18n.__)('Delete template') : (0, _i18n.__)('Delete template part');
+    const path = template.type === 'wp_template' ? '/wp_template' : '/wp_template_part/all';
     commands.push({
       name: 'core/remove-template',
       label,
       icon: _icons.trash,
-      context: 'site-editor-edit',
       callback: ({
         close
       }) => {
         removeTemplate(template); // Navigate to the template list
 
         history.push({
-          path: '/' + template.type
+          path
         });
         close();
       }
@@ -137,11 +163,136 @@ function useEditModeCommandLoader() {
   };
 }
 
+function useEditUICommands() {
+  const {
+    openGeneralSidebar,
+    closeGeneralSidebar,
+    switchEditorMode
+  } = (0, _data.useDispatch)(_store.store);
+  const {
+    canvasMode,
+    editorMode,
+    activeSidebar
+  } = (0, _data.useSelect)(select => ({
+    canvasMode: (0, _lockUnlock.unlock)(select(_store.store)).getCanvasMode(),
+    editorMode: select(_store.store).getEditorMode(),
+    activeSidebar: select(_interface.store).getActiveComplementaryArea(_store.store.name)
+  }), []);
+  const {
+    openModal
+  } = (0, _data.useDispatch)(_interface.store);
+  const {
+    toggle
+  } = (0, _data.useDispatch)(_preferences.store);
+
+  if (canvasMode !== 'edit') {
+    return {
+      isLoading: false,
+      commands: []
+    };
+  }
+
+  const commands = [];
+  commands.push({
+    name: 'core/open-settings-sidebar',
+    label: (0, _i18n.__)('Toggle settings sidebar'),
+    icon: (0, _i18n.isRTL)() ? _icons.drawerLeft : _icons.drawerRight,
+    callback: ({
+      close
+    }) => {
+      close();
+
+      if (activeSidebar === 'edit-site/template') {
+        closeGeneralSidebar();
+      } else {
+        openGeneralSidebar('edit-site/template');
+      }
+    }
+  });
+  commands.push({
+    name: 'core/open-block-inspector',
+    label: (0, _i18n.__)('Toggle block inspector'),
+    icon: _icons.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: (0, _i18n.__)('Toggle spotlight mode'),
+    icon: _icons.cog,
+    callback: ({
+      close
+    }) => {
+      toggle('core/edit-site', 'focusMode');
+      close();
+    }
+  });
+  commands.push({
+    name: 'core/toggle-top-toolbar',
+    label: (0, _i18n.__)('Toggle top toolbar'),
+    icon: _icons.cog,
+    callback: ({
+      close
+    }) => {
+      toggle('core/edit-site', 'fixedToolbar');
+      close();
+    }
+  });
+  commands.push({
+    name: 'core/toggle-code-editor',
+    label: (0, _i18n.__)('Toggle code editor'),
+    icon: _icons.code,
+    callback: ({
+      close
+    }) => {
+      switchEditorMode(editorMode === 'visual' ? 'text' : 'visual');
+      close();
+    }
+  });
+  commands.push({
+    name: 'core/open-preferences',
+    label: (0, _i18n.__)('Open editor preferences'),
+    icon: _icons.cog,
+    callback: () => {
+      openModal(_preferencesModal.PREFERENCES_MODAL_NAME);
+    }
+  });
+  commands.push({
+    name: 'core/open-shortcut-help',
+    label: (0, _i18n.__)('Open keyboard shortcuts'),
+    icon: _icons.keyboardClose,
+    callback: () => {
+      openModal(_keyboardShortcutHelpModal.KEYBOARD_SHORTCUT_HELP_MODAL_NAME);
+    }
+  });
+  return {
+    isLoading: false,
+    commands
+  };
+}
+
 function useEditModeCommands() {
   (0, _commands.useCommandLoader)({
-    name: 'core/edit-site/manipulate-document',
-    hook: useEditModeCommandLoader,
+    name: 'core/edit-site/page-content-focus',
+    hook: usePageContentFocusCommands,
     context: 'site-editor-edit'
   });
+  (0, _commands.useCommandLoader)({
+    name: 'core/edit-site/manipulate-document',
+    hook: useManipulateDocumentCommands
+  });
+  (0, _commands.useCommandLoader)({
+    name: 'core/edit-site/edit-ui',
+    hook: useEditUICommands
+  });
 }
 //# sourceMappingURL=use-edit-mode-commands.js.map

package/build/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":["useHistory","routerPrivateApis","useEditModeCommandLoader","isLoaded","record","template","removeTemplate","revertTemplate","setHasPageContentFocus","editSiteStore","history","isPage","hasPageContentFocus","select","isLoading","commands","push","name","label","icon","layout","context","callback","close","page","type","backup","trash","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":["useHistory","routerPrivateApis","usePageContentFocusCommands","isPage","canvasMode","hasPageContentFocus","select","editSiteStore","getCanvasMode","setHasPageContentFocus","isLoading","commands","push","name","label","icon","layout","callback","close","page","useManipulateDocumentCommands","isLoaded","record","template","removeTemplate","revertTemplate","history","type","backup","path","trash","useEditUICommands","openGeneralSidebar","closeGeneralSidebar","switchEditorMode","editorMode","activeSidebar","getEditorMode","interfaceStore","getActiveComplementaryArea","openModal","toggle","preferencesStore","drawerLeft","drawerRight","blockDefault","cog","code","PREFERENCES_MODAL_NAME","keyboardClose","KEYBOARD_SHORTCUT_HELP_MODAL_NAME","useEditModeCommands","hook","context"],"mappings":";;;;;;;;;AAGA;;AACA;;AACA;;AAYA;;AACA;;AACA;;AACA;;AAKA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AA/BA;AACA;AACA;;AAoBA;AACA;AACA;AASA,MAAM;AAAEA,EAAAA;AAAF,IAAiB,wBAAQC,mBAAR,CAAvB;;AAEA,SAASC,2BAAT,GAAuC;AACtC,QAAM;AAAEC,IAAAA,MAAF;AAAUC,IAAAA,UAAV;AAAsBC,IAAAA;AAAtB,MAA8C,qBACjDC,MAAF,KAAgB;AACfH,IAAAA,MAAM,EAAEG,MAAM,CAAEC,YAAF,CAAN,CAAwBJ,MAAxB,EADO;AAEfC,IAAAA,UAAU,EAAE,wBAAQE,MAAM,CAAEC,YAAF,CAAd,EAAkCC,aAAlC,EAFG;AAGfH,IAAAA,mBAAmB,EAAEC,MAAM,CAAEC,YAAF,CAAN,CAAwBF,mBAAxB;AAHN,GAAhB,CADmD,EAMnD,EANmD,CAApD;AAQA,QAAM;AAAEI,IAAAA;AAAF,MAA6B,uBAAaF,YAAb,CAAnC;;AAEA,MAAK,CAAEJ,MAAF,IAAYC,UAAU,KAAK,MAAhC,EAAyC;AACxC,WAAO;AAAEM,MAAAA,SAAS,EAAE,KAAb;AAAoBC,MAAAA,QAAQ,EAAE;AAA9B,KAAP;AACA;;AAED,QAAMA,QAAQ,GAAG,EAAjB;;AAEA,MAAKN,mBAAL,EAA2B;AAC1BM,IAAAA,QAAQ,CAACC,IAAT,CAAe;AACdC,MAAAA,IAAI,EAAE,+BADQ;AAEdC,MAAAA,KAAK,EAAE,cAAI,eAAJ,CAFO;AAGdC,MAAAA,IAAI,EAAEC,aAHQ;AAIdC,MAAAA,QAAQ,EAAE,CAAE;AAAEC,QAAAA;AAAF,OAAF,KAAiB;AAC1BT,QAAAA,sBAAsB,CAAE,KAAF,CAAtB;AACAS,QAAAA,KAAK;AACL;AAPa,KAAf;AASA,GAVD,MAUO;AACNP,IAAAA,QAAQ,CAACC,IAAT,CAAe;AACdC,MAAAA,IAAI,EAAE,2BADQ;AAEdC,MAAAA,KAAK,EAAE,cAAI,cAAJ,CAFO;AAGdC,MAAAA,IAAI,EAAEI,WAHQ;AAIdF,MAAAA,QAAQ,EAAE,CAAE;AAAEC,QAAAA;AAAF,OAAF,KAAiB;AAC1BT,QAAAA,sBAAsB,CAAE,IAAF,CAAtB;AACAS,QAAAA,KAAK;AACL;AAPa,KAAf;AASA;;AAED,SAAO;AAAER,IAAAA,SAAS,EAAE,KAAb;AAAoBC,IAAAA;AAApB,GAAP;AACA;;AAED,SAASS,6BAAT,GAAyC;AACxC,QAAM;AAAEC,IAAAA,QAAF;AAAYC,IAAAA,MAAM,EAAEC;AAApB,MAAiC,qCAAvC;AACA,QAAM;AAAEC,IAAAA,cAAF;AAAkBC,IAAAA;AAAlB,MAAqC,uBAAalB,YAAb,CAA3C;AACA,QAAMmB,OAAO,GAAG1B,UAAU,EAA1B;AACA,QAAMK,mBAAmB,GAAG,qBACzBC,MAAF,IAAcA,MAAM,CAAEC,YAAF,CAAN,CAAwBF,mBAAxB,EADa,EAE3B,EAF2B,CAA5B;;AAKA,MAAK,CAAEgB,QAAP,EAAkB;AACjB,WAAO;AAAEX,MAAAA,SAAS,EAAE,IAAb;AAAmBC,MAAAA,QAAQ,EAAE;AAA7B,KAAP;AACA;;AAED,QAAMA,QAAQ,GAAG,EAAjB;;AAEA,MAAK,mCAAsBY,QAAtB,KAAoC,CAAElB,mBAA3C,EAAiE;AAChE,UAAMS,KAAK,GACVS,QAAQ,CAACI,IAAT,KAAkB,aAAlB,GACG,cAAI,gBAAJ,CADH,GAEG,cAAI,qBAAJ,CAHJ;AAIAhB,IAAAA,QAAQ,CAACC,IAAT,CAAe;AACdC,MAAAA,IAAI,EAAE,qBADQ;AAEdC,MAAAA,KAFc;AAGdC,MAAAA,IAAI,EAAEa,aAHQ;AAIdX,MAAAA,QAAQ,EAAE,CAAE;AAAEC,QAAAA;AAAF,OAAF,KAAiB;AAC1BO,QAAAA,cAAc,CAAEF,QAAF,CAAd;AACAL,QAAAA,KAAK;AACL;AAPa,KAAf;AASA;;AAED,MAAK,kCAAqBK,QAArB,KAAmC,CAAElB,mBAA1C,EAAgE;AAC/D,UAAMS,KAAK,GACVS,QAAQ,CAACI,IAAT,KAAkB,aAAlB,GACG,cAAI,iBAAJ,CADH,GAEG,cAAI,sBAAJ,CAHJ;AAIA,UAAME,IAAI,GACTN,QAAQ,CAACI,IAAT,KAAkB,aAAlB,GACG,cADH,GAEG,uBAHJ;AAIAhB,IAAAA,QAAQ,CAACC,IAAT,CAAe;AACdC,MAAAA,IAAI,EAAE,sBADQ;AAEdC,MAAAA,KAFc;AAGdC,MAAAA,IAAI,EAAEe,YAHQ;AAIdb,MAAAA,QAAQ,EAAE,CAAE;AAAEC,QAAAA;AAAF,OAAF,KAAiB;AAC1BM,QAAAA,cAAc,CAAED,QAAF,CAAd,CAD0B,CAE1B;;AACAG,QAAAA,OAAO,CAACd,IAAR,CAAc;AACbiB,UAAAA;AADa,SAAd;AAGAX,QAAAA,KAAK;AACL;AAXa,KAAf;AAaA;;AAED,SAAO;AACNR,IAAAA,SAAS,EAAE,CAAEW,QADP;AAENV,IAAAA;AAFM,GAAP;AAIA;;AAED,SAASoB,iBAAT,GAA6B;AAC5B,QAAM;AAAEC,IAAAA,kBAAF;AAAsBC,IAAAA,mBAAtB;AAA2CC,IAAAA;AAA3C,MACL,uBAAa3B,YAAb,CADD;AAEA,QAAM;AAAEH,IAAAA,UAAF;AAAc+B,IAAAA,UAAd;AAA0BC,IAAAA;AAA1B,MAA4C,qBAC/C9B,MAAF,KAAgB;AACfF,IAAAA,UAAU,EAAE,wBAAQE,MAAM,CAAEC,YAAF,CAAd,EAAkCC,aAAlC,EADG;AAEf2B,IAAAA,UAAU,EAAE7B,MAAM,CAAEC,YAAF,CAAN,CAAwB8B,aAAxB,EAFG;AAGfD,IAAAA,aAAa,EAAE9B,MAAM,CAAEgC,gBAAF,CAAN,CAAyBC,0BAAzB,CACdhC,aAAcM,IADA;AAHA,GAAhB,CADiD,EAQjD,EARiD,CAAlD;AAUA,QAAM;AAAE2B,IAAAA;AAAF,MAAgB,uBAAaF,gBAAb,CAAtB;AACA,QAAM;AAAEG,IAAAA;AAAF,MAAa,uBAAaC,kBAAb,CAAnB;;AAEA,MAAKtC,UAAU,KAAK,MAApB,EAA6B;AAC5B,WAAO;AAAEM,MAAAA,SAAS,EAAE,KAAb;AAAoBC,MAAAA,QAAQ,EAAE;AAA9B,KAAP;AACA;;AAED,QAAMA,QAAQ,GAAG,EAAjB;AAEAA,EAAAA,QAAQ,CAACC,IAAT,CAAe;AACdC,IAAAA,IAAI,EAAE,4BADQ;AAEdC,IAAAA,KAAK,EAAE,cAAI,yBAAJ,CAFO;AAGdC,IAAAA,IAAI,EAAE,qBAAU4B,iBAAV,GAAuBC,kBAHf;AAId3B,IAAAA,QAAQ,EAAE,CAAE;AAAEC,MAAAA;AAAF,KAAF,KAAiB;AAC1BA,MAAAA,KAAK;;AACL,UAAKkB,aAAa,KAAK,oBAAvB,EAA8C;AAC7CH,QAAAA,mBAAmB;AACnB,OAFD,MAEO;AACND,QAAAA,kBAAkB,CAAE,oBAAF,CAAlB;AACA;AACD;AAXa,GAAf;AAcArB,EAAAA,QAAQ,CAACC,IAAT,CAAe;AACdC,IAAAA,IAAI,EAAE,2BADQ;AAEdC,IAAAA,KAAK,EAAE,cAAI,wBAAJ,CAFO;AAGdC,IAAAA,IAAI,EAAE8B,mBAHQ;AAId5B,IAAAA,QAAQ,EAAE,CAAE;AAAEC,MAAAA;AAAF,KAAF,KAAiB;AAC1BA,MAAAA,KAAK;;AACL,UAAKkB,aAAa,KAAK,2BAAvB,EAAqD;AACpDH,QAAAA,mBAAmB;AACnB,OAFD,MAEO;AACND,QAAAA,kBAAkB,CAAE,2BAAF,CAAlB;AACA;AACD;AAXa,GAAf;AAcArB,EAAAA,QAAQ,CAACC,IAAT,CAAe;AACdC,IAAAA,IAAI,EAAE,4BADQ;AAEdC,IAAAA,KAAK,EAAE,cAAI,uBAAJ,CAFO;AAGdC,IAAAA,IAAI,EAAE+B,UAHQ;AAId7B,IAAAA,QAAQ,EAAE,CAAE;AAAEC,MAAAA;AAAF,KAAF,KAAiB;AAC1BuB,MAAAA,MAAM,CAAE,gBAAF,EAAoB,WAApB,CAAN;AACAvB,MAAAA,KAAK;AACL;AAPa,GAAf;AAUAP,EAAAA,QAAQ,CAACC,IAAT,CAAe;AACdC,IAAAA,IAAI,EAAE,yBADQ;AAEdC,IAAAA,KAAK,EAAE,cAAI,oBAAJ,CAFO;AAGdC,IAAAA,IAAI,EAAE+B,UAHQ;AAId7B,IAAAA,QAAQ,EAAE,CAAE;AAAEC,MAAAA;AAAF,KAAF,KAAiB;AAC1BuB,MAAAA,MAAM,CAAE,gBAAF,EAAoB,cAApB,CAAN;AACAvB,MAAAA,KAAK;AACL;AAPa,GAAf;AAUAP,EAAAA,QAAQ,CAACC,IAAT,CAAe;AACdC,IAAAA,IAAI,EAAE,yBADQ;AAEdC,IAAAA,KAAK,EAAE,cAAI,oBAAJ,CAFO;AAGdC,IAAAA,IAAI,EAAEgC,WAHQ;AAId9B,IAAAA,QAAQ,EAAE,CAAE;AAAEC,MAAAA;AAAF,KAAF,KAAiB;AAC1BgB,MAAAA,gBAAgB,CAAEC,UAAU,KAAK,QAAf,GAA0B,MAA1B,GAAmC,QAArC,CAAhB;AACAjB,MAAAA,KAAK;AACL;AAPa,GAAf;AAUAP,EAAAA,QAAQ,CAACC,IAAT,CAAe;AACdC,IAAAA,IAAI,EAAE,uBADQ;AAEdC,IAAAA,KAAK,EAAE,cAAI,yBAAJ,CAFO;AAGdC,IAAAA,IAAI,EAAE+B,UAHQ;AAId7B,IAAAA,QAAQ,EAAE,MAAM;AACfuB,MAAAA,SAAS,CAAEQ,wCAAF,CAAT;AACA;AANa,GAAf;AASArC,EAAAA,QAAQ,CAACC,IAAT,CAAe;AACdC,IAAAA,IAAI,EAAE,yBADQ;AAEdC,IAAAA,KAAK,EAAE,cAAI,yBAAJ,CAFO;AAGdC,IAAAA,IAAI,EAAEkC,oBAHQ;AAIdhC,IAAAA,QAAQ,EAAE,MAAM;AACfuB,MAAAA,SAAS,CAAEU,4DAAF,CAAT;AACA;AANa,GAAf;AASA,SAAO;AACNxC,IAAAA,SAAS,EAAE,KADL;AAENC,IAAAA;AAFM,GAAP;AAIA;;AAEM,SAASwC,mBAAT,GAA+B;AACrC,kCAAkB;AACjBtC,IAAAA,IAAI,EAAE,mCADW;AAEjBuC,IAAAA,IAAI,EAAElD,2BAFW;AAGjBmD,IAAAA,OAAO,EAAE;AAHQ,GAAlB;AAMA,kCAAkB;AACjBxC,IAAAA,IAAI,EAAE,oCADW;AAEjBuC,IAAAA,IAAI,EAAEhC;AAFW,GAAlB;AAKA,kCAAkB;AACjBP,IAAAA,IAAI,EAAE,wBADW;AAEjBuC,IAAAA,IAAI,EAAErB;AAFW,GAAlB;AAIA","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"]}