wp_font_library_render_page()WP 1.0

Render the font-library page. Call this function from add_menu_page or add_submenu_page.

Returns

null. Nothing (null).

Usage

wp_font_library_render_page();

wp_font_library_render_page() code WP 7.0

<?php
function wp_font_library_render_page() {
	// Load build constants
	$build_constants = require __DIR__ . '/../../constants.php';

	// Set current screen
	set_current_screen();

	// Remove unwanted deprecated handler
	remove_action( 'admin_head', 'wp_admin_bar_header' );

	// Remove unwanted scripts and styles that were enqueued during `admin_init`
	foreach ( wp_scripts()->queue as $script ) {
		wp_dequeue_script( $script );
	}
	foreach ( wp_styles()->queue as $style ) {
		wp_dequeue_style( $style );
	}

	// Fire init action for extensions to register routes and menu items
	do_action( 'font-library_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
	wp_font_library_preload_data();

	// Get all registered routes and menu items
	$menu_items = wp_get_font_library_menu_items();
	$routes = wp_get_font_library_routes();

	// Get boot module asset file for dependencies
	$asset_file = ABSPATH . WPINC . '/js/dist/script-modules/boot/index.min.asset.php';
	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( 'font-library-prerequisites', '', $asset['dependencies'], $asset['version'], true );

		// Add inline script to initialize the app
		$init_modules = [];
		wp_add_inline_script(
			'font-library-prerequisites',
			sprintf(
				'import("@wordpress/boot").then(mod => mod.init({mountId: "%s", menuItems: %s, routes: %s, initModules: %s, dashboardLink: "%s"}));',
				'font-library-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 ),
				esc_url( admin_url( '/' ) )
			)
		);

		// Register prerequisites style by filtering script dependencies to find registered styles
		$style_dependencies = array_filter(
			$asset['dependencies'],
			function ( $handle ) {
				return wp_style_is( $handle, 'registered' );
			}
		);
		wp_register_style( 'font-library-prerequisites', false, $style_dependencies, $asset['version'] );

		// Build dependencies for font-library module
		$boot_dependencies = array(
			array(
				'import' => 'static',
				'id'     => '@wordpress/boot',
			),
		);

		// Add init modules as static dependencies
			// No init modules configured

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

		// Dummy script module to ensure dependencies are loaded
		wp_register_script_module(
			'font-library',
			$build_constants['build_url'] . 'pages/font-library/loader.js',
			$boot_dependencies
		);

		// Enqueue the boot scripts and styles
		wp_enqueue_script( 'font-library-prerequisites' );
		wp_enqueue_script_module( 'font-library' );
		wp_enqueue_style( 'font-library-prerequisites' );
	}

	// Output the HTML
	?>
	<!DOCTYPE html>
	<html <?php language_attributes(); ?>>
	<head>
		<meta charset="<?php bloginfo( 'charset' ); ?>">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<title><?php echo esc_html( get_admin_page_title() ); ?></title>
		<style>
			html {
				background: #f1f1f1;
				color: #444;
				font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
				font-size: 13px;
				line-height: 1.4em;
			}
			body {
				margin: 0;
			}
			#wpadminbar { display: none; }
		</style>
	<?php
	global $hook_suffix;
	// phpcs:ignore WordPress.WP.GlobalVariablesOverride.Prohibited
	$hook_suffix = 'font-library';

	// BEGIN see wp-admin/admin-header.php
	print_admin_styles();
	print_head_scripts();

	/**
	 * Fires in head section for a specific admin page.
	 *
	 * @since 2.1.0
	 */
	do_action( "admin_head-{$hook_suffix}" ); // phpcs:ignore WordPress.NamingConventions.ValidHookName.UseUnderscores

	/**
	 * Fires in head section for all admin pages.
	 *
	 * @since 2.1.0
	 */
	do_action( 'admin_head' );
	// END see wp-admin/admin-header.php
	?>
	</head>
	<body class="font-library">
		<div id="font-library-app" style="height: 100vh; box-sizing: border-box;"></div>
	<?php
	// BEGIN see wp-admin/admin-footer.php

	/**
	 * Prints scripts or data before the default footer scripts.
	 *
	 * @since 1.2.0
	 */
	do_action( 'admin_footer', '' );

	// Print import map first so it's available for inline scripts
	wp_script_modules()->print_import_map();
	print_footer_scripts();
	wp_script_modules()->print_enqueued_script_modules();
	wp_script_modules()->print_script_module_preloads();
	wp_script_modules()->print_script_module_data();

	/**
	 * Prints scripts or data after the default footer scripts.
	 *
	 * @since 2.8.0
	 */
	do_action( "admin_footer-{$hook_suffix}" ); // phpcs:ignore WordPress.NamingConventions.ValidHookName.UseUnderscores
	// END see wp-admin/admin-footer.php
	?>
	</body>
	</html>
	<?php
	exit;
}