Update nvm to match Gutenberg version and upgrade yarn packages

Author: jeryj

.babelrc

@@ -1 +1 @@
-16.17.0
+20

.nvmrc

@@ -0,0 +1,8 @@
+module.exports = ( api ) => {
+	api.cache( true );
+
+	return {
+		presets: [ '@wordpress/babel-preset-default' ],
+		plugins: [ '@emotion/babel-plugin', 'babel-plugin-inline-json-import' ],
+	};
+};

babel.config.js

@@ -0,0 +1,182 @@
+import path from 'path';
+import pkg from 'fs-extra';
+const { readFileSync, writeFileSync, existsSync, mkdirp, copy, chmodSync } =
+	pkg;
+import { camelcase, spinalcase } from 'stringcase';
+
+// Create an async function to handle the replace operations
+async function replaceInFile( options ) {
+	const { replaceInFile } = await import( 'replace-in-file' );
+	return replaceInFile( options );
+}
+
+function buildIndexPhp( {
+	blocks,
+	version,
+	name,
+	description,
+	resource,
+	locale,
+} ) {
+	let contents = readFileSync(
+		path.join( 'bundler', 'template', 'index.php' ),
+		'utf-8'
+	);
+
+	contents = contents.replace( /\[VERSION\]/g, version );
+	contents = contents.replace( /\[NAME\]/g, name );
+	contents = contents.replace( /\[DESCRIPTION\]/g, description );
+	contents = contents.replace( /\[RESOURCE\]/g, spinalcase( resource ) );
+	contents = contents.replace(
+		/\[LOCALE\]/g,
+		spinalcase( locale || resource )
+	);
+	contents += '\n';
+
+	for ( let index = 0; index < blocks.length; index++ ) {
+		contents +=
+			"include_once __DIR__ . '/blocks/" + blocks[ index ] + ".php';\n";
+
+		if (
+			existsSync( path.join( 'blocks', blocks[ index ], 'rest-api.php' ) )
+		) {
+			contents += "include_once __DIR__ . '/blocks/rest-api.php';\n";
+		}
+	}
+
+	return contents;
+}
+
+function buildIndexJs( blocks, isLabs ) {
+	let contents = readFileSync(
+		path.join( 'bundler', 'template', 'index.js' ),
+		'utf-8'
+	);
+
+	contents += '\n';
+
+	for ( let index = 0; index < blocks.length; index++ ) {
+		contents +=
+			'import * as ' +
+			camelcase( blocks[ index ] ) +
+			" from '../../blocks/" +
+			blocks[ index ] +
+			"/src';\n";
+	}
+
+	contents +=
+		'\n// Instantiate the blocks, adding them to our block category\n';
+
+	for ( let index = 0; index < blocks.length; index++ ) {
+		contents += camelcase( blocks[ index ] ) + '.registerBlock();\n';
+	}
+
+	return contents;
+}
+
+function buildStyle( blocks, title, fileType ) {
+	let contents = '// ' + title + '\n';
+
+	for ( let index = 0; index < blocks.length; index++ ) {
+		const styleName = `./blocks/${ blocks[ index ] }/${ fileType }.scss`;
+
+		if ( existsSync( styleName ) ) {
+			contents += `@import '${ styleName }';\n`;
+		}
+	}
+
+	return contents;
+}
+
+async function storeFile( contents, fileName ) {
+	try {
+		await mkdirp( path.dirname( fileName ) );
+		writeFileSync( fileName, contents );
+	} catch ( error ) {
+		console.error(
+			`storeFile: Unable to create directory: ${ fileName }. Error: ${ error.message }`
+		);
+	}
+}
+
+async function copyExtra( sourceDir, targetDir ) {
+	const manifest = path.join( sourceDir, 'index.json' );
+
+	if ( existsSync( manifest ) ) {
+		const json = JSON.parse( readFileSync( manifest, 'utf8' ) );
+
+		for ( let index = 0; index < json.length; index++ ) {
+			await copy(
+				path.join( sourceDir, json[ index ] ),
+				path.join( targetDir, json[ index ] )
+			);
+		}
+	}
+}
+
+async function copyBlocks( { blocks, resource }, targetDir ) {
+	for ( let index = 0; index < blocks.length; index++ ) {
+		const sourceFile = path.join( 'blocks', blocks[ index ], 'index.php' );
+		const targetFile = path.join(
+			targetDir,
+			'blocks',
+			blocks[ index ] + '.php'
+		);
+		const manifest = path.join( 'blocks', blocks[ index ] );
+
+		try {
+			await mkdirp( path.dirname( targetFile ) );
+			if ( ! existsSync( sourceFile ) ) {
+				console.error( `Source file does not exist: ${ sourceFile }` );
+				continue;
+			}
+			await copy( sourceFile, targetFile );
+			await replaceInFile( {
+				files: targetFile,
+				from: /block-experiments/g,
+				to: spinalcase( resource ),
+			} );
+			await copyExtra( manifest, path.join( targetDir, 'blocks' ) );
+		} catch ( error ) {
+			console.error(
+				`copyBlocks: Unable to create directory: ${ targetFile }. Error: ${ error.message }`
+			);
+		}
+	}
+}
+
+function packageBundle( { resource, version } ) {
+	const resourceDir = path.join( 'bundler', 'resources', resource );
+	const licenseFile = path.join( 'bundler', 'resources', 'license.txt' );
+	const file = spinalcase( resource );
+	const versioned = file;
+	const output = `plugin/${ file }`;
+	const assets = `plugin/assets`;
+	const lines = [
+		'#!/bin/sh',
+		`./node_modules/.bin/wp-scripts build ./build/src --output-path=${ assets } --config ./bundler/webpack.config.js`,
+		`cp ${ assets }/* ${ output }`,
+		`./node_modules/.bin/node-sass ./build/editor.scss -o ${ output }`,
+		`./node_modules/.bin/node-sass ./build/style.scss -o ${ output }`,
+		`if [ -d ${ resourceDir } ]; then cp -R ${ resourceDir }/* ${ output }; fi;`,
+		`cp ${ licenseFile } ${ output }`,
+		`(cd plugin; zip ${ versioned }.zip -r ${ file })`,
+		`mkdir -p bundles`,
+		`mv plugin/${ versioned }.zip bundles/${ versioned }.zip`,
+		`rm -rf ${ assets }`,
+	];
+
+	mkdirp( 'build' ).then( function () {
+		writeFileSync( './build/bundle.sh', lines.join( '\n' ) );
+		chmodSync( './build/bundle.sh', 0o755 );
+	} );
+}
+
+export {
+	storeFile,
+	buildStyle,
+	buildIndexJs,
+	buildIndexPhp,
+	copyBlocks,
+	packageBundle,
+};