Editor: Operate on template CPT posts and add a default template with post title and content blocks.

docs/designers-developers/developers/block-api/block-templates.md

@@ -107,7 +107,8 @@ add_action( 'init', 'myplugin_register_template' );
 
 *Options:*
 
-- `all` — prevents all operations. It is not possible to insert new blocks, move existing blocks, or delete blocks.
+- `readonly` — prevents all operations. It is not possible to edit any blocks, insert new blocks, move or delete existing blocks.
+- `all` — prevents all block operations. It is not possible to insert new blocks, move or delete existing blocks.
 - `insert` — prevents inserting or removing blocks, but allows moving existing blocks.
 
 ## Nested Templates

docs/designers-developers/developers/data/data-core.md

@@ -153,6 +153,22 @@ _Returns_
 
 -   `Array`: Records.
 
+<a name="getSiteOptions" href="#getSiteOptions">#</a> **getSiteOptions**
+
+Return site options as they exist locally.
+
+_Related_
+
+-   isSiteOptionsDirty
+
+_Parameters_
+
+-   _state_ `Object`: Data state.
+
+_Returns_
+
+-   `Object`: Site options.
+
 <a name="getThemeSupports" href="#getThemeSupports">#</a> **getThemeSupports**
 
 Return theme supports data in the index.
@@ -242,6 +258,19 @@ _Returns_
 
 -   `boolean`: Whether a request is in progress for an embed preview.
 
+<a name="isSiteOptionsDirty" href="#isSiteOptionsDirty">#</a> **isSiteOptionsDirty**
+
+Return whether the client has local changes to site options which haven't
+yet been saved to the server.
+
+_Parameters_
+
+-   _state_ `Object`: Data state.
+
+_Returns_
+
+-   `boolean`: Whether or not the local site options state is dirty.
+
 
 <!-- END TOKEN(Autogenerated selectors) -->
 
@@ -317,6 +346,18 @@ _Returns_
 
 -   `Object`: Action object.
 
+<a name="receiveSiteOptions" href="#receiveSiteOptions">#</a> **receiveSiteOptions**
+
+Returns an action object used in signalling that site options have been received.
+
+_Parameters_
+
+-   _siteOptions_ `Object`: Site options.
+
+_Returns_
+
+-   `Object`: Action object.
+
 <a name="receiveThemeSupports" href="#receiveThemeSupports">#</a> **receiveThemeSupports**
 
 Returns an action object used in signalling that the index has been received.
@@ -382,4 +423,28 @@ _Returns_
 
 -   `Object`: Updated record.
 
+<a name="saveSiteOptions" href="#saveSiteOptions">#</a> **saveSiteOptions**
+
+Action triggered to save site options.
+
+_Parameters_
+
+-   _siteOptions_ `Object`: Site options.
+
+_Returns_
+
+-   `Object`: Updated site options.
+
+<a name="updateSiteOptions" href="#updateSiteOptions">#</a> **updateSiteOptions**
+
+Returns an action object used in signalling that site options have been locally updated.
+
+_Parameters_
+
+-   _siteOptions_ `Object`: Site options.
+
+_Returns_
+
+-   `Object`: Action object.
+
 <!-- END TOKEN(Autogenerated actions) -->

lib/blocks.php

@@ -27,7 +27,12 @@ function gutenberg_reregister_core_block_types() {
 		'rss.php'             => 'core/rss',
 		'shortcode.php'       => 'core/shortcode',
 		'search.php'          => 'core/search',
+		'site-title.php'      => 'core/site-title',
 		'tag-cloud.php'       => 'core/tag-cloud',
+		'post-title.php'      => 'core/post-title',
+		'post-content.php'    => 'core/post-content',
+		'post-date.php'       => 'core/post-date',
+		'template-part.php'   => 'core/template-part',
 	);
 
 	$registry = WP_Block_Type_Registry::get_instance();
@@ -45,3 +50,24 @@ function gutenberg_reregister_core_block_types() {
 	}
 }
 add_action( 'init', 'gutenberg_reregister_core_block_types' );
+
+/**
+ * Adds new block categories needed by the Gutenberg plugin.
+ *
+ * @param array $categories Array of block categories.
+ *
+ * @return array Array of block categories plus the new categories added.
+ */
+function gutenberg_block_categories( $categories ) {
+	return array_merge(
+		$categories,
+		array(
+			array(
+				'slug'  => 'theme',
+				'title' => __( 'Theme Blocks' ),
+				'icon'  => null,
+			),
+		)
+	);
+}
+add_filter( 'block_categories', 'gutenberg_block_categories' );

lib/load.php

@@ -30,6 +30,7 @@
 
 require dirname( __FILE__ ) . '/compat.php';
 require dirname( __FILE__ ) . '/blocks.php';
+require dirname( __FILE__ ) . '/templates.php';
 require dirname( __FILE__ ) . '/client-assets.php';
 require dirname( __FILE__ ) . '/demo.php';
 require dirname( __FILE__ ) . '/widgets.php';

