Support providing Block Context from non-interactive blocks

block-hydration-experiments.php

@@ -2,83 +2,110 @@
 /**
  * Plugin Name:       block-hydration-experiments
  * Version:           0.1.0
- * Requires at least: 5.9
- * Requires PHP:      7.0
+ * Requires at least: 6.0
+ * Requires PHP:      5.6
  * Author:            Gutenberg Team
  * License:           GPL-2.0-or-later
  * License URI:       https://www.gnu.org/licenses/gpl-2.0.html
  * Text Domain:       block-hydration-experiments
  */
-function block_hydration_experiments_init() {
-	register_block_type( plugin_dir_path( __FILE__ ) . 'build/blocks/block-hydration-experiments-child/' );
-	register_block_type( plugin_dir_path( __FILE__ ) . 'build/blocks/block-hydration-experiments-parent/' );
+function block_hydration_experiments_init()
+{
+	register_block_type(
+		plugin_dir_path(__FILE__) . 'build/blocks/interactive-child/'
+	);
+	register_block_type(
+		plugin_dir_path(__FILE__) . 'build/blocks/interactive-parent/'
+	);
+	register_block_type(
+		plugin_dir_path(__FILE__) . 'build/blocks/non-interactive-parent/'
+	);
 }
-add_action( 'init', 'block_hydration_experiments_init' );
+add_action('init', 'block_hydration_experiments_init');
 
-function bhe_block_wrapper( $block_content, $block, $instance ) {
+function bhe_block_wrapper($block_content, $block, $instance)
+{
 	// We might want to use a flag from block.json as the criterion here.
-	if ( ! in_array(
-		$block['blockName'],
-		array(
-			'bhe/block-hydration-experiments-parent',
-			'bhe/block-hydration-experiments-child'
-		),
-		true
-	) ) {
+	if (
+		!in_array(
+			$block['blockName'],
+			[
+				'bhe/interactive-parent',
+				'bhe/interactive-child',
+				'bhe/non-interactive-parent',
+			],
+			true
+		)
+	) {
 		return $block_content;
 	}
 
 	$block_type = $instance->block_type;
 	$attr_definitions = $block_type->attributes;
 
-	$attributes = array();
-	$sourced_attributes = array();
-	foreach( $attr_definitions as $attr => $definition ) {
-		if ( ! empty( $definition['frontend'] ) ) {
-			if ( ! empty( $definition['source'] ) ) {
-				$sourced_attributes[ $attr ] = array(
-					"selector" => $definition['selector'], // TODO: Guard against unset.
-					"source" => $definition['source']
-				);
+	$attributes = [];
+	$sourced_attributes = [];
+	foreach ($attr_definitions as $attr => $definition) {
+		if (!empty($definition['frontend'])) {
+			if (!empty($definition['source'])) {
+				$sourced_attributes[$attr] = [
+					'selector' => $definition['selector'], // TODO: Guard against unset.
+					'source' => $definition['source'],
+				];
 			} else {
-				if ( array_key_exists ( $attr, $block['attrs'] ) ) {
-					$attributes[ $attr ] = $block['attrs'][$attr];
-				} else if ( isset( $definition['default'] ) ) {
-					$attributes[ $attr ] = $definition['default'];
+				if (array_key_exists($attr, $block['attrs'])) {
+					$attributes[$attr] = $block['attrs'][$attr];
+				} elseif (isset($definition['default'])) {
+					$attributes[$attr] = $definition['default'];
 				}
 			}
 		}
 	}
 
-	$previous_block_to_render = WP_Block_Supports::$block_to_render;
-	// TODO: The following is a bit hacky. If we stick with this technique, we might
+	// We might want to use a flag from block.json as the criterion here.
+	$hydration_technique = in_array(
+		$block['blockName'],
+		['bhe/interactive-parent', 'bhe/interactive-child'],
+		true
+	)
+		? 'idle'
+		: false;
+
+	// The following is a bit hacky. If we stick with this technique, we might
 	// want to change apply_block_supports() to accepts a block as its argument.
+	$previous_block_to_render = WP_Block_Supports::$block_to_render;
 	WP_Block_Supports::$block_to_render = $block;
-	$block_supports_attributes = WP_Block_Supports::get_instance()->apply_block_supports();
+	$block_props = WP_Block_Supports::get_instance()->apply_block_supports();
 	WP_Block_Supports::$block_to_render = $previous_block_to_render;
 
-	$block_wrapper = sprintf(
-		'<gutenberg-interactive-block ' .
-		'data-gutenberg-block-type="%1$s" ' .
-		'data-gutenberg-uses-block-context="%2$s" ' .
-		'data-gutenberg-provides-block-context="%3$s" ' .
-		'data-gutenberg-attributes="%4$s" ' .
-		'data-gutenberg-sourced-attributes="%5$s" ' .
-		'data-gutenberg-block-props="%6$s" ' .
-		'data-gutenberg-hydrate="idle">',
-		esc_attr( $block['blockName'] ),
-		esc_attr( json_encode( $block_type->uses_context ) ),
-		esc_attr( json_encode( $block_type->provides_context ) ),
-		esc_attr( json_encode( $attributes ) ),
-		esc_attr( json_encode( $sourced_attributes ) ),
-		esc_attr( json_encode( $block_supports_attributes ) )
-	) . '%1$s</gutenberg-interactive-block>';
+	$block_wrapper =
+		sprintf(
+			'<gutenberg-block ' .
+				'data-gutenberg-block-type="%1$s" ' .
+				'data-gutenberg-uses-block-context="%2$s" ' .
+				'data-gutenberg-provides-block-context="%3$s" ' .
+				'data-gutenberg-attributes="%4$s" ' .
+				'data-gutenberg-sourced-attributes="%5$s" ' .
+				'data-gutenberg-block-props="%6$s" ' .
+				'data-gutenberg-hydration="%7$s">',
+			esc_attr($block['blockName']),
+			esc_attr(json_encode($block_type->uses_context)),
+			esc_attr(json_encode($block_type->provides_context)),
+			esc_attr(json_encode($attributes)),
+			esc_attr(json_encode($sourced_attributes)),
+			esc_attr(json_encode($block_props)),
+			esc_attr($hydration_technique)
+		) . '%1$s</gutenberg-block>';
 
-	$template_wrapper = '<template class="gutenberg-inner-blocks">%1$s</template>';
+	$template_wrapper =
+		'<template class="gutenberg-inner-blocks">%1$s</template>';
 
-	$empty_template = sprintf( $template_wrapper, '' );
-	$template       = sprintf( $template_wrapper, sprintf( $block_wrapper, $block_content . $empty_template ) );
-	return sprintf( $block_wrapper, $block_content . $template );
+	$empty_template = sprintf($template_wrapper, '');
+	$template = sprintf(
+		$template_wrapper,
+		sprintf($block_wrapper, $block_content . $empty_template)
+	);
+	return sprintf($block_wrapper, $block_content);
 }
 
-add_filter( 'render_block', 'bhe_block_wrapper', 10, 3 );
+add_filter('render_block', 'bhe_block_wrapper', 10, 3);

package.json

@@ -24,11 +24,13 @@
 		"bracketSameLine": false,
 		"bracketSpacing": true,
 		"semi": true,
-		"arrowParens": "always"
+		"arrowParens": "always",
+		"phpVersion": "5.6"
 	},
 	"devDependencies": {
 		"@babel/core": "^7.17.10",
 		"@babel/preset-env": "^7.17.10",
+		"@prettier/plugin-php": "^0.18.9",
 		"@types/jest": "^27.5.1",
 		"@wordpress/blocks": "^11.7.0",
 		"@wordpress/element": "^4.3.0",