Implement registerProductEditorBlockType

packages/js/product-editor/src/utils/index.ts

@@ -23,6 +23,7 @@ import { isValidEmail } from './validate-email';
 
 export * from './create-ordered-children';
 export * from './sort-fills-by-order';
+export * from './register-product-editor-block-type';
 export * from './init-block';
 export * from './product-apifetch-middleware';
 export * from './sift';

packages/js/product-editor/src/utils/init-block.ts

@@ -3,7 +3,11 @@
  */
 import { Block, BlockConfiguration } from '@wordpress/blocks';
 import deprecated from '@wordpress/deprecated';
-import { registerWooBlockType } from '@woocommerce/block-templates';
+
+/**
+ * Internal dependencies
+ */
+import { registerProductEditorBlockType } from './register-product-editor-block-type';
 
 interface BlockRepresentation< T extends Record< string, object > > {
 	name?: string;
@@ -22,12 +26,12 @@ export function initBlock<
 	T extends Record< string, any > = Record< string, any >
 >( block: BlockRepresentation< T > ): Block< T > | undefined {
 	deprecated( 'initBlock()', {
-		alternative: 'registerWooBlockType() from @woocommerce/block-templates',
+		alternative: 'registerProductEditorBlockType()',
 	} );
 
 	if ( ! block ) {
 		return;
 	}
 
-	return registerWooBlockType( block );
+	return registerProductEditorBlockType( block );
 }

packages/js/product-editor/src/utils/register-product-editor-block-type.ts

@@ -0,0 +1,33 @@
+/**
+ * External dependencies
+ */
+import { Block, BlockConfiguration } from '@wordpress/blocks';
+
+/**
+ * External dependencies
+ */
+import { registerWooBlockType } from '@woocommerce/block-templates';
+
+interface BlockRepresentation< T extends Record< string, object > > {
+	name?: string;
+	metadata: BlockConfiguration< T >;
+	settings: Partial< BlockConfiguration< T > >;
+}
+
+export function registerProductEditorBlockType<
+	// eslint-disable-next-line @typescript-eslint/no-explicit-any
+	T extends Record< string, any > = Record< string, any >
+>( block: BlockRepresentation< T > ): Block< T > | undefined {
+	const { metadata, settings, name } = block;
+
+	const augmentedMetadata = {
+		...metadata,
+		usesContext: [ ...( metadata.usesContext || [] ), 'editedProduct' ],
+	};
+
+	return registerWooBlockType( {
+		name,
+		metadata: augmentedMetadata,
+		settings,
+	} );
+}