FSE: Move initial template fetch to client (#23186)

WordPress · Jun 16, 2020 · bd46c6f · bd46c6f
1 parent 8258f40
commit bd46c6f
Show file tree

Hide file tree

Showing 4 changed files with 12 additions and 12 deletions.
diff --git a/lib/edit-site-page.php b/lib/edit-site-page.php
@@ -160,12 +160,8 @@ function gutenberg_edit_site_init( $hook ) {
 		}
 	}
 
-	$current_template_id = $template_ids['front-page'];
-
 	$settings['editSiteInitialState'] = array();
 
-	$settings['editSiteInitialState']['homeTemplateId']  = $current_template_id;
-	$settings['editSiteInitialState']['templateId']      = $current_template_id;
 	$settings['editSiteInitialState']['templateType']    = 'wp_template';
 	$settings['editSiteInitialState']['templateIds']     = array_values( $template_ids );
 	$settings['editSiteInitialState']['templatePartIds'] = array_values( $template_part_ids );
@@ -192,7 +188,6 @@ function gutenberg_edit_site_init( $hook ) {
 		'/wp/v2/taxonomies?per_page=100&context=edit',
 		'/wp/v2/pages?per_page=100&context=edit',
 		'/wp/v2/themes?status=active',
-		sprintf( '/wp/v2/templates/%s?context=edit', $current_template_id ),
 		array( '/wp/v2/media', 'OPTIONS' ),
 	);
 	$preload_data  = array_reduce(

diff --git a/lib/template-loader.php b/lib/template-loader.php
@@ -59,7 +59,7 @@ function gutenberg_add_template_loader_filters() {
  * @param string $template_type A template type.
  * @return string[] A list of template candidates, in descending order of priority.
  */
-function get_template_hierachy( $template_type ) {
+function get_template_hierarchy( $template_type ) {
 	if ( ! in_array( $template_type, get_template_types(), true ) ) {
 		return array();
 	}
@@ -220,9 +220,9 @@ function gutenberg_find_template_post_and_parts( $template_type, $template_hiera
 
 	if ( empty( $template_hierarchy ) ) {
 		if ( 'index' === $template_type ) {
-			$template_hierarchy = get_template_hierachy( 'index' );
+			$template_hierarchy = get_template_hierarchy( 'index' );
 		} else {
-			$template_hierarchy = array_merge( get_template_hierachy( $template_type ), get_template_hierachy( 'index' ) );
+			$template_hierarchy = array_merge( get_template_hierarchy( $template_type ), get_template_hierarchy( 'index' ) );
 		}
 	}
 

diff --git a/packages/edit-site/src/components/editor/index.js b/packages/edit-site/src/components/editor/index.js
@@ -144,7 +144,7 @@ function Editor() {
 		} ),
 		[ page.context ]
 	);
-	return template ? (
+	return (
 		<>
 			<EditorStyles styles={ settings.styles } />
 			<FullscreenMode isActive={ isFullscreenActive } />
@@ -223,7 +223,7 @@ function Editor() {
 											>
 												<Notices />
 												<Popover.Slot name="block-toolbar" />
-												<BlockEditor />
+												{ template && <BlockEditor /> }
 												<KeyboardShortcuts />
 											</BlockSelectionClearer>
 										}
@@ -268,6 +268,6 @@ function Editor() {
 				</DropZoneProvider>
 			</SlotFillProvider>
 		</>
-	) : null;
+	);
 }
 export default Editor;
diff --git a/packages/edit-site/src/store/index.js b/packages/edit-site/src/store/index.js
@@ -14,12 +14,17 @@ import controls from './controls';
 import { STORE_KEY } from './constants';
 
 export default function registerEditSiteStore( initialState ) {
-	return registerStore( STORE_KEY, {
+	const store = registerStore( STORE_KEY, {
 		reducer,
 		actions,
 		selectors,
 		controls: { ...dataControls, ...controls },
 		persist: [ 'preferences' ],
 		initialState,
 	} );
+
+	// We set the initial page here to include the template fetch which will
+	// resolve the correct homepage template.
+	store.dispatch( actions.setPage( initialState.page ) );
+	return store;
 }