sdc-build-wp 2.7.0 → 3.0.0

package/README.md

@@ -8,4 +8,8 @@ sdc-build-wp --watch # build and watch
 
 ## Develop
 
-Develop locally with `node ~/sites/sdc/sdc-build-wp/index.js --watch` from within the test project directory.
+Develop locally with the following command from within the test project directory:
+
+```
+node ~/sites/sdc/sdc-build-wp/index.js --watch
+```

package/index.js

@@ -9,26 +9,29 @@ import glob from 'glob';
 import bustCache from './lib/bustCache.js';
 import buildSass from './lib/style.js';
 import buildJS from './lib/scripts.js';
-import buildBlocks from './lib/blocks.js';
+import buildBlock from './lib/blocks.js';
 import buildImages from './lib/images.js';
 import buildFonts from './lib/fonts.js';
 import buildBrowserSync from './lib/browsersync.js';
 
 let chokidarOpts = {
-	ignoreInitial: true
+	ignoreInitial: true,
+	ignored: [
+		project.path + '/blocks/*/build/**/*'
+	]
 };
 
 let sassGlobPath = project.package?.sdc?.sassGlobPath || project.path + '{/_src/style,/blocks}/**/*.scss';
 let sassGlob = glob.sync(sassGlobPath, {
 	ignore: [
-		project.path  + '/_src/style/partials/_theme.scss'
+		project.path + '/_src/style/partials/_theme.scss'
 	]
 });
 let jsGlobPath = project.package?.sdc?.jsGlobPath || project.path + '/_src/scripts/**/*.js';
 let jsGlob = glob.sync(jsGlobPath, {
 	ignore: []
 });
-let blockGlobPath = project.package?.sdc?.blockGlobPath || project.path + '/_src/blocks/**/*.{js,jsx}';
+let blockGlobPath = project.package?.sdc?.blockGlobPath || project.path + '/blocks/*';
 let blockGlob = glob.sync(blockGlobPath);
 
 function bustFunctionsCache() {
@@ -79,12 +82,17 @@ for (const [name, files] of Object.entries(entries)) {
 	});
 }
 
-buildBlocks(blockGlob);
-bustFunctionsCache();
+function runBlocks() {
+	for (var block of blockGlob) {
+		buildBlock(block);
+	}
+	bustFunctionsCache();
+}
+
+runBlocks();
 if (argv.watch) {
 	chokidar.watch(blockGlob, chokidarOpts).on('all', (event, path) => {
-		buildBlocks(blockGlob);
-		bustFunctionsCache();
+		runBlocks();
 	});
 }
 

package/lib/blocks.js

@@ -1,47 +1,50 @@
 import path from 'path';
 import project from '../lib/project.js';
 import log from './logging.js';
-import esbuild from 'esbuild';
-import { ESLint } from 'eslint';
-import { readFile } from 'fs/promises';
+import { stat } from 'fs/promises';
+import { spawn } from 'child_process';
+import process from 'process';
 
-const buildBlocks = async (entries) => {
-	let timerStart = Date.now();
-	try {
-		const eslint = new ESLint({
-			baseConfig: JSON.parse(await readFile(new URL('../.eslintrc', import.meta.url))),
-			fix: true
-		});
-		const lintresults = await eslint.lintFiles(entries);
-		await ESLint.outputFixes(lintresults);
-		const formatter = await eslint.loadFormatter('stylish');
-		const formatterOutput = formatter.format(lintresults);
-		if (formatterOutput) { console.log(formatterOutput.replace(project.path + '/_src/blocks/', '')); }
-	} catch (error) {
-		console.log(error);
-		log('error', `Failed linting ${entries.length} blocks - See above error.`);
-		return false;
-	}
-	try {
-		const result = await esbuild.build({
-			platform: 'node',
-			entryPoints: entries,
-			bundle: true,
-			loader: { '.js' : 'jsx' },
-			minify: true,
-			outdir: 'dist/blocks/',
-			entryNames: '[dir]/[name].min',
-			plugins: [],
-			sourcemap: true
-		});
-		if (result.warnings.length > 0) {
-			log('warn', result.warnings);
+function cmd(...command) {
+  let p = spawn(command[0], command.slice(1), {
+		shell: true
+	});
+  return new Promise((resolveFunc) => {
+    // p.stdout.on("data", (x) => {
+    //   process.stdout.write(x.toString());
+    // });
+    p.stderr.on('data', (x) => {
+      process.stderr.write(x.toString());
+			log('error', `Failed building blocks - See above error.`);
+    });
+    p.on('exit', (code) => {
+      resolveFunc(code);
+    });
+  });
+}
+
+const buildBlock = async (entry) => {
+	let workingBlockJson = null;
+	let potentialBlockJsonLocations = [
+		`${entry}/src/block.json`,
+		// `${entry}/block.json`
+	];
+	for (var location of potentialBlockJsonLocations) {
+		try {
+			await stat(location);
+			workingBlockJson = location
+			break;
+		} catch (error) {
+			//
 		}
-	} catch (error) {
-		log('error', `Failed building ${entries.length} blocks - See above error.`);
+	}
+	if (workingBlockJson === null) {
+		log('error', `Failed building ${entry} blocks - no block.json found.`);
 		return false;
 	}
-	log('success', `Built ${entries.length} blocks in ${Date.now() - timerStart}ms`);
+	let timerStart = Date.now();
+	await cmd(`cd ${entry} && ${project.path}/node_modules/@wordpress/scripts/bin/wp-scripts.js`, 'build');
+	log('success', `Built ${entry.replace(project.path, '')} in ${Date.now() - timerStart}ms`);
 };
 
-export default buildBlocks;
+export default buildBlock;

package/lib/bustCache.js

@@ -3,6 +3,7 @@ import fs from 'fs';
 const bustCache = (file) => {
 	fs.readFile(file, 'utf8', function (err, data) {
 		if (err) { return console.log(err); }
+		if (!data.includes('$cacheVersion')) { return; }
 		var result = data.replace(/(\$cacheVersion\ \=\ \')(.*)(\'\;)/g, "$1" + new Date().getTime() + "$3");
 		fs.writeFile(file, result, 'utf8', function (err) {
 			if (err) return console.log(err);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sdc-build-wp",
-  "version": "2.7.0",
+  "version": "3.0.0",
   "description": "Custom WordPress build process.",
   "author": {
     "name": "Robert Sefer",
@@ -19,6 +19,7 @@
     "sdc-build-wp": "./index.js"
   },
   "dependencies": {
+    "@wordpress/scripts": "^26.6.0",
     "autoprefixer": "^10.4.13",
     "browser-sync": "^2.27.11",
     "chalk": "^5.2.0",