lib/templates.php

@@ -0,0 +1,191 @@
+<?php
+/**
+ * Register Gutenberg core block editor templates.
+ *
+ * @package gutenberg
+ */
+
+/**
+ * Registers Gutenberg core block editor templates.
+ */
+function gutenberg_register_templates() {
+	register_post_type(
+		'wp_template',
+		array(
+			'labels'       => array(
+				'name' => __( 'Templates', 'gutenberg' ),
+			),
+			'show_in_rest' => true,
+			'show_ui' => true,
+		)
+	);
+
+	$template_query = new WP_Query(
+		array(
+			'post_type' => 'wp_template',
+			'name'      => 'single-post',
+		)
+	);
+
+	$template;
+	if ( ! $template_query->have_posts() ) {
+		$footer_template_part_id = wp_insert_post(
+			array(
+				'post_type'    => 'wp_template',
+				'post_title'   => 'Footer',
+				'post_name'    => 'footer-template-part',
+				'post_content' => "<!-- wp:paragraph -->\n<p>Template part</p>\n<!-- /wp:paragraph -->\n\n<!-- wp:categories /-->",
+			)
+		);
+
+		$template_id = wp_insert_post(
+			array(
+				'post_type'    => 'wp_template',
+				'post_name'    => 'single-post',
+				'post_content' => '<!-- wp:navigation-menu {"align":"wide"} -->
+				<nav class="wp-block-navigation-menu alignwide"><!-- wp:navigation-menu-item {"label":"Home","destination":"http://yah.local/"} -->
+				<a href="http://yah.local/" class="wp-block-navigation-menu-item">Home</a>
+				<!-- /wp:navigation-menu-item -->
+
+				<!-- wp:navigation-menu-item {"label":"My best posts","destination":"http://yah.local/best"} -->
+				<a href="http://yah.local/best" class="wp-block-navigation-menu-item">My best posts</a>
+				<!-- /wp:navigation-menu-item --></nav>
+				<!-- /wp:navigation-menu -->
+
+				<!-- wp:columns {"align":"wide"} -->
+				<div class="wp-block-columns alignwide"><!-- wp:column {"width":66.66} -->
+				<div class="wp-block-column" style="flex-basis:66.66%"><!-- wp:post-title /-->
+
+				<!-- wp:post-date {"format":"datetime"} /-->
+
+				<!-- wp:post-content /--></div>
+				<!-- /wp:column -->
+
+				<!-- wp:column {"width":33.34} -->
+				<div class="wp-block-column" style="flex-basis:33.34%"><!-- wp:group {"backgroundColor":"very-dark-gray"} -->
+				<div class="wp-block-group has-very-dark-gray-background-color has-background"><div class="wp-block-group__inner-container"><!-- wp:paragraph {"textColor":"very-light-gray"} -->
+				<p class="has-text-color has-very-light-gray-color">This is a <strong>Sidebar</strong>.</p>
+				<!-- /wp:paragraph -->
+
+				<!-- wp:paragraph {"textColor":"very-light-gray"} -->
+				<p class="has-text-color has-very-light-gray-color">With some block widgets.</p>
+				<!-- /wp:paragraph -->
+
+				<!-- wp:tag-cloud /-->
+
+				<!-- wp:paragraph -->
+				<p><strong>You are now reading post:</strong></p>
+				<!-- /wp:paragraph -->
+
+				<!-- wp:post-title /-->
+
+				<!-- wp:spacer {"height":223} -->
+				<div style="height:223px" aria-hidden="true" class="wp-block-spacer"></div>
+				<!-- /wp:spacer --></div></div>
+				<!-- /wp:group --></div>
+				<!-- /wp:column --></div>
+				<!-- /wp:columns -->
+				<!-- wp:template-part {"id":' . $footer_template_part_id . ',"name":"Footer"} /-->',
+			)
+		);
+		$template    = get_post( $template_id );
+	} else {
+		$template = $template_query->get_posts();
+		$template = $template[0];
+	}
+
+	$post_type_object                = get_post_type_object( 'post' );
+	$post_type_object->template_post = $template;
+}
+add_action( 'init', 'gutenberg_register_templates' );
+
+/**
+ * Filters the block editor settings object to add the post's template post.
+ *
+ * @param array    $editor_settings The block editor settings object.
+ * @param \WP_Post $post            The post object.
+ *
+ * @return array The maybe modified block editor settings object.
+ */
+function gutenberg_filter_block_editor_settings( $editor_settings, $post ) {
+	$post_type_object = get_post_type_object( get_post_type( $post ) );
+	if ( ! empty( $post_type_object->template_post ) ) {
+		$editor_settings['templatePost'] = $post_type_object->template_post;
+	}
+	return $editor_settings;
+}
+add_filter( 'block_editor_settings', 'gutenberg_filter_block_editor_settings', 10, 2 );
+
+/**
+ * Returns an array of paths to template parts that should be preloaded, based on what template part blocks exist in the blocks passed.
+ *
+ * @param array $blocks Array of block objects.
+ *
+ * @return array Array of paths to template parts posts.
+ */
+function get_template_part_preload_paths( $blocks ) {
+	if ( empty( $blocks ) ) {
+		return array();
+	}
+	$parts = array();
+	foreach ( $blocks as $block ) {
+		if ( 'core/template-part' === $block['blockName'] &&
+			isset( $block['attrs']['id'] )
+		) {
+			$parts[] = sprintf( '/wp/v2/wp_template/%s?context=edit', $block['attrs']['id'] );
+		}
+		$parts = array_merge(
+			$parts,
+			get_template_part_preload_paths( $block['innerBlocks'] )
+		);
+	}
+	return $parts;
+}
+
+/**
+ * Filter the  preload_paths to include paths to template part posts referenced in the current post template.
+ *
+ * @param array $preload_paths Array of paths to preload.
+ *
+ * @return array Array of paths to preload with template part paths added.
+ */
+function gutenberg_preload_template_parts( $preload_paths ) {
+	global $post;
+	$post_type_object = get_post_type_object( get_post_type( $post ) );
+	if ( ! empty( $post_type_object->template_post ) ) {
+		$blocks = parse_blocks( $post_type_object->template_post->post_content );
+		return array_merge(
+			$preload_paths,
+			get_template_part_preload_paths( $blocks )
+		);
+	}
+	return $preload_paths;
+}
+
+add_filter( 'block_editor_preload_paths', 'gutenberg_preload_template_parts' );
+
+/**
+ * Filters template inclusion in pages to hijack the `single.php` template
+ * and load the Gutenberg editable counterpart instead.
+ *
+ * @param string $template The included template file name.
+ *
+ * @return string The passed in file name unless the process is hijacked.
+ */
+function gutenberg_filter_template_include( $template ) {
+	if ( ! preg_match( '/single\.php$/', $template ) ) {
+		return $template;
+	}
+
+	$template_query = new WP_Query(
+		array(
+			'post_type' => 'wp_template',
+			'name'      => 'single-post',
+		)
+	);
+	$template       = $template_query->get_posts();
+	$template       = $template[0];
+	echo wp_head() . apply_filters( 'the_content', $template->post_content ) . wp_footer();
+	exit;
+}
+add_filter( 'template_include', 'gutenberg_filter_template_include' );

