fix: move commands from separate file to existing ones

WordPress · t-hamano · Sep 9, 2025 · Aug 25, 2025 · Aug 26, 2025 · Aug 28, 2025
commit 1b85abf08415807e1701455ba389eaa60c9ce1d6
diff --git a/packages/core-commands/src/admin-navigation-commands.js b/packages/core-commands/src/admin-navigation-commands.js
@@ -3,7 +3,7 @@
  */
 import { useCommandLoader } from '@wordpress/commands';
 import { __ } from '@wordpress/i18n';
-import { plus, dashboard } from '@wordpress/icons';
+import { plus, dashboard, external } from '@wordpress/icons';
 import { getPath } from '@wordpress/url';
 import { store as coreStore } from '@wordpress/core-data';
 import { useSelect, useDispatch } from '@wordpress/data';
@@ -227,6 +227,40 @@ const getAddNewPostCommand = () =>
 		};
 	};
 
+const getViewSiteCommand = () =>
+	function useViewSiteCommand() {
+		const homeUrl = useSelect( ( select ) => {
+			// Site index.
+			return select( coreStore ).getEntityRecord(
+				'root',
+				'__unstableBase'
+			)?.home;
+		}, [] );
+
+		const commands = useMemo( () => {
+			if ( ! homeUrl ) {
+				return [];
+			}
+
+			return [
+				{
+					name: 'core/view-site',
+					label: __( 'View site' ),
+					icon: external,
+					callback: ( { close } ) => {
+						close();
+						window.open( homeUrl, '_blank' );
+					},
+				},
+			];
+		}, [ homeUrl ] );
+
+		return {
+			isLoading: false,
+			commands,
+		};
+	};
+
 export function useAdminNavigationCommands() {
 	useCommandLoader( {
 		name: 'core/add-new-post',
@@ -247,4 +281,9 @@ export function useAdminNavigationCommands() {
 		name: 'core/admin-navigation',
 		hook: getAdminBasicNavigationCommands(),
 	} );
+
+	useCommandLoader( {
+		name: 'core/view-site',
+		hook: getViewSiteCommand(),
+	} );
 }
diff --git a/packages/core-commands/src/index.js b/packages/core-commands/src/index.js
@@ -10,7 +10,6 @@ import { CommandMenu } from '@wordpress/commands';
  */
 import { useAdminNavigationCommands } from './admin-navigation-commands';
 import { useSiteEditorNavigationCommands } from './site-editor-navigation-commands';
-import { useSiteEditorGlobalStylesCommands } from './site-editor-global-styles-commands';
 import { unlock } from './lock-unlock';
 export { privateApis } from './private-apis';
 
@@ -20,7 +19,6 @@ const { RouterProvider } = unlock( routerPrivateApis );
 function CommandPalette() {
 	useAdminNavigationCommands();
 	useSiteEditorNavigationCommands();
-	useSiteEditorGlobalStylesCommands();
 	return (
 		<RouterProvider pathArg="p">
 			<CommandMenu />

diff --git a/packages/core-commands/src/site-editor-global-styles-commands.js b/packages/core-commands/src/site-editor-global-styles-commands.js
diff --git a/test/e2e/specs/site-editor/command-center.spec.js b/test/e2e/specs/site-editor/command-center.spec.js
@@ -95,7 +95,7 @@ test.describe( 'Site editor command palette', () => {
 			.getByRole( 'button', { name: 'Open command palette' } )
 			.click();
 		await page.keyboard.type( 'custom CSS' );
-		await page.getByRole( 'option', { name: 'Go to custom CSS' } ).click();
+		await page.getByRole( 'option', { name: 'Open custom CSS' } ).click();
 		await expect( page.getByLabel( 'Additional CSS' ) ).toBeVisible();
 	} );
 } );