[AMP Stories] JS Build Tooling Optimizations

.browserslistrc

@@ -0,0 +1 @@
+extends @wordpress/browserslist-config

.gitignore

@@ -4,6 +4,10 @@
 node_modules
 wiki
 amp.zip
+assets/css/*-compiled.css
+assets/css/*-compiled-rtl.css
+assets/css/*.map
 assets/js/*-compiled.js
+assets/js/*.map
 built
 /amphtml

.stylelintrc.json

@@ -0,0 +1,6 @@
+{
+  "extends": "stylelint-config-wordpress",
+  "rules": {
+    "selector-type-no-unknown": [ true, { "ignore": ["custom-elements"] } ]
+  }
+}

Gruntfile.js

@@ -77,8 +77,6 @@ module.exports = function( grunt ) {
 		// Clear out all existing compiled files first.
 		grunt.task.run( 'clean' );
 
-		grunt.task.run( 'shell:webpack_production' );
-
 		spawnQueue.push(
 			{
 				cmd: 'git',

assets/src/amp-blocks.js

@@ -0,0 +1,11 @@
+/**
+ * WordPress dependencies
+ */
+import { registerBlockType } from '@wordpress/blocks';
+
+const context = require.context( './blocks', true, /((?<!story.*)\/index\.js)$/ );
+
+context.keys().forEach( ( modulePath ) => {
+	const { name, settings } = context( modulePath );
+	registerBlockType( name, settings );
+} );

assets/src/amp-story-editor-blocks.js

@@ -9,7 +9,14 @@ import { every } from 'lodash';
 import { addFilter } from '@wordpress/hooks';
 import domReady from '@wordpress/dom-ready';
 import { select, subscribe, dispatch } from '@wordpress/data';
-import { createBlock, getDefaultBlockName, setDefaultBlockName, getBlockTypes, unregisterBlockType } from '@wordpress/blocks';
+import {
+	createBlock,
+	getDefaultBlockName,
+	setDefaultBlockName,
+	getBlockTypes,
+	unregisterBlockType,
+	registerBlockType,
+} from '@wordpress/blocks';
 
 /**
  * Internal dependencies
@@ -332,3 +339,11 @@ addFilter( 'editor.BlockListBlock', 'ampStoryEditorBlocks/withActivePageState',
 addFilter( 'editor.BlockListBlock', 'ampStoryEditorBlocks/addWrapperProps', withWrapperProps );
 addFilter( 'blocks.getSaveContent.extraProps', 'ampStoryEditorBlocks/addExtraAttributes', addAMPExtraProps );
 addFilter( 'editor.BlockDropZone', 'ampStoryEditorBlocks/withStoryBlockDropZone', withStoryBlockDropZone );
+
+const context = require.context( './blocks', true, /\/.*-story.*\/index\.js$/ );
+
+// Block types need to be register *after* all the filters have been applied.
+context.keys().forEach( ( modulePath ) => {
+	const { name, settings } = context( modulePath );
+	registerBlockType( name, settings );
+} );