properly add chalk as deps + esbuild.mjs update + new scripts in package.json

Author: KTrain5169

.husky/pre-commit

@@ -1,2 +1,3 @@
+npm run types
 npx eslint
 cd docs && npm run check

esbuild.mjs

@@ -48,7 +48,7 @@ const modeArgIndex = process.argv.indexOf('--mode');
 const mode = modeArgIndex !== -1 && process.argv[modeArgIndex + 1] ? process.argv[modeArgIndex + 1] : 'default';
 
 // Log the build configuration
-console.log(chalk.bold(`🧰 Build mode: ${production ? chalk.green('🏭 Production') : chalk.yellow('🛠️ Development')}`));
+console.log(chalk.bold(`🏗️  Build mode: ${production ? chalk.green('🏭 Production') : chalk.yellow('🛠️ Development')}`));
 if (process.env.NODE_ENV) {
     console.log(chalk.cyan(`🌍 NODE_ENV: ${process.env.NODE_ENV}`));
 }
@@ -68,7 +68,7 @@ if (fs.existsSync(outDir)) {
     console.log(chalk.yellow(`🗑️  Output directory ${outDir} already exists, removing dir...`));
     fs.rmSync(outDir, {recursive: true});
 } else {
-    console.log(chalk.dim(`📁 Output directory ${outDir} doesn't exist, skipping removal step.`));
+    console.log(chalk.dim(`📁  Output directory ${outDir} doesn't exist, skipping removal step.`));
 }
 
 (async () => {
@@ -77,43 +77,43 @@ if (fs.existsSync(outDir)) {
             case 'web':
                 console.log(chalk.blue(`🌐 ${watch ? 'Watching' : 'Running'} web build...`));
                 await web(production, watch).catch(erm => {
-                    console.error(chalk.red.bold(`❌ Web build failed: ${erm}`));
+                    console.error(chalk.red.bold(`💥  Web build failed: ${erm}`));
                     process.exit(1);
                 });
-                console.log(chalk.green.bold('✅ Web build completed successfully!'));
+                console.log(chalk.green.bold.underline('🧰  Web build completed successfully!'));
                 break;
             case 'desktop':
                 console.log(chalk.blue(`🖥️  ${watch ? 'Watching' : 'Running'} desktop build...`));
                 await desktop(production, watch).catch(erm => {
-                    console.error(chalk.red.bold(`❌ Desktop build failed: ${erm}`));
+                    console.error(chalk.red.bold(`💥 Desktop build failed: ${erm}`));
                     process.exit(1);
                 });
-                console.log(chalk.green.bold('✅ Desktop build completed successfully!'));
+                console.log(chalk.green.bold.underline('🧰  Desktop build completed successfully!'));
                 break;
             case 'default':
                 // Can't use watch while building both.
                 if (watch) {
-                    console.error(chalk.red.bold('❌ Cannot use flag --watch while building both desktop and web'));
-                    process.exit(1);
+                    console.error(chalk.yellow.bold('⚠️  Cannot use flag --watch while building both desktop and web'));
+                    //process.exit(1); we'll just continue building it normally ig
                 }
                 console.log(chalk.blue('🖥️  Running desktop build...'));
                 await desktop(production, false).catch(erm => {
-                    console.error(chalk.red.bold(`❌ Desktop build failed: ${erm}`));
+                    console.error(chalk.red.bold(`💥  Desktop build failed: ${erm}`));
                     process.exit(1);
                 });
                 console.log(chalk.blue('🌐 Running web build...'));
                 await web(production, false).catch(erm => {
-                    console.error(chalk.red.bold(`❌ Web build failed: ${erm}`));
+                    console.error(chalk.red.bold(`💥  Web build failed: ${erm}`));
                     process.exit(1);
                 });
                 console.log(chalk.green.bold.underline('🎉 Builds completed successfully!'));
                 break;
             default:
-                console.error(chalk.red.bold(`❌ Unknown mode: ${mode}`));
+                console.error(chalk.red.bold(`❌  Unknown mode: ${mode}`));
                 process.exit(1);
         }
     } catch (erm) {
-        console.error(chalk.bgRed.white.bold(`💥 Build failed: ${erm}`));
+        console.error(chalk.bgRed.white.bold(`💥  Build failed: ${erm}`));
         process.exit(1);
     }
 })();

package-lock.json

@@ -600,18 +600,19 @@
 	},
 	"scripts": {
 		"vscode:prepublish": "npm run build",
-		"build": "npm run check-types && node esbuild.mjs",
+		"build": "npm run types && node esbuild.mjs",
 		"compile": "cross-env NODE_ENV=0 npm run build",
 		"package": "cross-env NODE_ENV=1 npm run build",
 		"lint": "eslint --fix",
 		"test": "vscode-test",
 		"prepare": "husky",
-		"check-types": "tsc --noEmit",
+		"types": "npm-run-all -p build:*:tsc",
+		"types:watch": "npm-run-all -p watch:*:tsc",
 		"build:web": "npm-run-all -p build:web:*",
 		"build:desktop": "npm-run-all -p build:desktop:*",
 		"build:web:esbuild": "node esbuild.mjs --mode web",
 		"build:web:tsc": "tsc --noEmit --project tsconfig.web.json",
-		"buils:desktop:esbuild": "node esbuild.mjs --mode desktop",
+		"build:desktop:esbuild": "node esbuild.mjs --mode desktop",
 		"build:desktop:tsc": "tsc --noEmit --project tsconfig.json",
 		"watch:web": "npm-run-all -p watch:web:*",
 		"watch:desktop": "npm-run-all -p watch:desktop:*",
@@ -629,6 +630,7 @@
 		"@types/vscode": "^1.95.0",
 		"@types/ws": "^8.18.0",
 		"@vscode/vsce": "^3.6.0",
+		"chalk": "^5.4.1",
 		"cross-env": "^7.0.3",
 		"esbuild": "^0.25.5",
 		"esbuild-plugin-polyfill-node": "^0.3.0",