Command Palette: Enqueue assets globally (#71264)

t-hamano · youknowriad · web-flow · commit 238c573e1f04 · 2025-08-22T11:49:12.000+09:00
* Command Palette: Enqueue assets globally

* Move function to compat directory

* Add backport changelog

* initializeCommandPalette: Remove IS_GUTENBERG_PLUGIN check

Co-authored-by: t-hamano &lt;wildworks@git.wordpress.org&gt;
Co-authored-by: youknowriad &lt;youknowriad@git.wordpress.org&gt;
diff --git a/backport-changelog/6.9/9542.md b/backport-changelog/6.9/9542.md
@@ -0,0 +1,3 @@
+https://github.com/WordPress/wordpress-develop/pull/9542
+
+* https://github.com/WordPress/gutenberg/pull/71264
diff --git a/lib/compat/wordpress-6.9/command-palette.php b/lib/compat/wordpress-6.9/command-palette.php
@@ -0,0 +1,19 @@
+<?php
+/**
+ * Enqueues the assets required for the Command Palette.
+ */
+function gutenberg_enqueue_command_palette_assets() {
+	if ( ! is_admin() ) {
+		return;
+	}
+
+	wp_enqueue_script( 'wp-commands' );
+	wp_enqueue_style( 'wp-commands' );
+	wp_enqueue_script( 'wp-core-commands' );
+	wp_add_inline_script( 'wp-core-commands', 'wp.coreCommands.initializeCommandPalette();' );
+}
+
+if ( has_filter( 'admin_enqueue_scripts', 'wp_enqueue_command_palette_assets' ) ) {
+	remove_filter( 'admin_enqueue_scripts', 'wp_enqueue_command_palette_assets', 9 );
+}
+add_filter( 'admin_enqueue_scripts', 'gutenberg_enqueue_command_palette_assets', 9 );
diff --git a/lib/experimental/commands.php b/lib/experimental/commands.php
diff --git a/lib/experiments-page.php b/lib/experiments-page.php
@@ -91,18 +91,6 @@ function gutenberg_initialize_experiments_settings() {
 		)
 	);
 
