@wordpress/edit-post 8.45.1-next.v.202605131032.0 → 8.47.0

package/src/index.js

@@ -8,7 +8,7 @@ import {
 } from '@wordpress/block-library';
 import deprecated from '@wordpress/deprecated';
 import { createRoot, StrictMode } from '@wordpress/element';
-import { dispatch, select } from '@wordpress/data';
+import { dispatch, resolveSelect, select } from '@wordpress/data';
 import { store as preferencesStore } from '@wordpress/preferences';
 import {
 	registerLegacyWidgetBlock,
@@ -18,6 +18,8 @@ import {
 	store as editorStore,
 	privateApis as editorPrivateApis,
 } from '@wordpress/editor';
+import { store as coreDataStore } from '@wordpress/core-data';
+import apiFetch from '@wordpress/api-fetch';
 
 /**
  * Internal dependencies
@@ -30,6 +32,10 @@ const {
 	registerCoreBlockBindingsSources,
 } = unlock( editorPrivateApis );
 
+const { enablePreloadMultiUse, clearPreloadedData } = unlock(
+	apiFetch.privateApis
+);
+
 /**
  * Initializes and returns an instance of Editor.
  *
@@ -150,20 +156,158 @@ export function initializeEditor(
 	window.addEventListener( 'dragover', ( e ) => e.preventDefault(), false );
 	window.addEventListener( 'drop', ( e ) => e.preventDefault(), false );
 
-	root.render(
-		<StrictMode>
-			<Layout
-				settings={ settings }
-				postId={ postId }
-				postType={ postType }
-				initialEdits={ initialEdits }
-			/>
-		</StrictMode>
-	);
+	// Drive the resolvers whose data `createPreloadingMiddleware`
+	// already has cached so every metadata entry they touch is
+	// `finished` by the time React mounts — no `setTimeout(0)`
+	// resolution dance on first render. Multi-use lets a single
+	// preloaded URL back several selectors (e.g. /wp/v2/settings GET +
+	// OPTIONS serves `getEntitiesConfig`, `canUser`, `getEntityRecord`).
+	enablePreloadMultiUse();
+	const preloadedResolutions = preloadResolutions( postType, postId );
+
+	preloadedResolutions.finally( () => {
+		// Anything not consumed by the kickoff falls through to a real
+		// network request from here on. `clearPreloadedData` logs which
+		// preload entries (if any) were never served.
+		clearPreloadedData();
+		if ( postType && postId ) {
+			const post = select( coreDataStore ).getEntityRecord(
+				'postType',
+				postType,
+				postId
+			);
+			if ( post ) {
+				dispatch( editorStore ).setupEditor(
+					post,
+					initialEdits,
+					settings.template
+				);
+			}
+		}
+		root.render(
+			<StrictMode>
+				<Layout
+					settings={ settings }
+					postId={ postId }
+					postType={ postType }
+					initialEdits={ initialEdits }
+				/>
+			</StrictMode>
+		);
+	} );
 
 	return root;
 }
 
+/**
+ * Drive resolvers to completion against the preload cache before React
+ * mounts. Two phases: known-up-front args (post id + type), then args
+ * derived from phase-1 state (post slug → template, current global
+ * styles id → record + canUser).
+ *
+ * @param {string} postType Current post type.
+ * @param {number} postId   Current post id.
+ * @return {Promise<void>}  Resolves when the kickoff resolvers settle.
+ */
+async function preloadResolutions( postType, postId ) {
+	const core = resolveSelect( coreDataStore );
+	const coreSelect = select( coreDataStore );
+
+	try {
+		await Promise.all( [
+			core.getCurrentUser(),
+			core.getEntitiesConfig( 'postType' ),
+			core.getEntitiesConfig( 'taxonomy' ),
+			core.getEntitiesConfig( 'root' ),
+			core.getEntityRecords( 'root', 'taxonomy' ),
+			core.getCurrentTheme(),
+			// Forward-resolver alias of `getCurrentTheme` with its own
+			// resolution metadata, so it needs a separate kick.
+			core.getThemeSupports(),
+			core.getBlockPatternCategories(),
+			core.__experimentalGetCurrentGlobalStylesId(),
+			core.__experimentalGetCurrentThemeBaseGlobalStyles(),
+			core.__experimentalGetCurrentThemeGlobalStylesVariations(),
+			core.getEntityRecord( 'root', '__unstableBase' ),
+			core.getEntityRecord( 'root', 'site' ),
+			core.canUser( 'read', { kind: 'root', name: 'site' } ),
+			core.canUser( 'create', { kind: 'postType', name: 'attachment' } ),
+			core.canUser( 'create', { kind: 'postType', name: 'page' } ),
+			core.canUser( 'create', { kind: 'postType', name: 'wp_block' } ),
+			core.canUser( 'create', {
+				kind: 'postType',
+				name: 'wp_template',
+			} ),
+			// Per-post resolvers. `getPostType` and `getEditedEntityRecord`
+			// are shorthand/forward-resolver aliases with their own
+			// resolution metadata, so they need separate kicks.
+			...( postType && postId
+				? [
+						core.getPostType( postType ),
+						core.getEntityRecord( 'postType', postType, postId ),
+						core.getEditedEntityRecord(
+							'postType',
+							postType,
+							postId
+						),
+						core.getAutosaves( postType, postId ),
+						core.getDefaultTemplateId( { slug: 'front-page' } ),
+						core.canUser( 'create', {
+							kind: 'postType',
+							name: postType,
+						} ),
+				  ]
+				: [] ),
+		] );
+
+		// Phase 2: read derived data out of state.
+		const tasks = [];
+		const globalStylesId =
+			coreSelect.__experimentalGetCurrentGlobalStylesId();
+		if ( globalStylesId ) {
+			tasks.push(
+				core.getEntityRecord( 'root', 'globalStyles', globalStylesId ),
+				core.canUser( 'read', {
+					kind: 'root',
+					name: 'globalStyles',
+					id: globalStylesId,
+				} )
+			);
+		}
+
+		if ( postType && postId ) {
+			const post = coreSelect.getEntityRecord(
+				'postType',
+				postType,
+				postId
+			);
+			if ( post ) {
+				// Mirrors core-data's `getDefaultTemplate` slug formula.
+				let slug = 'page' === postType ? 'page' : 'single-' + postType;
+				if ( post.slug ) {
+					slug += '-' + post.slug;
+				}
+				tasks.push( core.getDefaultTemplateId( { slug } ) );
+
+				if ( post.author ) {
+					tasks.push(
+						core.getUser( post.author, {
+							context: 'view',
+							_fields: 'id,name',
+						} )
+					);
+				}
+			}
+		}
+
+		if ( tasks.length ) {
+			await Promise.all( tasks );
+		}
+	} catch {
+		// Resolver failures here would also surface on demand; don't block render.
+	}
+}
+
 /**
  * Used to reinitialize the editor after an error. Now it's a deprecated noop function.
  */

package/src/style.scss

@@ -5,6 +5,7 @@
 @use "./components/layout/style.scss" as *;
 @use "./components/meta-boxes/meta-boxes-area/style.scss" as *;
 @use "./components/welcome-guide/style.scss" as *;
+@use "./experimental-admin-bar-in-editor.scss" as *;
 
 body.js.block-editor-page {
 	@include wp-admin-reset( ".block-editor" );