@wordpress/build 0.5.0 → 0.5.1-next.06ee73755.0

package/templates/page-wp-admin.php.template

@@ -128,11 +128,22 @@ if ( ! function_exists( '{{PAGE_SLUG_UNDERSCORE}}_wp_admin_enqueue_scripts' ) )
 	 * @param string $hook_suffix The current admin page.
 	 */
 	function {{PAGE_SLUG_UNDERSCORE}}_wp_admin_enqueue_scripts( $hook_suffix ) {
-		// Only enqueue on our page
-		if ( ! isset( $_GET['page'] ) || '{{PAGE_SLUG}}-wp-admin' !== $_GET['page'] ) { // phpcs:ignore WordPress.Security.NonceVerification.Recommended
+		// Check all possible ways this page can be accessed:
+		// 1. Menu page via admin.php?page={{PAGE_SLUG}}-wp-admin (plugin)
+		// 2. Direct file via {{PAGE_SLUG}}.php (Core) - screen ID will be '{{PAGE_SLUG}}'
+		$current_screen = get_current_screen();
+		$is_our_page = (
+			( isset( $_GET['page'] ) && '{{PAGE_SLUG}}-wp-admin' === $_GET['page'] ) || // phpcs:ignore WordPress.Security.NonceVerification.Recommended
+			( $current_screen && '{{PAGE_SLUG}}' === $current_screen->id )
+		);
+
+		if ( ! $is_our_page ) {
 			return;
 		}
 
+		// Load build constants
+		$build_constants = require __DIR__ . '/../../constants.php';
+
 		// Fire init action for extensions to register routes and menu items
 		do_action( '{{PAGE_SLUG}}-wp-admin_init' );
 
@@ -143,7 +154,7 @@ if ( ! function_exists( '{{PAGE_SLUG_UNDERSCORE}}_wp_admin_enqueue_scripts' ) )
 		$routes = get_{{PAGE_SLUG_UNDERSCORE}}_wp_admin_routes();
 
 		// Get boot module asset file for dependencies
-		$asset_file = plugin_dir_path( __FILE__ ) . '../../modules/boot/index.min.asset.php';
+		$asset_file = __DIR__ . '/../../modules/boot/index.min.asset.php';
 		if ( file_exists( $asset_file ) ) {
 			$asset = require $asset_file;
 
@@ -198,7 +209,7 @@ if ( ! function_exists( '{{PAGE_SLUG_UNDERSCORE}}_wp_admin_enqueue_scripts' ) )
 			// Dummy script module to ensure dependencies are loaded
 			wp_register_script_module(
 				'{{PAGE_SLUG}}-wp-admin',
-				plugin_dir_url( __FILE__ ) . 'loader.js',
+				$build_constants['build_url'] . 'pages/{{PAGE_SLUG}}/loader.js',
 				$boot_dependencies
 			);
 
@@ -218,6 +229,59 @@ if ( ! function_exists( '{{PAGE_SLUG_UNDERSCORE}}_wp_admin_render_page' ) ) {
 	 */
 	function {{PAGE_SLUG_UNDERSCORE}}_wp_admin_render_page() {
 		?>
+		<style>
+			/* Critical styles to prevent layout shifts - inlined for immediate application */
+
+			/* Background colors */
+			#wpwrap {
+				background: var(--wpds-color-fg-content-neutral, #1e1e1e);
+				overflow-y: auto;
+			}
+			body {
+				background: #fff;
+			}
+
+			/* Reset wp-admin padding */
+			#wpcontent {
+				padding-left: 0;
+			}
+			#wpbody-content {
+				padding-bottom: 0;
+			}
+
+			/* Hide legacy admin elements */
+			#wpbody-content > div:not(.boot-layout-container):not(#screen-meta) {
+				display: none;
+			}
+			#wpfooter {
+				display: none;
+			}
+
+			/* Accessibility regions */
+			.a11y-speak-region {
+				left: -1px;
+				top: -1px;
+			}
+
+			/* Admin menu indicators */
+			ul#adminmenu a.wp-has-current-submenu::after,
+			ul#adminmenu > li.current > a.current::after {
+				border-right-color: #fff;
+			}
+
+			/* Media frame fix */
+			.media-frame select.attachment-filters:last-of-type {
+				width: auto;
+				max-width: 100%;
+			}
+
+			/* Responsive overflow fix for #wpwrap */
+			@media (min-width: 782px) {
+				#wpwrap {
+					overflow-y: initial;
+				}
+			}
+		</style>
 		<div id="{{PAGE_SLUG}}-wp-admin-app" class="boot-layout-container"></div>
 		<?php
 	}