-	add_settings_field(
-		'gutenberg-command-palette-everywhere',
-		__( 'Command Palette: enable everywhere', 'gutenberg' ),
-		'gutenberg_display_experiment_field',
-		'gutenberg-experiments',
-		'gutenberg_experiments_section',
-		array(
-			'label' => __( 'Enables the Command Palette everywhere in the admin dashboard.', 'gutenberg' ),
-			'id'    => 'gutenberg-command-palette-everywhere',
-		)
-	);
-
 	add_settings_field(
 		'gutenberg-media-processing',
 		__( 'Client-side media processing', 'gutenberg' ),
diff --git a/lib/load.php b/lib/load.php
@@ -81,6 +81,7 @@ function gutenberg_is_experiment_enabled( $name ) {
 
 // WordPress 6.9 compat.
 require __DIR__ . '/compat/wordpress-6.9/customizer-preview-custom-css.php';
+require __DIR__ . '/compat/wordpress-6.9/command-palette.php';
 
 // Experimental features.
 require __DIR__ . '/experimental/block-editor-settings-mobile.php';
@@ -91,7 +92,6 @@ function gutenberg_is_experiment_enabled( $name ) {
 require __DIR__ . '/experimental/synchronization.php';
 require __DIR__ . '/experimental/script-modules.php';
 require __DIR__ . '/experimental/posts/load.php';
-require __DIR__ . '/experimental/commands.php';
 
 if ( gutenberg_is_experiment_enabled( 'gutenberg-no-tinymce' ) ) {
 	require __DIR__ . '/experimental/disable-tinymce.php';
diff --git a/package-lock.json b/package-lock.json
diff --git a/packages/core-commands/src/index.js b/packages/core-commands/src/index.js
@@ -30,9 +30,6 @@ function CommandPalette() {
  * Initializes the Command Palette.
  */
 export function initializeCommandPalette() {
-	if ( ! globalThis.IS_GUTENBERG_PLUGIN ) {
-		return;
-	}
 	const root = document.createElement( 'div' );
 	document.body.appendChild( root );
 	createRoot( root ).render(
diff --git a/packages/edit-post/package.json b/packages/edit-post/package.json
@@ -37,7 +37,6 @@
 		"@wordpress/commands": "file:../commands",
 		"@wordpress/components": "file:../components",
 		"@wordpress/compose": "file:../compose",
-		"@wordpress/core-commands": "file:../core-commands",
 		"@wordpress/core-data": "file:../core-data",
 		"@wordpress/data": "file:../data",
 		"@wordpress/deprecated": "file:../deprecated",
diff --git a/packages/edit-post/src/components/layout/index.js b/packages/edit-post/src/components/layout/index.js
@@ -34,11 +34,7 @@ import {
 import { chevronDown, chevronUp } from '@wordpress/icons';
 import { store as noticesStore } from '@wordpress/notices';
 import { store as preferencesStore } from '@wordpress/preferences';
-import {
-	CommandMenu,
-	privateApis as commandsPrivateApis,
-} from '@wordpress/commands';
-import { privateApis as coreCommandsPrivateApis } from '@wordpress/core-commands';
+import { privateApis as commandsPrivateApis } from '@wordpress/commands';
 import { privateApis as blockLibraryPrivateApis } from '@wordpress/block-library';
 import { addQueryArgs } from '@wordpress/url';
 import { decodeEntities } from '@wordpress/html-entities';
@@ -77,7 +73,6 @@ import useNavigateToEntityRecord from '../../hooks/use-navigate-to-entity-record
 import { useMetaBoxInitialization } from '../meta-boxes/use-meta-box-initialization';
 
 const { getLayoutStyles } = unlock( blockEditorPrivateApis );
-const { useCommands } = unlock( coreCommandsPrivateApis );
 const { useCommandContext } = unlock( commandsPrivateApis );
 const { Editor, FullscreenMode, NavigableRegion } = unlock( editorPrivateApis );
 const { BlockKeyboardShortcuts } = unlock( blockLibraryPrivateApis );
@@ -373,7 +368,6 @@ function Layout( {
 	settings,
 	initialEdits,
 } ) {
-	useCommands();
 	useEditPostCommands();
 	const shouldIframe = useShouldIframe();
 	const { createErrorNotice } = useDispatch( noticesStore );
@@ -583,7 +577,6 @@ function Layout( {
 	return (
 		<SlotFillProvider>
 			<ErrorBoundary canCopyContent>
-				<CommandMenu />
 				<WelcomeGuide postType={ currentPostType } />
 				<div
 					className={ navigateRegionsProps.className }
diff --git a/packages/edit-site/package.json b/packages/edit-site/package.json
@@ -39,7 +39,6 @@
 		"@wordpress/commands": "file:../commands",
 		"@wordpress/components": "file:../components",
 		"@wordpress/compose": "file:../compose",
-		"@wordpress/core-commands": "file:../core-commands",
 		"@wordpress/core-data": "file:../core-data",
 		"@wordpress/data": "file:../data",
 		"@wordpress/dataviews": "file:../dataviews",
diff --git a/packages/edit-site/src/components/layout/index.js b/packages/edit-site/src/components/layout/index.js
@@ -20,15 +20,13 @@ import {
 } from '@wordpress/compose';
 import { __, sprintf } from '@wordpress/i18n';
 import { useState, useRef, useEffect } from '@wordpress/element';
-import { CommandMenu } from '@wordpress/commands';
 import { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';
 import {
 	EditorSnackbars,
 	UnsavedChangesWarning,
 	ErrorBoundary,
 	privateApis as editorPrivateApis,
 } from '@wordpress/editor';
-import { privateApis as coreCommandsPrivateApis } from '@wordpress/core-commands';
 import { privateApis as routerPrivateApis } from '@wordpress/router';
 import { PluginArea } from '@wordpress/plugins';
 import { store as noticesStore } from '@wordpress/notices';
@@ -48,7 +46,6 @@ import { SidebarContent, SidebarNavigationProvider } from '../sidebar';
 import SaveHub from '../save-hub';
 import SavePanel from '../save-panel';
 
-const { useCommands } = unlock( coreCommandsPrivateApis );
 const { useGlobalStyle } = unlock( blockEditorPrivateApis );
 const { NavigableRegion, GlobalStylesProvider } = unlock( editorPrivateApis );
 const { useLocation } = unlock( routerPrivateApis );
@@ -58,7 +55,6 @@ const ANIMATION_DURATION = 0.3;
 function Layout() {
 	const { query, name: routeKey, areas, widths } = useLocation();
 	const { canvas = 'view' } = query;
-	useCommands();
 	const isMobileViewport = useViewportMatch( 'medium', '<' );
 	const toggleRef = useRef();
 	const navigateRegionsProps = useNavigateRegions();
@@ -93,7 +89,6 @@ function Layout() {
 	return (
 		<>
 			<UnsavedChangesWarning />
-			<CommandMenu />
 			{ canvas === 'view' && <SaveKeyboardShortcut /> }
 			<div
 				{ ...navigateRegionsProps }

Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,3 @@`
	`1`	`+https://github.com/WordPress/wordpress-develop/pull/9542`
	`2`	`+`
	`3`	`+* https://github.com/WordPress/gutenberg/pull/71264`