packages/block-editor/src/components/block-drop-zone/index.js

@@ -111,10 +111,7 @@ class BlockDropZone extends Component {
 	}
 
 	render() {
-		const { isLockedAll, index } = this.props;
-		if ( isLockedAll ) {
-			return null;
-		}
+		const { index } = this.props;
 		const isAppender = index === undefined;
 
 		return (
@@ -155,10 +152,10 @@ export default compose(
 			},
 		};
 	} ),
-	withSelect( ( select, { rootClientId } ) => {
-		const { getClientIdsOfDescendants, getTemplateLock, getBlockIndex } = select( 'core/block-editor' );
+	withSelect( ( select ) => {
+		const { getClientIdsOfDescendants, getBlockIndex } = select( 'core/block-editor' );
+
 		return {
-			isLockedAll: getTemplateLock( rootClientId ) === 'all',
 			getClientIdsOfDescendants,
 			getBlockIndex,
 		};

packages/block-editor/src/components/block-edit/context.js

@@ -15,6 +15,7 @@ const { Consumer, Provider } = createContext( {
 	focusedElement: null,
 	setFocusedElement: noop,
 	clientId: null,
+	isReadOnly: null,
 } );
 
 export { Provider as BlockEditContextProvider };

packages/block-editor/src/components/block-edit/index.js

@@ -27,13 +27,13 @@ class BlockEdit extends Component {
 		);
 	}
 
-	propsToContext( name, isSelected, clientId, onFocus, onCaretVerticalPositionChange ) {
-		return { name, isSelected, clientId, onFocus, onCaretVerticalPositionChange };
+	propsToContext( name, isSelected, clientId, onFocus, onCaretVerticalPositionChange, isReadOnly ) {
+		return { name, isSelected, clientId, onFocus, onCaretVerticalPositionChange, isReadOnly };
 	}
 
 	render() {
-		const { name, isSelected, clientId, onFocus, onCaretVerticalPositionChange } = this.props;
-		const value = this.propsToContext( name, isSelected, clientId, onFocus, onCaretVerticalPositionChange );
+		const { name, isSelected, clientId, onFocus, onCaretVerticalPositionChange, isReadOnly } = this.props;
+		const value = this.propsToContext( name, isSelected, clientId, onFocus, onCaretVerticalPositionChange, isReadOnly );
 
 		return (
 			<BlockEditContextProvider value={ value }>