sdc-build-wp 5.4.5 → 5.5.0

package/lib/build.js

@@ -1,7 +1,7 @@
 import { default as project } from './project.js';
 import * as utils from './utils.js';
 import log from './logging.js';
-import chalk from 'chalk';
+import { styleText } from 'node:util';
 import tui from './tui.js';
 
 
@@ -10,7 +10,7 @@ export async function build(watch = false) {
 	if (watch) {
 		tui.init();
 		tui.setComponents(project.builds, true);
-		const commands = `Commands: ${chalk.underline.green('r')}estart, ${chalk.underline.green('c')}lear cache, ${chalk.underline.green('p')}ause/resume, ${chalk.underline.green('n')}ew component, ${chalk.underline.green('q')}uit`;
+		const commands = `Commands: ${styleText(['underline', 'green'], 'r')}estart, ${styleText(['underline', 'green'], 'c')}lear cache, ${styleText(['underline', 'green'], 'p')}ause/resume, ${styleText(['underline', 'green'], 'n')}ew component, ${styleText(['underline', 'green'], 'q')}uit`;
 		tui.setCommands(commands);
 	}
 

package/lib/components/errors.js

@@ -1,6 +1,6 @@
 import BaseComponent from './base.js';
 import path from 'path';
-import fs from 'fs-extra';
+import { promises as fs } from 'fs';
 import { Tail } from 'tail';
 
 export default class ErrorsComponent extends BaseComponent {
@@ -27,7 +27,7 @@ export default class ErrorsComponent extends BaseComponent {
 		try {
 			await fs.access(this.project.paths.errorLog);
 		} catch {
-			await fs.ensureFile(path.resolve(this.project.paths.errorLog));
+			await fs.writeFile(path.resolve(this.project.paths.errorLog), '');
 		}
 		try {
 			await fs.access(this.project.paths.errorLog);

package/lib/components/fonts.js

@@ -1,6 +1,6 @@
 import BaseComponent from './base.js';
 import { readdir } from 'fs/promises';
-import fs from 'fs-extra';
+import { promises as fs } from 'fs';
 
 export default class FontsComponent extends BaseComponent {
 
@@ -25,7 +25,7 @@ export default class FontsComponent extends BaseComponent {
 		try {
 			const fontsDir = await readdir(entry);
 			if (fontsDir.length == 0) { throw new Error('No files present'); }
-			await fs.copy(entry, `${this.project.path}${entryLabel}`);
+			await fs.cp(entry, `${this.project.path}${entryLabel}`, { recursive: true });
 			entryLabel += ` (${fontsDir.filter(file => !file.startsWith('.')).length} files)`;
 		} catch (error) {
 			this.log('error', `${error} at ${entry.replace(this.project.path, '')}/. Skipping font copy`);

package/lib/components/server.js

@@ -3,7 +3,7 @@ import path from 'path';
 import { fileURLToPath } from 'url';
 import { readFile } from 'fs/promises';
 import { create } from 'browser-sync';
-import chalk from 'chalk';
+import { styleText } from 'node:util';
 import tui from '../tui.js';
 
 export default class ServerComponent extends BaseComponent {
@@ -120,9 +120,9 @@ export default class ServerComponent extends BaseComponent {
 		if (tui.isInitialized) {
 			tui.setURLs(localURL, this.usedOptions.urls.external || '');
 		} else {
-			this.log('info', `Local server:    ${chalk.green(localURL)} (${this.usedOptions.urls.local})`);
+			this.log('info', `Local server:    ${styleText('green', localURL)} (${this.usedOptions.urls.local})`);
 			if (this.usedOptions.urls.external) {
-				this.log('info', `External server: ${chalk.green(this.usedOptions.urls.external)}`);
+				this.log('info', `External server: ${styleText('green', this.usedOptions.urls.external)}`);
 			}
 		}
 	}

package/lib/help.js

@@ -1,51 +1,51 @@
 import project from './project.js';
-import chalk from 'chalk';
+import { styleText } from 'node:util';
 import log from './logging.js';
 
 export default function() {
 	log(null, `
-${chalk.bold.blue('SDC Build WP')} - Custom WordPress build process
+${styleText(['bold', 'blue'], 'SDC Build WP')} - Custom WordPress build process
 
-${chalk.yellow('Usage:')} sdc-build-wp [options] [arguments]
+${styleText('yellow', 'Usage:')} sdc-build-wp [options] [arguments]
 
-${chalk.yellow('Options:')}
-  ${chalk.green('-h, --help')}           Show this help message and exit
-  ${chalk.green('-v, --version')}        Show version number and exit
-  ${chalk.green('-w, --watch')}          Build and watch for changes
-  ${chalk.green('-b, --builds BUILDS')}  Build with specific components (comma-separated)
-  ${chalk.green('--no-cache')}           Disable build caching for this run
-  ${chalk.green('--clear-cache')}        Clear all cached data and exit
+${styleText('yellow', 'Options:')}
+  ${styleText('green', '-h, --help')}           Show this help message and exit
+  ${styleText('green', '-v, --version')}        Show version number and exit
+  ${styleText('green', '-w, --watch')}          Build and watch for changes
+  ${styleText('green', '-b, --builds BUILDS')}  Build with specific components (comma-separated)
+  ${styleText('green', '--no-cache')}           Disable build caching for this run
+  ${styleText('green', '--clear-cache')}        Clear all cached data and exit
 
-${chalk.yellow('Available Components:')}
+${styleText('yellow', 'Available Components:')}
 ${Object.entries(project.components).map(([key, component]) => {
-		return `  ${chalk.cyan(key.padEnd(12))} ${component.description}`;
+		return `  ${styleText('cyan', key.padEnd(12))} ${component.description}`;
 	}).join('\n')}
 
-${chalk.yellow('Examples:')}
-  ${chalk.dim('# Basic build')}
+${styleText('yellow', 'Examples:')}
+  ${styleText('dim', '# Basic build')}
   sdc-build-wp
 
-  ${chalk.dim('# Build and watch for changes')}
+  ${styleText('dim', '# Build and watch for changes')}
   sdc-build-wp --watch
 
-  ${chalk.dim('# Build only specific components')}
+  ${styleText('dim', '# Build only specific components')}
   sdc-build-wp --watch --builds=style,scripts
 
-  ${chalk.dim('# Build without cache')}
+  ${styleText('dim', '# Build without cache')}
   sdc-build-wp --no-cache
 
-  ${chalk.dim('# Clear cache and exit')}
+  ${styleText('dim', '# Clear cache and exit')}
   sdc-build-wp --clear-cache
 
-${chalk.yellow('Watch Mode Controls:')}
-  ${chalk.green('[r]')} Restart build process
-  ${chalk.green('[c]')} Clear cache
-  ${chalk.green('[p]')} Pause/Resume watching
-  ${chalk.green('[n]')} New component
-  ${chalk.green('[q]')} Quit and exit
+${styleText('yellow', 'Watch Mode Controls:')}
+  ${styleText('green', '[r]')} Restart build process
+  ${styleText('green', '[c]')} Clear cache
+  ${styleText('green', '[p]')} Pause/Resume watching
+  ${styleText('green', '[n]')} New component
+  ${styleText('green', '[q]')} Quit and exit
 
-${chalk.yellow('Configuration:')}
-  Place your configuration in ${chalk.cyan(`${project.sdcDirName}/${project.configFileName}`)}
+${styleText('yellow', 'Configuration:')}
+  Place your configuration in ${styleText('cyan', `${project.sdcDirName}/${project.configFileName}`)}
   See documentation for available options.
 `);
 }

package/lib/logging.js

@@ -1,6 +1,6 @@
 // based heavily on Nick Salloum's 'node-pretty-log'
 // https://github.com/callmenick/node-pretty-log
-import chalk from 'chalk';
+import { styleText } from 'node:util';
 import { default as project } from './project.js';
 import tui from './tui.js';
 
@@ -14,28 +14,28 @@ function log(type, ...messages) {
 
 	switch (type) {
 		case 'success':
-			icon = chalk.green('✔');
-			time = chalk.gray(getTime());
+			icon = styleText('green', '✔');
+			time = styleText('gray', getTime());
 			break;
 		case 'error':
-			icon = chalk.red('✖');
-			time = chalk.bgRed.gray(getTime());
+			icon = styleText('red', '✖');
+			time = styleText(['bgRed', 'gray'], getTime());
 			if (project.builds.includes('server') && project.isRunning) {
 				project.components.server.server.notify('ERROR', 2500);
 			}
 			break;
 		case 'warn':
-			icon = chalk.yellow('⚠');
-			time = chalk.bgYellow.gray(getTime());
+			icon = styleText('yellow', '⚠');
+			time = styleText(['bgYellow', 'gray'], getTime());
 			break;
 		case 'php':
-			icon = chalk.blue('ℹ');
-			time = chalk.gray(getTime());
-			prefix = chalk.gray('PHP:  ');
+			icon = styleText('blue', 'ℹ');
+			time = styleText('gray', getTime());
+			prefix = styleText('gray', 'PHP:  ');
 			break;
 		case 'info':
-			icon = chalk.blue('ℹ');
-			time = chalk.bgBlue.gray(getTime());
+			icon = styleText('blue', 'ℹ');
+			time = styleText(['bgBlue', 'gray'], getTime());
 			break;
 	}
 

package/lib/tui.js

@@ -1,5 +1,5 @@
 import blessed from 'blessed';
-import chalk from 'chalk';
+import { styleText } from 'node:util';
 import log from './logging.js';
 
 class TUI {
@@ -16,6 +16,7 @@ class TUI {
 		this.components = [];
 		this.watchMode = false;
 		this.isPaused = false;
+		this.isMouseEnabled = true;
 		this._logHistory = [];
 	}
 
@@ -101,10 +102,26 @@ class TUI {
 		});
 
 		this.screen.key(['enter', 'return'], () => {
+			if (!this.isMouseEnabled) {
+				this.enableMouseCapture();
+				this.updateHeader();
+				this.render();
+				return;
+			}
 			this.logBox.log('');
 			this.screen.render();
 		});
 
+		const handleMouseDisable = () => {
+			if (this.isMouseEnabled) {
+				this.disableMouseCapture();
+				this.updateHeader();
+				this.render();
+			}
+		};
+		this.logBox.on('click', handleMouseDisable);
+		this.headerBox.on('click', handleMouseDisable);
+
 		this.screen.key(['down'], () => {
 			this.logBox.scroll(1);
 			this.screen.render();
@@ -138,23 +155,26 @@ class TUI {
 
 		const lines = [];
 
-		let titleLine = ' ' + chalk.bold.blue('SDC Build WP');
+		let titleLine = ' ' + styleText(['bold', 'blue'], 'SDC Build WP');
 		if (this.isPaused) {
-			titleLine += chalk.bold.yellow(' [PAUSED]');
+			titleLine += styleText(['bold', 'yellow'], ' [PAUSED]');
+		}
+		if (!this.isMouseEnabled) {
+			titleLine += styleText(['bold', 'yellow'], ' [TEXT SELECT - Press Enter to Exit]');
 		}
 		if (this.components.length > 0) {
-			titleLine += chalk.gray(' [') + chalk.cyan(this.components.join(', ')) + chalk.gray(']');
+			titleLine += styleText('gray', ' [') + styleText('cyan', this.components.join(', ')) + styleText('gray', ']');
 		}
 		lines.push(titleLine);
 
 		if (this.urls.local || this.urls.external) {
 			let urlLine = ' ';
 			if (this.urls.local) {
-				urlLine += `Local: ${chalk.green(this.urls.local)}`;
+				urlLine += `Local: ${styleText('green', this.urls.local)}`;
 			}
 			if (this.urls.external) {
 				if (urlLine.length > 1) urlLine += '  ';
-				urlLine += `External: ${chalk.green(this.urls.external)}`;
+				urlLine += `External: ${styleText('green', this.urls.external)}`;
 			}
 			lines.push(urlLine);
 		} else {
@@ -167,7 +187,11 @@ class TUI {
 			lines.push(' ');
 		}
 
-		lines.push(' ');
+		if (!this.isMouseEnabled) {
+			lines.push(' ' + styleText('yellow', 'Text select on. Press Enter to enable mouse.'));
+		} else {
+			lines.push(' ');
+		}
 
 		this.headerBox.setContent(lines.join('\n'));
 	}
@@ -319,7 +343,8 @@ class TUI {
 			commands: this.commands,
 			components: [...this.components],
 			watchMode: this.watchMode,
-			isPaused: this.isPaused
+			isPaused: this.isPaused,
+			isMouseEnabled: this.isMouseEnabled
 		};
 	}
 
@@ -330,11 +355,45 @@ class TUI {
 			this.components = [...state.components];
 			this.watchMode = state.watchMode;
 			this.isPaused = state.isPaused;
+			this.isMouseEnabled = state.isMouseEnabled ?? true;
+			if (this.isMouseEnabled) {
+				this.enableMouseCapture();
+			} else {
+				this.disableMouseCapture();
+			}
 			this.updateHeader();
 			this.render();
 		}
 	}
 
+	enableMouseCapture() {
+		if (!this.screen || this.isMouseEnabled) {
+			return;
+		}
+		this.isMouseEnabled = true;
+		if (this.screen.enableMouse) {
+			this.screen.enableMouse();
+			return;
+		}
+		if (this.screen.program && this.screen.program.enableMouse) {
+			this.screen.program.enableMouse();
+		}
+	}
+
+	disableMouseCapture() {
+		if (!this.screen || !this.isMouseEnabled) {
+			return;
+		}
+		this.isMouseEnabled = false;
+		if (this.screen.disableMouse) {
+			this.screen.disableMouse();
+			return;
+		}
+		if (this.screen.program && this.screen.program.disableMouse) {
+			this.screen.program.disableMouse();
+		}
+	}
+
 	destroy() {
 		if (this.isInitialized && this.screen) {
 			if (this.screen.program) {
@@ -348,6 +407,7 @@ class TUI {
 			this.screen = null;
 			this.headerBox = null;
 			this.logBox = null;
+			this.isMouseEnabled = true;
 
 			if (process.stdout.isTTY) {
 				process.stdout.write('\x1b[?25h');

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "sdc-build-wp",
-	"version": "5.4.5",
+	"version": "5.5.0",
 	"description": "Custom WordPress build process.",
 	"engines": {
 		"node": ">=22"
@@ -26,20 +26,18 @@
 		"@stylistic/stylelint-plugin": "^4.0.0",
 		"@typescript-eslint/eslint-plugin": "^8.48.1",
 		"@typescript-eslint/parser": "^8.48.1",
-		"@wordpress/scripts": "^31.1.0",
-		"autoprefixer": "^10.4.22",
+		"@wordpress/scripts": "^31.4.0",
+		"autoprefixer": "^10.4.24",
 		"blessed": "^0.1.81",
 		"browser-sync": "^3.0.4",
-		"chalk": "^5.6.2",
 		"chokidar": "^5.0.0",
-		"esbuild": "^0.27.1",
+		"esbuild": "^0.27.3",
 		"eslint": "^9.39.1",
-		"fs-extra": "^11.3.2",
 		"postcss": "^8.5.6",
 		"postcss-scss": "^4.0.9",
 		"postcss-sort-media-queries": "^5.2.0",
-		"prettier": "^3.7.4",
-		"sass": "^1.94.2",
+		"prettier": "^3.8.1",
+		"sass": "^1.97.3",
 		"sharp": "^0.34.5",
 		"stylelint": "^16.26.1",
 		"svgo": "^4.0.0",