sdc-build-wp 4.5.3 → 4.5.5

package/index.js

@@ -43,14 +43,18 @@ project.builds = argv.builds ? (Array.isArray(argv.builds) ? argv.builds : argv.
 
 (async() => {
 
-	let initialBuildTimerStart = Date.now();
+	if (argv.watch) {
+		project.components.server.serve(false);
+	}
+
+	let initialBuildTimerStart = performance.now();
 	log('info', `Started initial build [${project.builds.join(', ')}]`);
 	let promisesBuilds = [];
 	for (let build of project.builds) {
 		promisesBuilds.push(project.components[build].init());
 	}
 	await Promise.all(promisesBuilds);
-	log('info', `Finished initial build in ${Math.round((Date.now() - initialBuildTimerStart) / 1000)} seconds`);
+	log('info', `Finished initial build in ${Math.round((performance.now() - initialBuildTimerStart) / 1000)} seconds`);
 
 	if (argv.watch) {
 		log('info', `Started watching [${project.builds.join(', ')}]`);

package/lib/components/base.js

@@ -25,7 +25,7 @@ class BaseComponent {
 	}
 
 	start() {
-		this.timer = Date.now();
+		this.timer = performance.now();
 	}
 
 	end(options) {
@@ -33,9 +33,9 @@ class BaseComponent {
 			verb: 'Built',
 			itemLabel: null,
 			timerStart: this.timer,
-			timerEnd: Date.now()
+			timerEnd: performance.now()
 		}, options);
-		this.log('success', `${options.verb}${options.itemLabel ? ` ${options.itemLabel}` : ''} in ${options.timerEnd - options.timerStart}ms`);
+		this.log('success', `${options.verb}${options.itemLabel ? ` ${options.itemLabel}` : ''} in ${Math.round(options.timerEnd - options.timerStart)}ms`);
 	}
 
 	async watch() {

package/lib/components/blocks.js

@@ -27,7 +27,7 @@ export default class BlocksComponent extends BaseComponent {
 		options = Object.assign({}, {}, options);
 		let entryLabel = entry.replace(this.project.path, '');
 
-		let timerStart = Date.now();
+		let timerStart = performance.now();
 
 		this.start();
 
@@ -68,7 +68,7 @@ export default class BlocksComponent extends BaseComponent {
 		this.end({
 			itemLabel: entryLabel,
 			timerStart: timerStart,
-			timerEnd: Date.now()
+			timerEnd: performance.now()
 		});
 	}
 

package/lib/components/images.js

@@ -23,7 +23,7 @@ export default class ImagesComponent extends BaseComponent {
 	}
 
 	async build(entry, options) {
-		let timerStart = Date.now();
+		let timerStart = performance.now();
 		let dest = entry.replace(`${this.project.paths.src.src}/${this.project.paths.src.images}`, `${this.project.paths.dist}/${this.project.paths.src.images}`);
 		const files = await fs.readdir(entry);
 		await fs.mkdir(dest, { recursive: true });
@@ -62,7 +62,7 @@ export default class ImagesComponent extends BaseComponent {
 		this.end({
 			itemLabel: `${dest.replace(this.project.path, '')} (${convertedImagesCount} image${convertedImagesCount == 1 ? '' : 's'}${copiedFilesCount ? `, ${copiedFilesCount} file${copiedFilesCount == 1 ? '' : 's'}` : ''})`,
 			timerStart: timerStart,
-			timerEnd: Date.now()
+			timerEnd: performance.now()
 		});
 	}
 

package/lib/components/scripts.js

@@ -56,7 +56,7 @@ export default class ScriptsComponent extends BaseComponent {
 				sourcemap: process.env.NODE_ENV == 'production' ? false : true
 			});
 			if (result.warnings.length > 0) {
-				log('warn', result.warnings);
+				this.log('warn', result.warnings);
 			}
 		} catch (error) {
 			console.error(error);

package/lib/components/server.js

@@ -7,29 +7,30 @@ export default class ServerComponent extends BaseComponent {
 		super();
 		this.description = `Run a dev proxy server for live reloading`;
 		this.server = bsCreate();
-	}
-
-	async init() {
-		//
-	}
-
-	start() {
-		let watchedFiles = [
+		this.watchedFiles = [
 			`${this.project.path}/${this.project.paths.dist}/**/*`,
 			`!**/*.map`,
 			`${this.project.path}/**/*.html`,
 			`${this.project.path}/**/*.json`,
 		];
 		if (!this.project.shouldPHPLint) {
-			watchedFiles.push(`${this.project.path}/**/*.php`);
+			this.watchedFiles.push(`${this.project.path}/**/*.php`);
 		}
+	}
+
+	async init() {
+		//
+	}
+
+	serve(watch = false) {
 		let bsOptions = {
 			logPrefix: '',
 			port: this.project.package.sdc?.port || 3000,
 			proxy: this.project.package.sdc?.browsersync?.localProxyURL,
-			files: watchedFiles,
+			files: watch ? this.watchedFiles : [],
 			reloadDelay: 250,
 			reloadDebounce: 1000,
+			reloadOnRestart: true,
 			watchEvents: this.project.package.sdc?.browsersync?.watchEvents || ['add', 'change', 'unlink', 'addDir', 'unlinkDir'],
 			open: this.project.package.sdc?.open || false,
 			https: (process.env.SSL_KEY_PATH && process.env.SSL_CRT_PATH ? {
@@ -63,7 +64,13 @@ export default class ServerComponent extends BaseComponent {
 	}
 
 	async watch() {
-		this.start();
+		this.server.watch(this.watchedFiles, (event, file) => {
+			if (event === 'change' || event === 'add') {
+				this.server.reload(file);
+			} else if (event === 'unlink') {
+				this.server.reload();
+			}
+		});
 	}
 
 }

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "sdc-build-wp",
-	"version": "4.5.3",
+	"version": "4.5.5",
 	"description": "Custom WordPress build process.",
 	"engines": {
 		"node": ">=22"
@@ -23,24 +23,24 @@
 	},
 	"dependencies": {
 		"@stylistic/stylelint-plugin": "^3.1.2",
-		"@typescript-eslint/eslint-plugin": "^8.26.1",
-		"@typescript-eslint/parser": "^8.26.1",
-		"@wordpress/scripts": "^30.13.0",
+		"@typescript-eslint/eslint-plugin": "^8.33.0",
+		"@typescript-eslint/parser": "^8.33.0",
+		"@wordpress/scripts": "^30.17.0",
 		"autoprefixer": "^10.4.21",
-		"browser-sync": "^3.0.3",
+		"browser-sync": "^3.0.4",
 		"chalk": "^5.4.1",
 		"chokidar": "^4.0.3",
-		"esbuild": "^0.25.1",
-		"eslint": "^9.22.0",
+		"esbuild": "^0.25.5",
+		"eslint": "^9.28.0",
 		"fs-extra": "^11.3.0",
 		"jiti": "^2.4.2",
 		"minimist": "^1.2.8",
-		"postcss": "^8.5.3",
+		"postcss": "^8.5.4",
 		"postcss-scss": "^4.0.9",
 		"postcss-sort-media-queries": "^5.2.0",
-		"sass": "^1.85.1",
-		"sharp": "^0.33.5",
-		"stylelint": "^16.16.0",
+		"sass": "^1.89.1",
+		"sharp": "^0.34.2",
+		"stylelint": "^16.20.0",
 		"svgo": "^3.3.2",
 		"tail": "^2.2.6"
 	}