@wordpress/build 0.4.1-next.8b30e05b0.0 → 0.4.1-next.8fd3f8831.0

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

@@ -128,8 +128,16 @@ 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;
 		}
 
@@ -143,7 +151,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 +206,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',
+				{{BASE_URL}} . '/pages/{{PAGE_SLUG}}/loader.js',
 				$boot_dependencies
 			);
 
@@ -218,6 +226,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 +287,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

@@ -152,7 +152,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;
 
@@ -213,7 +213,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',
+				{{BASE_URL}} . '/pages/{{PAGE_SLUG}}/loader.js',
 				$boot_dependencies
 			);
 

package/templates/routes-registration.php.template

@@ -41,7 +41,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__ ) ),
+						{{BASE_URL}} . '/routes/' . $route['name'] . '/content' . $extension,
 						$content_asset['module_dependencies'] ?? array(),
 						$content_asset['version'] ?? false
 					);
@@ -57,7 +57,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__ ) ),
+						{{BASE_URL}} . '/routes/' . $route['name'] . '/route' . $extension,
 						$route_asset['module_dependencies'] ?? array(),
 						$route_asset['version'] ?? false
 					);

package/templates/script-registration.php.template

@@ -75,7 +75,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 ),
+				{{BASE_URL}} . '/scripts/' . $script_data['path'] . $extension,
 				$dependencies,
 				$version,
 				true

package/templates/style-registration.php.template

@@ -59,7 +59,7 @@ if ( ! function_exists( '{{PREFIX}}_register_package_styles' ) ) {
 			{{PREFIX}}_override_style(
 				$styles,
 				$style_data['handle'],
-				plugins_url( 'build/styles/' . $style_data['path'] . '.css', $plugin_dir ),
+				{{BASE_URL}} . '/styles/' . $style_data['path'] . '.css',
 				$style_data['dependencies'],
 				$default_version
 			);