move Block defs to block.json.

This also adds a bunch of layout controls to the top-level price block.

Author: nerrad

assets/js/atomic/blocks/product-elements/price-v2/attributes.ts

@@ -0,0 +1,40 @@
+{
+	"$schema": "http://schemas.wp.org/trunk/block.json",
+	"apiVersion": 2,
+	"name": "woocommerce/product-price-v2",
+	"title": "Price",
+	"keywords": "WooCommerce",
+	"category": "woocommerce-product-elements",
+	"textdomain": "woo-gutenberg-products-block",
+	"description": "Display the price of a product, including any discounts.",
+	"supports": {
+		"__experimentalLayout": {
+			"allowSwitching": false,
+			"allowInheriting": false,
+			"default": { "type": "flex" }
+		},
+		"html": false
+
+	},
+	"usesContext": [ "queryId", "postId" ],
+	"providesContext": {
+		"woocommerce/isDescendentOfSingleProductTemplate":
+			"isDescendentOfSingleProductTemplate",
+		"woocommerce/isDescendentOfSingleProductBlock":
+			"woocommerce/isDescendentOfSingleProductBlock"
+	},
+	"attributes": {
+		"isDescendentOfSingleProductTemplate": {
+			"type": "boolean",
+			"default": false
+		},
+		"isDescendentOfSingleProductBlock": {
+			"type": "boolean",
+			"default": false
+		},
+		"productId": {
+			"type": "number",
+			"default": 0
+		}
+	}
+  }

assets/js/atomic/blocks/product-elements/price-v2/block.json

@@ -1,20 +1,11 @@
 /**
  * External dependencies
  */
-import { __ } from '@wordpress/i18n';
 import { currencyDollar, Icon } from '@wordpress/icons';
 
-export const BLOCK_TITLE: string = __(
-	'Price',
-	'woo-gutenberg-products-block'
-);
 export const BLOCK_ICON: JSX.Element = (
 	<Icon
 		icon={ currencyDollar }
 		className="wc-block-editor-components-block-icon"
 	/>
 );
-export const BLOCK_DESCRIPTION: string = __(
-	'Display the price of a product, including any discounts.',
-	'woo-gutenberg-products-block'
-);

assets/js/atomic/blocks/product-elements/price-v2/constants.tsx

@@ -6,36 +6,18 @@ import { registerBlockType } from '@wordpress/blocks';
 /**
  * Internal dependencies
  */
-import sharedConfig from '../shared/config';
 import edit from './edit';
 import save from './save';
-import attributes from './attributes';
 import { supports } from './supports';
-import {
-	BLOCK_TITLE as title,
-	BLOCK_ICON as icon,
-	BLOCK_DESCRIPTION as description,
-} from './constants';
-
-const { ancestor, ...configuration } = sharedConfig;
+import metadata from './block.json';
+import { BLOCK_ICON as icon } from './constants';
 
 const blockConfig = {
-	...configuration,
-	apiVersion: 2,
-	title,
-	description,
-	usesContext: [ 'postId', 'queryId' ],
-	providesContext: {
-		'woocommerce/isDescendentOfSingleProductTemplate':
-			'isDescendentOfSingleProductTemplate',
-		'woocommerce/isDescendentOfSingleProductBlock':
-			'isDescendentOfSingleProductBlock',
-	},
+	...metadata,
 	icon: { src: icon },
-	attributes,
-	supports,
+	supports: { ...supports, ...metadata.supports },
 	edit,
 	save,
 };
 
-registerBlockType( 'woocommerce/product-price-v2', blockConfig );
+registerBlockType( metadata.name, blockConfig );