Plugin: Heading Block Initial Attempt

Here is an initial attempt at using the current API for a heading block.
I just guessed as to how this should be structured, honestly have no
idea but I tried to mimic the codebase the best I could.

blocks/components/wp-heading/index.js

@@ -0,0 +1,14 @@
+export default function EditableHeading( { value, headingType } ) {
+	const headingsMap = {
+		H1: 'h1',
+		H2: 'h2',
+		H3: 'h3',
+		H4: 'h4',
+		H5: 'h5',
+		H6: 'h6',
+	};
+
+	const mapHeading = ( nodeName ) => headingsMap[ nodeName ];
+
+	return wp.element.createElement( mapHeading( headingType ), null, value );
+}

blocks/index.js

@@ -7,6 +7,7 @@ import * as query from 'hpq';
 
 export { query };
 export { default as Editable } from './components/editable';
+export { default as EditableHeading } from './components/wp-heading';
 export { default as parse } from './parser';
 
 /**

editor/blocks/heading-block/index.js

@@ -0,0 +1,23 @@
+const { query, html, prop } = wp.blocks.query;
+
+wp.blocks.registerBlock( 'wp/heading', {
+	title: 'Heading',
+	icon: 'heading',
+
+	attributes: {
+		value: query( 'h1,h2,h3,h4,h5,h6', html() ),
+		headingType: query( 'h1,h2,h3,h4,h5,h6', prop( 'nodeName' ) ),
+	},
+
+	edit( attributes, onChange ) {
+		return wp.element.createElement( wp.blocks.EditableHeading, {
+			value: attributes.value,
+			headingType: attributes.headingType,
+			onChange: ( value ) => onChange( { value } )
+		} );
+	},
+
+	save( attributes ) {
+		return wp.element.createElement( 'p', null, attributes.value );
+	}
+} );

editor/blocks/index.js

@@ -1 +1,2 @@
 import './text-block';
+import './heading-block';