@@ -226,27 +290,3 @@ if ( ! function_exists( '{{PAGE_SLUG_UNDERSCORE}}_wp_admin_render_page' ) ) {
 // Hook the enqueue function to admin_enqueue_scripts
 add_action( 'admin_enqueue_scripts', '{{PAGE_SLUG_UNDERSCORE}}_wp_admin_enqueue_scripts' );
 
-if ( ! function_exists( '{{PAGE_SLUG_UNDERSCORE}}_wp_admin_register_page' ) ) {
-	/**
-	 * Register the {{PAGE_SLUG}}-wp-admin base page handler.
-	 * This is hidden from the menu but provides the page callback for URL routing.
-	 * Visible menu items should use the full URL pattern with query parameters.
-	 *
-	 * Example:
-	 * $url = admin_url( 'admin.php?page={{PAGE_SLUG}}-wp-admin&p=' . urlencode( '/your/route' ) );
-	 * add_menu_page( 'Title', 'Menu', 'capability', $url, '', 'icon', 10 );
-	 */
-	function {{PAGE_SLUG_UNDERSCORE}}_wp_admin_register_page() {
-		add_submenu_page(
-			'nothing-{{PAGE_SLUG}}',                        // Hidden page (no parent)
-			__( '{{PAGE_SLUG}} (WP Admin)', '{{PREFIX}}' ), // Page title
-			__( '{{PAGE_SLUG}} (WP Admin)', '{{PREFIX}}' ), // Menu title (not visible)
-			'read',                                          // Minimum capability
-			'{{PAGE_SLUG}}-wp-admin',                       // Menu slug for URL routing
-			'{{PAGE_SLUG_UNDERSCORE}}_wp_admin_render_page' // Callback function
-		);
-	}
-}
-
-// Hook the registration to admin_menu
-add_action( 'admin_menu', '{{PAGE_SLUG_UNDERSCORE}}_wp_admin_register_page' );

package/templates/page.php.template

@@ -127,6 +127,9 @@ if ( ! function_exists( '{{PAGE_SLUG_UNDERSCORE}}_render_page' ) ) {
 	 * Call this function from add_menu_page or add_submenu_page.
 	 */
 	function {{PAGE_SLUG_UNDERSCORE}}_render_page() {
+		// Load build constants
+		$build_constants = require __DIR__ . '/../../constants.php';
+
 		// Set current screen
 		set_current_screen();
 
@@ -144,6 +147,11 @@ if ( ! function_exists( '{{PAGE_SLUG_UNDERSCORE}}_render_page' ) ) {
 		// Fire init action for extensions to register routes and menu items
 		do_action( '{{PAGE_SLUG}}_init' );
 
+		// Enqueue command palette assets for boot-based pages
+		if ( function_exists( 'wp_enqueue_command_palette_assets' ) ) {
+			wp_enqueue_command_palette_assets();
+		}
+
 		// Preload REST API data
 		{{PAGE_SLUG_UNDERSCORE}}_preload_data();
 
@@ -152,7 +160,7 @@ if ( ! function_exists( '{{PAGE_SLUG_UNDERSCORE}}_render_page' ) ) {
 		$routes = get_{{PAGE_SLUG_UNDERSCORE}}_routes();
 
 		// Get boot module asset file for dependencies
-		$asset_file = plugin_dir_path( __FILE__ ) . '../../modules/boot/index.min.asset.php';
+		$asset_file = __DIR__ . '/../../modules/boot/index.min.asset.php';
 		if ( file_exists( $asset_file ) ) {
 			$asset = require $asset_file;
 
@@ -166,11 +174,12 @@ if ( ! function_exists( '{{PAGE_SLUG_UNDERSCORE}}_render_page' ) ) {
 			wp_add_inline_script(
 				'{{PAGE_SLUG}}-prerequisites',
 				sprintf(
-					'import("@wordpress/boot").then(mod => mod.init({mountId: "%s", menuItems: %s, routes: %s, initModules: %s}));',
+					'import("@wordpress/boot").then(mod => mod.init({mountId: "%s", menuItems: %s, routes: %s, initModules: %s, dashboardLink: "%s"}));',
 					'{{PAGE_SLUG}}-app',
 					wp_json_encode( $menu_items, JSON_HEX_TAG | JSON_UNESCAPED_SLASHES ),
 					wp_json_encode( $routes, JSON_HEX_TAG | JSON_UNESCAPED_SLASHES ),
-					wp_json_encode( $init_modules, JSON_HEX_TAG | JSON_UNESCAPED_SLASHES )
+					wp_json_encode( $init_modules, JSON_HEX_TAG | JSON_UNESCAPED_SLASHES ),
+					esc_url( admin_url( '/' ) )
 				)
 			);
 
@@ -213,7 +222,7 @@ if ( ! function_exists( '{{PAGE_SLUG_UNDERSCORE}}_render_page' ) ) {
 			// Dummy script module to ensure dependencies are loaded
 			wp_register_script_module(
 				'{{PAGE_SLUG}}',
-				plugin_dir_url( __FILE__ ) . 'loader.js',
+				$build_constants['build_url'] . 'pages/{{PAGE_SLUG}}/loader.js',
 				$boot_dependencies
 			);
 

package/templates/routes-registration.php.template

@@ -28,6 +28,8 @@ foreach ( $routes as $route ) {
 // Helper function to register routes for a page
 $register_routes_callback = function ( $page_routes, $page_slug_underscore, $register_function_name ) {
 	return function () use ( $page_routes, $page_slug_underscore, $register_function_name ) {
+		// Load build constants
+		$build_constants = require __DIR__ . '/constants.php';
 		foreach ( $page_routes as $route ) {
 			$content_handle = null;
 			$route_handle = null;
@@ -41,7 +43,7 @@ $register_routes_callback = function ( $page_routes, $page_slug_underscore, $reg
 					$extension = defined( 'SCRIPT_DEBUG' ) && SCRIPT_DEBUG ? '.js' : '.min.js';
 					wp_register_script_module(
 						$content_handle,
-						plugins_url( 'build/routes/' . $route['name'] . '/content' . $extension, dirname( __FILE__ ) ),
+						$build_constants['build_url'] . 'routes/' . $route['name'] . '/content' . $extension,
 						$content_asset['module_dependencies'] ?? array(),
 						$content_asset['version'] ?? false
 					);
@@ -57,7 +59,7 @@ $register_routes_callback = function ( $page_routes, $page_slug_underscore, $reg
 					$extension = defined( 'SCRIPT_DEBUG' ) && SCRIPT_DEBUG ? '.js' : '.min.js';
 					wp_register_script_module(
 						$route_handle,
-						plugins_url( 'build/routes/' . $route['name'] . '/route' . $extension, dirname( __FILE__ ) ),
+						$build_constants['build_url'] . 'routes/' . $route['name'] . '/route' . $extension,
 						$route_asset['module_dependencies'] ?? array(),
 						$route_asset['version'] ?? false
 					);

package/templates/script-registration.php.template

@@ -53,7 +53,9 @@ if ( ! function_exists( '{{PREFIX}}_register_package_scripts' ) ) {
 	 * Register all package scripts.
 	 */
 	function {{PREFIX}}_register_package_scripts( $scripts ) {
-		$default_version = defined( '{{VERSION_CONSTANT}}' ) && ! SCRIPT_DEBUG ? {{VERSION_CONSTANT}} : time();
+		// Load build constants
+		$build_constants = require __DIR__ . '/constants.php';
+		$default_version = ! SCRIPT_DEBUG ? $build_constants['version'] : time();
 		$extension       = defined( 'SCRIPT_DEBUG' ) && SCRIPT_DEBUG ? '.js' : '.min.js';
 
 		$scripts_dir  = __DIR__ . '/scripts';
@@ -75,7 +77,7 @@ if ( ! function_exists( '{{PREFIX}}_register_package_scripts' ) ) {
 			{{PREFIX}}_override_script(
 				$scripts,
 				$script_data['handle'],
-				plugins_url( 'build/scripts/' . $script_data['path'] . $extension, $plugin_dir ),
+				$build_constants['build_url'] . 'scripts/' . $script_data['path'] . $extension,
 				$dependencies,
 				$version,
 				true

package/templates/style-registration.php.template

@@ -43,7 +43,10 @@ if ( ! function_exists( '{{PREFIX}}_register_package_styles' ) ) {
 	 * @param WP_Styles $styles WP_Styles instance.
 	 */
 	function {{PREFIX}}_register_package_styles( $styles ) {
-		$default_version = defined( '{{VERSION_CONSTANT}}' ) && ! SCRIPT_DEBUG ? {{VERSION_CONSTANT}} : time();
+		// Load build constants
+		$build_constants = require __DIR__ . '/constants.php';
+		$default_version = ! SCRIPT_DEBUG ? $build_constants['version'] : time();
+		$suffix          = SCRIPT_DEBUG ? '' : '.min';
 
 		$styles_dir  = __DIR__ . '/styles';
 		$styles_file = $styles_dir . '/index.php';
@@ -59,13 +62,14 @@ if ( ! function_exists( '{{PREFIX}}_register_package_styles' ) ) {
 			{{PREFIX}}_override_style(
 				$styles,
 				$style_data['handle'],
-				plugins_url( 'build/styles/' . $style_data['path'] . '.css', $plugin_dir ),
+				$build_constants['build_url'] . 'styles/' . $style_data['path'] . $suffix . '.css',
 				$style_data['dependencies'],
 				$default_version
 			);
 
 			// Enable RTL support (WordPress automatically loads -rtl.css variant)
 			$styles->add_data( $style_data['handle'], 'rtl', 'replace' );
+			$styles->add_data( $style_data['handle'], 'suffix', $suffix );
 		}
 	}
 

package/tsconfig.json

@@ -22,6 +22,6 @@
 	"exclude": [
 		// Excluded to maintain consistency with bin/tsconfig.json
 		// where packages/build.mjs was also excluded
-		"src/build.mjs"
+		"lib/build.mjs"
 	]
 }

package/templates/version.php.template

@@ -1,11 +0,0 @@
-<?php
-/**
- * Plugin version constant - Auto-generated by build process.
- * Do not edit this file manually.
- *
- * @package {{PREFIX}}
- */
-
-if ( ! defined( '{{VERSION_CONSTANT}}' ) ) {
-	define( '{{VERSION_CONSTANT}}', '{{VERSION}}' );
-}