Add data type template as a block

Author: zaguiini

README.md

@@ -4,7 +4,6 @@
 
 ### TODO
 
-- [ ] Default pattern for created CPT (i.e., render a default single.html content, also save a pattern)
 - [ ] Document stuff better and show teammates
 - [ ] Lock all content and styling except bound blocks's inside when entering data
 - [ ] Work on examples that have a primary and secondary content

inc/data-type-management.php

@@ -100,11 +100,13 @@ function _get_custom_fields( $blocks ) {
 	foreach ( $blocks as $block ) {
 		$binding = $block['attrs']['metadata']['data-types/binding'] ?? null;
 
-		if ( is_null( $binding ) || 'post_content' === $binding ) {
+		if ( 'post_content' === $binding ) {
 			continue;
 		}
 
-		$acc[] = $binding;
+		if ( ! is_null( $binding ) ) {
+			$acc[] = $binding;
+		}
 
 		if ( ! empty( $block['innerBlocks'] ) ) {
 			$acc = array_merge( $acc, _get_custom_fields( $block['innerBlocks'] ) );

inc/templating.php

@@ -60,3 +60,50 @@ function register_field_categories( $categories ) {
 
 	return $categories;
 }
+
+add_action( 'init', 'register_data_type_template_block' );
+
+/**
+ * Register a block that represents the data type template.
+ */
+function register_data_type_template_block() {
+	$block_name = 'data-types/type-template';
+
+	$args = array(
+		'api_version'     => 1,
+		'title'           => 'Data type template',
+		'attributes'      => array(),
+		// translators: %s is the data type's name.
+		'description'     => __( 'Template for the data type.' ),
+		'category'        => 'text',
+		'render_callback' => function () {
+			global $post;
+
+			if ( ! $post ) {
+				return __( 'No post found' );
+			}
+
+			$template = get_data_type_template( $post->post_type );
+
+			$parsed_template = parse_blocks( $template );
+			$hydrated_blocks = hydrate_blocks_with_content( $parsed_template );
+
+			return implode( '', array_map( 'render_block', $hydrated_blocks ) );
+		},
+	);
+
+	register_block_type( $block_name, $args );
+}
+
+add_action(
+	'enqueue_block_editor_assets',
+	function () {
+		wp_enqueue_script(
+			'data-types/type-template',
+			plugin_dir_url( __FILE__ ) . '/type-template-inserter.js',
+			array( 'wp-blocks', 'wp-dom-ready', 'wp-edit-post', 'wp-i18n' ),
+			'v1',
+			true
+		);
+	}
+);

inc/type-template-inserter.js

@@ -0,0 +1,17 @@
+function typeTemplateInserter( wp ) {
+	const el = wp.element.createElement;
+
+	wp.blocks.registerBlockType( 'data-types/type-template', {
+		title: wp.i18n.__( 'Data type template' ),
+		edit( props ) {
+			return el( wp.editor.ServerSideRender, {
+				block: 'data-types/type-template',
+				attributes: props.attributes,
+			} );
+		},
+
+		save: () => null,
+	} );
+}
+
+setTimeout( typeTemplateInserter, 800, window.wp );