lucy-cli 0.8.3 → 0.9.0

package/dist/Gulpfile.js

@@ -87,6 +87,11 @@ export async function runTask(task, moduleSettings, projectSettings) {
     taskOptions.moduleSettings = moduleSettings;
     taskOptions.projectSettings = projectSettings;
     console.log("🐕" + magenta.underline(' => Starting Task => ' + orange(task)));
-    await gulpTaskRunner(task);
+    try {
+        await gulpTaskRunner(task);
+    }
+    catch (err) {
+        console.log((`💩 ${red.underline.bold("=> Error starting tasks =>")} ${orange(err)}`));
+    }
     console.log("🐶" + green.underline.bold(' => Task completed: ' + task));
 }

package/dist/gulp/backend.js

@@ -1,8 +1,17 @@
 import gulp from 'gulp';
-import { createGulpEsbuild } from 'gulp-esbuild';
 import rename from 'gulp-rename';
 import * as path from 'path';
 import { blue, orange, red } from '../index.js';
+import swc from 'gulp-swc';
+const swcOptions = {
+    jsc: {
+        target: 'es2020',
+        parser: {
+            syntax: "typescript",
+            tsx: true,
+        },
+    },
+};
 export function buildBackend(options) {
     const folders = ['typescript'];
     if (options.modulesSync) {
@@ -10,11 +19,7 @@ export function buildBackend(options) {
             folders.push(module);
         }
     }
-    const { outputDir, enableIncrementalBuild } = options;
-    const gulpEsbuild = createGulpEsbuild({
-        incremental: enableIncrementalBuild,
-        pipe: true,
-    });
+    const { outputDir } = options;
     // Create tasks for each folder
     const tasks = folders.map((folder) => {
         const taskName = `build_Backend-${folder}`; // Create a unique name for each task
@@ -24,12 +29,17 @@ export function buildBackend(options) {
             `!${folder}/backend/**/*.jsw.ts`,
             `!${folder}/backend/**/*.spec.ts`,
         ])
-            .pipe(gulpEsbuild({
-            bundle: false,
-        }))
+            .pipe(swc(swcOptions))
+            .pipe(swc(swcOptions))
+            .on('error', function (e) {
+            console.log("💩" + red.underline.bold(` => Build of Backend files for ${orange(folder)} failed!`));
+            console.log("💩" + red.underline.bold(` => Error: ${orange(e.message)}`));
+            this.emit('end');
+        })
             .pipe(gulp.dest(path.join(outputDir, 'backend')))
-            .on('error', function () {
+            .on('error', function (e) {
             console.log("💩" + red.underline.bold(` => Build of Backend files for ${orange(folder)} failed!`));
+            console.log("💩" + red.underline.bold(` => Error: ${orange(e.message)}`));
             this.emit('end');
         })
             .on('end', function () {
@@ -49,24 +59,29 @@ export function buildBackendJSW(options) {
             folders.push(module);
         }
     }
-    const { outputDir, enableIncrementalBuild } = options;
-    const gulpEsbuild = createGulpEsbuild({
-        incremental: enableIncrementalBuild,
-        pipe: true,
-    });
+    const swcOptions = {
+        jsc: {
+            target: 'es6',
+        },
+    };
+    const { outputDir } = options;
     // Create tasks for each folder
     const tasks = folders.map((folder) => {
         const taskName = `build-${folder}`; // Create a unique name for each task
         const task = () => gulp.src([
             `${folder}/backend/**/*.jsw.ts`,
         ])
-            .pipe(gulpEsbuild({
-            bundle: false,
-        }))
+            .pipe(swc(swcOptions))
+            .on('error', function (e) {
+            console.log("💩" + red.underline.bold(` => Build of Public files for ${orange(folder)} failed!`));
+            console.log("💩" + red.underline.bold(` => Error: ${orange(e.message)}`));
+            this.emit('end');
+        })
             .pipe(rename({ extname: '' }))
             .pipe(gulp.dest(path.join(outputDir, 'backend')))
-            .on('error', function () {
+            .on('error', function (e) {
             console.log("💩" + red.underline.bold(` => Build of JSW files for ${orange(folder)} failed!`));
+            console.log("💩" + red.underline.bold(` => Error: ${orange(e.message)}`));
             this.emit('end');
         })
             .on('end', function () {

package/dist/gulp/checks.js

@@ -128,8 +128,9 @@ export function checkTs(options) {
         const taskName = `test-${folder}`; // Create a unique name for each task
         const task = () => gulp.src([`${folder}/**/*.ts`, `!${folder}/types/**/*.ts`], { cwd: folder })
             .pipe(tsProject(ts.reporter.fullReporter()))
-            .on('error', function () {
+            .on('error', function (e) {
             console.log("💩" + red.underline.bold(` => Typescriptcheck for ${orange(folder)} failed!`));
+            console.log("💩" + red.underline.bold(` => Error: ${orange(e.message)}`));
             this.emit('end');
         })
             .on('end', function () {

package/dist/gulp/clean.js

@@ -1,12 +1,13 @@
 import gulp from 'gulp';
 import clean from 'gulp-clean';
-import { blue, red } from '../index.js';
+import { blue, orange, red } from '../index.js';
 export function cleanWix() {
     return () => {
         return gulp.src('./.wix', { read: false, allowEmpty: true })
             .pipe(clean({ force: true }))
-            .on('error', function () {
+            .on('error', function (e) {
             console.log("💩" + red.underline.bold(' => Cleaning of .wix failed!'));
+            console.log("💩" + red.underline.bold(` => Error: ${orange(e.message)}`));
             this.emit('end');
         })
             .on('end', function () { console.log("🐶" + blue.underline(' => Cleaning of .wix succeeded!')); });
@@ -17,8 +18,9 @@ export function cleanSrc(options) {
     return () => {
         return gulp.src([`${outputDir}/pages`, `${outputDir}/public`, `${outputDir}/backend`], { read: false, allowEmpty: true })
             .pipe(clean({ force: true }))
-            .on('error', function () {
+            .on('error', function (e) {
             console.log("💩" + red.underline.bold('Cleaning of output files failed!'));
+            console.log("💩" + red.underline.bold(` => Error: ${orange(e.message)}`));
             this.emit('end');
         })
             .on('end', function () { console.log("🐶" + blue.underline(' => Cleaning of .src succeeded!')); });

package/dist/gulp/copy.js

@@ -21,8 +21,9 @@ export function copyFiles(options) {
             `!${folder}/styles/**`,
         ])
             .pipe(gulp.dest(outputDir))
-            .on('error', function () {
+            .on('error', function (e) {
             console.log("💩" + red.underline.bold(` => Copy of files for ${orange(folder)} failed!`));
+            console.log("💩" + red.underline.bold(` => Error: ${orange(e.message)}`));
             this.emit('end');
         })
             .on('end', function () {

package/dist/gulp/pages.d.ts

@@ -1,2 +1,2 @@
 import { TaskOptions } from '../Gulpfile';
-export declare function buildPages(options: TaskOptions): () => NodeJS.ReadWriteStream;
+export declare function buildPages(options: TaskOptions): () => any;

package/dist/gulp/pages.js

@@ -1,21 +1,30 @@
 import gulp from 'gulp';
-import { createGulpEsbuild } from 'gulp-esbuild';
 import * as path from 'path';
-import { blue, red } from '../index.js';
+import { blue, orange, red } from '../index.js';
+import swc from 'gulp-swc';
+const swcOptions = {
+    jsc: {
+        target: 'es2020',
+        parser: {
+            syntax: "typescript",
+            tsx: true,
+        },
+    },
+};
 export function buildPages(options) {
-    const { outputDir, enableIncrementalBuild } = options;
-    const gulpEsbuild = createGulpEsbuild({
-        incremental: enableIncrementalBuild, // enables the esbuild's incremental build
-        pipe: true, // enables the esbuild's pipe mode
-    });
+    const { outputDir } = options;
     return () => {
         return gulp.src('typescript/pages/*.ts')
-            .pipe(gulpEsbuild({
-            bundle: false,
-        }))
+            .pipe(swc(swcOptions))
+            .on('error', function (e) {
+            console.log("💩" + red.underline.bold(` => Build of Pages files failed!`));
+            console.log("💩" + red.underline.bold(` => Error: ${orange(e.message)}`));
+            this.emit('end');
+        })
             .pipe(gulp.dest(path.join(outputDir, 'pages')))
-            .on('error', function () {
+            .on('error', function (e) {
             console.log("💩" + red.underline.bold(' => Build of Pages TS files failed!'));
+            console.log("💩" + red.underline.bold(` => Error: ${orange(e.message)}`));
             this.emit('end');
         })
             .on('end', function () { console.log("🐶" + blue.underline(' => Build of Pages TS files succeeded!')); });

package/dist/gulp/pipeline.js

@@ -1,7 +1,7 @@
 import gulp from 'gulp';
 import * as path from 'path';
 import replace from 'gulp-string-replace';
-import { blue, red } from '../index.js';
+import { blue, orange, red } from '../index.js';
 export function setProdConfig() {
     const tag = process.env.GIT_TAG || 'development';
     const regexGit = /gitTag:\s*(.*),/g;
@@ -16,8 +16,9 @@ export function setProdConfig() {
             const outputDir = path.dirname(filePath);
             return path.join(`${outputDir}/constants`);
         }))
-            .on('error', function () {
+            .on('error', function (e) {
             console.log("💩" + red.underline.bold(' => Setting the git tag failed!'));
+            console.log("💩" + red.underline.bold(` => Error: ${orange(e.message)}`));
             this.emit('end');
         })
             .on('end', function () {

package/dist/gulp/public.js

@@ -1,7 +1,16 @@
 import gulp from 'gulp';
-import { createGulpEsbuild } from 'gulp-esbuild';
 import * as path from 'path';
 import { blue, orange, red } from '../index.js';
+import swc from 'gulp-swc';
+const swcOptions = {
+    jsc: {
+        target: 'es2020',
+        parser: {
+            syntax: "typescript",
+            tsx: true,
+        },
+    },
+};
 export function buildPublic(options) {
     const folders = ['typescript'];
     if (options.modulesSync) {
@@ -9,11 +18,7 @@ export function buildPublic(options) {
             folders.push(module);
         }
     }
-    const { outputDir, enableIncrementalBuild } = options;
-    const gulpEsbuild = createGulpEsbuild({
-        incremental: enableIncrementalBuild,
-        pipe: true,
-    });
+    const { outputDir } = options;
     // Create tasks for each folder
     const tasks = folders.map((folder) => {
         const taskName = `build_Public-${folder}`; // Create a unique name for each task
@@ -21,15 +26,16 @@ export function buildPublic(options) {
             `${folder}/public/**/*.ts`,
             `${folder}/public/**/*.tsx`,
         ])
-            .pipe(gulpEsbuild({
-            bundle: false,
-            loader: {
-                '.tsx': 'tsx',
-            },
-        }))
+            .pipe(swc(swcOptions))
+            .on('error', function (e) {
+            console.log("💩" + red.underline.bold(` => Build of Public files for ${orange(folder)} failed!`));
+            console.log("💩" + red.underline.bold(` => Error: ${orange(e.message)}`));
+            this.emit('end');
+        })
             .pipe(gulp.dest(path.join(outputDir, 'public')))
-            .on('error', function () {
+            .on('error', function (e) {
             console.log("💩" + red.underline.bold(` => Build of Public files for ${orange(folder)} failed!`));
+            console.log("💩" + red.underline.bold(` => Error: ${orange(e.message)}`));
             this.emit('end');
         })
             .on('end', function () {

package/dist/gulp/styles.js

@@ -13,9 +13,15 @@ export function compileScss(options) {
         const taskName = `compile_sass-${folder}`; // Create a unique name for each task
         const task = () => gulp.src(['typescript/styles/global.scss'])
             .pipe(sass().on('error', sass.logError))
+            .on('error', function (e) {
+            console.log("💩" + red.underline.bold(` => Build of SCSS files for ${orange(folder)} failed!`));
+            console.log("💩" + red.underline.bold(` => Error: ${orange(e.message)}`));
+            this.emit('end');
+        })
             .pipe(gulp.dest(`${outputDir}/styles`))
-            .on('error', function () {
+            .on('error', function (e) {
             console.log("💩" + red.underline.bold(` => Compiling of scss files for ${orange(folder)} failed!`));
+            console.log("💩" + red.underline.bold(` => Error: ${orange(e.message)}`));
             this.emit('end');
         })
             .on('end', function () {

package/dist/gulp/templates.js

@@ -20,8 +20,9 @@ export function previewTemplates(options) {
             `!${folder}/backend/templates/render.ts`,
         ])
             .pipe(exec((file) => `npx ts-node-esm -T ${file.path}`, taskOpt))
-            .on('error', function () {
+            .on('error', function (e) {
             console.log("💩" + red.underline.bold(` => Render of Template for ${orange(folder)} failed!`));
+            console.log("💩" + red.underline.bold(` => Error: ${orange(e.message)}`));
             this.emit('end');
         })
             .on('end', function () {

package/dist/gulp/test.js

@@ -40,8 +40,9 @@ export function test(options) {
                 'public/(.*)': '<rootDir>/public/$1'
             }
         }))
-            .on('error', function () {
+            .on('error', function (e) {
             console.log("💩" + red.underline.bold(` => Tests for ${orange(folder)} failed!`));
+            console.log("💩" + red.underline.bold(` => Error: ${orange(e.message)}`));
             this.emit('end');
         })
             .on('end', function () {

package/dist/gulp/types.js

@@ -5,7 +5,7 @@ import flatmap from 'gulp-flatmap';
 import jeditor from 'gulp-json-editor';
 import merge from 'merge-stream';
 import * as insert from 'gulp-insert';
-import { blue, red, yellow } from '../index.js';
+import { blue, orange, red, yellow } from '../index.js';
 import tap from 'gulp-tap';
 export function updateWixTypes(options) {
     return () => {
@@ -141,7 +141,7 @@ export function updateWixTypes(options) {
         }))
             .on('error', function (e) {
             console.log("💩" + red.underline.bold('Modification of WIX configs failed!'));
-            console.error(e);
+            console.log("💩" + red.underline.bold(` => Error: ${orange(e.message)}`));
             this.emit('end');
         })
             .on('end', function () { console.log("🐶" + blue.underline(`Modification of ${yellow(count)} WIX configs succeeded!`)); });
@@ -168,8 +168,8 @@ export function addTypes(options, done) {
         .pipe(gulp.dest('./.wix/types/wix-code-types/dist/types/common/'));
     return merge(processPages, processCommon, exportTypesBeta, exportTypes)
         .on('error', function (e) {
-        console.error(e);
         console.log("💩" + red.underline.bold(' => Updating WIX failed!'));
+        console.log("💩" + red.underline.bold(` => Error: ${orange(e.message)}`));
         this.emit('end');
         done();
     })

package/dist/helpers.d.ts

@@ -5,4 +5,9 @@ export declare function runGulp(moduleSettings: ModuleSettings, projectSettings:
 /**
  * Clean up and run a command before exiting the process.
  */
-export declare function handleExit(): void;
+export declare function cleanupWatchers(): void;
+/**
+ * Kill all processes matching a specific substring in their command, with a fallback for Windows.
+ * @param {string} processPattern - The substring to match (e.g., "wix:dev" or "@wix/cli/bin/wix.cjs").
+ */
+export declare function killAllProcesses(processPattern: string): void;

package/dist/helpers.js

@@ -5,7 +5,8 @@ import { spawnSync } from 'child_process';
 import path from 'path';
 import { fileURLToPath } from 'url';
 import { exec } from 'child_process';
-import { blue, green, orange, red } from './index.js';
+import os from 'os';
+import { blue, green, orange, red, yellow, magenta } from './index.js';
 export async function installPackages(wixPackages, devPackages, cwd, locked) {
     if (locked)
         console.log("🐕" + blue.underline(` => Installing & version locked packages!`));
@@ -71,18 +72,83 @@ export async function runGulp(moduleSettings, projectSettings, task) {
 /**
  * Clean up and run a command before exiting the process.
  */
-export function handleExit() {
+export function cleanupWatchers() {
+    console.log(`🧹 ${magenta.underline('Cleaning up Watchman watchers...')}`);
     const cwd = process.cwd();
-    const command = `watchman watch-del '${cwd}'`;
-    console.log("🐕" + blue.underline(' => Cleaning up...'));
+    const command = `watchman watch-del "${cwd}"`; // Adjust for Windows paths
     exec(command, (error, stdout, stderr) => {
         if (error) {
-            console.error(`💩 Failed to run cleanup: ${error.message}`);
+            console.error(`💩 ${red.underline('Failed to run cleanup:')} ${orange(error.message)}`);
             return;
         }
         if (stderr) {
-            console.error(`⚠️  Watchman stderr: ${stderr}`);
+            console.error(`⚠️ ${yellow.underline('Watchman stderr:')} ${stderr}`);
         }
-        console.log(`✅ Watchman cleanup success: ${stdout}`);
+        console.log(`✅ ${green.underline('Watchman cleanup success:')} ${stdout}`);
+    });
+}
+/**
+ * Kill all processes matching a specific substring in their command, with a fallback for Windows.
+ * @param {string} processPattern - The substring to match (e.g., "wix:dev" or "@wix/cli/bin/wix.cjs").
+ */
+export function killAllProcesses(processPattern) {
+    const isWindows = os.platform() === 'win32';
+    const command = isWindows
+        ? `tasklist /FI "IMAGENAME eq node.exe" /FO CSV | findstr "${processPattern}"` // Adjust for Node.js processes
+        : `ps -eo pid,command | grep "${processPattern}" | grep -v grep`;
+    exec(command, (error, stdout, stderr) => {
+        if (error) {
+            console.error(`💩 ${red.underline('Failed to find processes:')} ${orange(error.message)}`);
+            return;
+        }
+        if (stderr) {
+            console.error(`⚠️ ${yellow.underline('Error output:')} ${stderr}`);
+        }
+        if (!stdout.trim()) {
+            console.log(`ℹ️ ${blue.underline(`No processes found matching pattern:`)} ${orange(processPattern)}`);
+            return;
+        }
+        console.log(`📝 ${magenta.underline('Found matching processes:')}\n${stdout}`);
+        const lines = stdout.trim().split('\n');
+        const pids = isWindows
+            ? lines.map(line => line.match(/"(\d+)"/)?.[1]) // Extract PID from Windows tasklist output
+            : lines.map(line => line.trim().split(/\s+/)[0]).filter(pid => !isNaN(Number(pid)));
+        pids.forEach(pid => {
+            if (!pid)
+                return;
+            try {
+                const killCommand = isWindows
+                    ? `taskkill /PID ${pid} /T /F` // Forcefully terminate the process on Windows
+                    : `kill -SIGTERM ${pid}`;
+                exec(killCommand, (killError) => {
+                    if (killError) {
+                        console.error(`⚠️ ${yellow.underline('Failed to kill process with PID')} ${orange(pid)}: ${red(killError.message)}`);
+                    }
+                    else {
+                        console.log(`✅ ${green.underline('Killed process with PID:')} ${orange(pid)}`);
+                    }
+                });
+                // Schedule SIGKILL fallback for non-Windows platforms
+                if (!isWindows) {
+                    setTimeout(() => {
+                        try {
+                            process.kill(parseInt(pid, 10), 'SIGKILL');
+                            console.log(`🔪 ${red.underline('Sent SIGKILL to process with PID:')} ${orange(pid)} (fallback).`);
+                        }
+                        catch (killError) {
+                            if (killError.code === 'ESRCH') {
+                                console.log(`✅ ${green.underline('Process with PID')} ${orange(pid)} ${green.underline('already terminated.')}`);
+                            }
+                            else {
+                                console.error(`⚠️ ${yellow.underline('Failed to send SIGKILL to process with PID')} ${orange(pid)}: ${red(killError.message)}`);
+                            }
+                        }
+                    }, 10000);
+                }
+            }
+            catch (err) {
+                console.error(`⚠️ ${yellow.underline('Failed to kill process with PID')} ${orange(pid)}: ${red(err.message)}`);
+            }
+        });
     });
 }

package/dist/index.js

@@ -9,7 +9,7 @@ import { join } from 'path';
 import fs from 'fs/promises';
 import { init } from './init.js';
 import { sync } from './sync.js';
-import { runGulp, installPackages, handleExit } from './helpers.js';
+import { runGulp, installPackages, killAllProcesses, cleanupWatchers } from './helpers.js';
 import { prepare } from './prepare.js';
 import { spawnSync } from 'child_process';
 export const orange = chalk.hex('#FFA500');
@@ -22,10 +22,45 @@ export const magenta = chalk.magentaBright;
 const __filename = fileURLToPath(import.meta.url);
 // eslint-disable-next-line @typescript-eslint/naming-convention
 const __dirname = dirname(__filename);
+// const cwd = process.cwd();
+// const command = `watchman watch-del '${cwd}'`;
+// killAllProcesses('@wix/cli/bin/wix.cjs'); // Matches processes running the Wix CLI
+// killAllProcesses('wix:dev');   
+process.on('exit', (code) => {
+    killAllProcesses('@wix/cli/bin/wix.cjs'); // Matches processes running the Wix CLI
+    killAllProcesses('wix:dev');
+    cleanupWatchers();
+    console.log(`🚪 ${magenta.underline('Process exiting with code:')} ${orange(code)}`);
+});
 process.on('SIGINT', () => {
-    console.log("🐕 Received Ctrl+C, cleaning up...");
-    handleExit();
-    process.exit(); // Exit the process explicitly
+    console.log(`🐕 ${green.underline('Received Ctrl+C (SIGINT), cleaning up...')}`);
+    killAllProcesses('@wix/cli/bin/wix.cjs'); // Matches processes running the Wix CLI
+    killAllProcesses('wix:dev');
+    cleanupWatchers();
+    process.exit(); // Exit explicitly after handling
+});
+process.on('SIGTERM', () => {
+    console.log(`🛑 ${red.underline('Received termination signal (SIGTERM), cleaning up...')}`);
+    killAllProcesses('@wix/cli/bin/wix.cjs'); // Matches processes running the Wix CLI
+    killAllProcesses('wix:dev');
+    cleanupWatchers();
+    process.exit(); // Exit explicitly after handling
+});
+process.on('uncaughtException', (error) => {
+    console.error(`💥 ${red.underline('Uncaught Exception:')}`, error);
+    killAllProcesses('@wix/cli/bin/wix.cjs'); // Matches processes running the Wix CLI
+    killAllProcesses('wix:dev');
+    cleanupWatchers();
+    process.exit(1); // Exit with an error code
+});
+process.on('unhandledRejection', (reason, promise) => {
+    console.error(`🚨 ${yellow.underline('Unhandled Rejection at:')} ${orange(promise)}`);
+    console.error(`🚨 ${red.underline('Reason:')} ${reason}`);
+    cleanupWatchers();
+    killAllProcesses('@wix/cli/bin/wix.cjs'); // Matches processes running the Wix CLI
+    killAllProcesses('wix:dev');
+    cleanupWatchers();
+    process.exit(1); // Exit with an error code
 });
 /**
  * Main function

package/package.json

@@ -1,7 +1,7 @@
 {
   "type": "module",
   "name": "lucy-cli",
-  "version": "0.8.3",
+  "version": "0.9.0",
   "description": "Lucy Framework for WIX Studio Editor",
   "main": ".dist/index.js",
   "scripts": {
@@ -32,6 +32,7 @@
     "registry": "https://registry.npmjs.org"
   },
   "dependencies": {
+    "@swc/core": "^1.9.3",
     "@wix/cli": "^1.0.83",
     "@wix/eslint-plugin-cli": "^1.0.1",
     "chalk": "^5.3.0",
@@ -41,20 +42,21 @@
     "gulp-clean": "^0.4.0",
     "gulp-cli": "3.0.0",
     "gulp-concat": "^2.6.1",
-    "gulp-esbuild": "0.12.1",
     "gulp-exec": "^5.0.0",
     "gulp-flatmap": "^1.0.2",
     "gulp-if": "^3.0.0",
     "gulp-insert": "^0.5.0",
     "gulp-jest": "^4.0.4",
     "gulp-json-editor": "2.6.0",
+    "gulp-plumber": "^1.2.1",
     "gulp-rename": "^2.0.0",
     "gulp-sass": "^5.1.0",
     "gulp-shell": "^0.8.0",
     "gulp-string-replace": "^1.1.2",
+    "gulp-swc": "^2.2.0",
     "gulp-tap": "^2.0.0",
     "gulp-typedoc": "^3.0.2",
-    "gulp-typescript": "^6.0.0-alpha.1",
+    "gulp-typescript": "5.0.1",
     "gulp-wait": "^0.0.2",
     "jest": "^29.7.0",
     "merge-stream": "^2.0.0",
@@ -75,6 +77,7 @@
     "@types/gulp-concat": "^0.0.37",
     "@types/gulp-insert": "^0.5.13",
     "@types/gulp-json-editor": "^2.2.36",
+    "@types/gulp-plumber": "^0.0.37",
     "@types/gulp-rename": "^2.0.6",
     "@types/gulp-sass": "^5.0.4",
     "@types/gulp-tap": "^1.0.5",
@@ -84,13 +87,12 @@
     "@typescript-eslint/eslint-plugin": "8.14.0",
     "@typescript-eslint/parser": "8.14.0",
     "@typescript-eslint/utils": "8.14.0",
-    "esbuild": "0.24.0",
     "eslint": "9.14.0",
     "eslint-plugin-import": "^2.27.5",
     "eslint-plugin-jsdoc": "50.5.0",
     "eslint-plugin-named-import-spacing": "^1.0.3",
     "eslint-plugin-simple-import-sort": "12.1.1",
     "ts-node": "^10.9.1",
-    "typescript": "^5.1.6"
+    "typescript": "^5.6.3"
   }
 }

package/src/Gulpfile.ts

@@ -133,7 +133,7 @@ gulp.task('fix-wix', gulp.series(
 gulp.task('build', gulp.parallel(
 	'build-backend', 
 	'build-public', 
-	buildPages(taskOptions), 
+	buildPages(taskOptions),
 	compileScss(taskOptions), 
 	'copy-files'
 	)
@@ -196,6 +196,10 @@ export async function runTask(task: string, moduleSettings: ModuleSettings, proj
 	taskOptions.moduleSettings = moduleSettings;
 	taskOptions.projectSettings = projectSettings;
 	console.log("🐕" + magenta.underline(' => Starting Task => ' +  orange(task)));
+	try {
 	await gulpTaskRunner(task);
+	} catch (err) {
+		console.log((`💩 ${red.underline.bold("=> Error starting tasks =>")} ${orange(err)}`));
+	}
 	console.log("🐶" + green.underline.bold(' => Task completed: ' + task));
 }

package/src/gulp/backend.ts

@@ -1,9 +1,20 @@
 import gulp from 'gulp';
-import { createGulpEsbuild } from 'gulp-esbuild';
 import rename from 'gulp-rename';
 import * as path from 'path';
 import { TaskOptions } from '../Gulpfile';
 import { blue, orange, red } from '../index.js';
+import swc from 'gulp-swc';
+import { cond } from 'cypress/types/lodash';
+
+const swcOptions = {
+    jsc: {
+        target: 'es2020',
+        parser: {
+            syntax: "typescript",
+            tsx: true,
+        },
+    },
+};
 
 export function buildBackend(options: TaskOptions) {
     const folders = ['typescript'];
@@ -13,11 +24,7 @@ export function buildBackend(options: TaskOptions) {
         }
     }
 
-    const { outputDir, enableIncrementalBuild } = options;
-    const gulpEsbuild = createGulpEsbuild({
-        incremental: enableIncrementalBuild,
-        pipe: true,
-    });
+    const { outputDir } = options;
 
     // Create tasks for each folder
     const tasks = folders.map((folder) => {
@@ -30,14 +37,17 @@ export function buildBackend(options: TaskOptions) {
                 `!${folder}/backend/**/*.jsw.ts`,
                 `!${folder}/backend/**/*.spec.ts`,
             ])
-                .pipe(
-                    gulpEsbuild({
-                        bundle: false,
-                    })
-                )
+                .pipe(swc(swcOptions))
+                .pipe(swc(swcOptions))
+                .on('error', function (e: Error) {
+                    console.log("💩" + red.underline.bold(` => Build of Backend files for ${orange(folder)} failed!`));
+                    console.log("💩" + red.underline.bold(` => Error: ${orange(e.message)}`));
+                    this.emit('end');
+                })
                 .pipe(gulp.dest(path.join(outputDir, 'backend')))
-                .on('error', function () {
+                .on('error', function (e: Error) {
                     console.log("💩" + red.underline.bold(` => Build of Backend files for ${orange(folder)} failed!`));
+                    console.log("💩" + red.underline.bold(` => Error: ${orange(e.message)}`));
                     this.emit('end');
                 })
                 .on('end', function () {
@@ -61,12 +71,12 @@ export function buildBackendJSW(options: TaskOptions) {
             folders.push(module);
         }
     }
-
-    const { outputDir, enableIncrementalBuild } = options;
-    const gulpEsbuild = createGulpEsbuild({
-        incremental: enableIncrementalBuild,
-        pipe: true,
-    });
+    const swcOptions = {
+        jsc: {
+            target: 'es6',
+        },
+    };
+    const { outputDir } = options;
 
     // Create tasks for each folder
     const tasks = folders.map((folder) => {
@@ -76,20 +86,22 @@ export function buildBackendJSW(options: TaskOptions) {
             gulp.src([
                 `${folder}/backend/**/*.jsw.ts`,
             ])
-                .pipe(
-                    gulpEsbuild({
-                        bundle: false,
-                    })
-                )
-                .pipe(rename({ extname: '' }))
-                .pipe(gulp.dest(path.join(outputDir, 'backend')))
-                .on('error', function () {
-                    console.log("💩" + red.underline.bold(` => Build of JSW files for ${orange(folder)} failed!`));
-                    this.emit('end');
-                })
-                .on('end', function () {
-                    console.log("🐶" + blue.underline(` => Build of JSW files for ${orange(folder)} succeeded!`));
-                });
+            .pipe(swc(swcOptions))
+            .on('error', function (e: Error) {
+                console.log("💩" + red.underline.bold(` => Build of Public files for ${orange(folder)} failed!`));
+                console.log("💩" + red.underline.bold(` => Error: ${orange(e.message)}`));
+                this.emit('end');
+            })
+            .pipe(rename({ extname: '' }))
+            .pipe(gulp.dest(path.join(outputDir, 'backend')))
+            .on('error', function (e: Error) {
+                console.log("💩" + red.underline.bold(` => Build of JSW files for ${orange(folder)} failed!`));
+                console.log("💩" + red.underline.bold(` => Error: ${orange(e.message)}`));
+                this.emit('end');
+            })
+            .on('end', function () {
+                console.log("🐶" + blue.underline(` => Build of JSW files for ${orange(folder)} succeeded!`));
+            });
 
         // Register the task with Gulp
         Object.defineProperty(task, 'name', { value: taskName }); // Set a unique name for debugging

package/src/gulp/checks.ts

@@ -136,8 +136,9 @@ export function checkTs(options: TaskOptions) {
         const task = () =>
             gulp.src([`${folder}/**/*.ts`, `!${folder}/types/**/*.ts`], { cwd: folder })
 				.pipe(tsProject(ts.reporter.fullReporter()))
-                .on('error', function () {
+                .on('error', function (e: Error) {
                     console.log("💩" + red.underline.bold(` => Typescriptcheck for ${orange(folder)} failed!`));
+					console.log("💩" + red.underline.bold(` => Error: ${orange(e.message)}`));
                     this.emit('end');
                 })
                 .on('end', function () {

package/src/gulp/clean.ts

@@ -2,14 +2,15 @@ import chalk from 'chalk';
 import gulp from 'gulp';
 import { TaskOptions } from '../Gulpfile';
 import clean from 'gulp-clean';
-import { blue, red } from '../index.js';
+import { blue, orange, red } from '../index.js';
 
 export function cleanWix() {	
     return () => {
         return gulp.src('./.wix', { read: false, allowEmpty: true })
 		.pipe(clean({ force: true }))
-		.on('error', function () {
+		.on('error', function (e: Error) {
 			console.log("💩" + red.underline.bold(' => Cleaning of .wix failed!'));
+			console.log("💩" + red.underline.bold(` => Error: ${orange(e.message)}`));
 			this.emit('end');
 		})
 		.on('end', function() { console.log("🐶" + blue.underline(' => Cleaning of .wix succeeded!')); });
@@ -22,8 +23,9 @@ export function cleanSrc(options: TaskOptions) {
 	return () => {
 		return gulp.src([`${outputDir}/pages`, `${outputDir}/public`, `${outputDir}/backend`], { read: false, allowEmpty: true })
 		.pipe(clean({ force: true }))
-		.on('error', function () {
+		.on('error', function (e: Error) {
 			console.log("💩" + red.underline.bold('Cleaning of output files failed!'));
+			console.log("💩" + red.underline.bold(` => Error: ${orange(e.message)}`));
 			this.emit('end');
 		})
 		.on('end', function() { console.log("🐶" + blue.underline(' => Cleaning of .src succeeded!')); });

package/src/gulp/copy.ts

@@ -28,8 +28,9 @@ export function copyFiles(options: TaskOptions) {
 				`!${folder}/styles/**`,
 			])
 			.pipe(gulp.dest(outputDir))
-                .on('error', function () {
+                .on('error', function (e: Error) {
                     console.log("💩" + red.underline.bold(` => Copy of files for ${orange(folder)} failed!`));
+                    console.log("💩" + red.underline.bold(` => Error: ${orange(e.message)}`));
                     this.emit('end');
                 })
                 .on('end', function () {

package/src/gulp/pages.ts

@@ -1,26 +1,36 @@
 import gulp from 'gulp';
 import { TaskOptions } from '../Gulpfile';
-import { createGulpEsbuild } from 'gulp-esbuild';
 import * as path from 'path';
-import { blue, red } from '../index.js';
+import { blue, orange, red } from '../index.js';
+import swc from 'gulp-swc';
+
+const swcOptions = {
+    jsc: {
+        target: 'es2020',
+        parser: {
+            syntax: "typescript",
+            tsx: true,
+        },
+    },
+};
 
 export function buildPages(options: TaskOptions) {
-    const { outputDir, enableIncrementalBuild} = options;
-    const gulpEsbuild = createGulpEsbuild({
-        incremental: enableIncrementalBuild, // enables the esbuild's incremental build
-        pipe: true, // enables the esbuild's pipe mode
-    });
+    const { outputDir} = options;
 
     return () => {
         return gulp.src('typescript/pages/*.ts')
-            .pipe(gulpEsbuild({
-                bundle: false,
-            }))
-            .pipe(gulp.dest(path.join(outputDir, 'pages')))
-            .on('error', function () {
-                console.log("💩" + red.underline.bold(' => Build of Pages TS files failed!'));
-                this.emit('end');
-            })
-            .on('end', function() { console.log("🐶" + blue.underline(' => Build of Pages TS files succeeded!')); });
+            .pipe(swc(swcOptions))
+                .on('error', function (e: Error) {
+                    console.log("💩" + red.underline.bold(` => Build of Pages files failed!`));
+                    console.log("💩" + red.underline.bold(` => Error: ${orange(e.message)}`));
+                    this.emit('end');
+                })
+                .pipe(gulp.dest(path.join(outputDir, 'pages')))
+                .on('error', function (e: Error) {
+                    console.log("💩" + red.underline.bold(' => Build of Pages TS files failed!'));
+                    console.log("💩" + red.underline.bold(` => Error: ${orange(e.message)}`));
+                    this.emit('end');
+                })
+                .on('end', function() { console.log("🐶" + blue.underline(' => Build of Pages TS files succeeded!')); });
     };
 }

package/src/gulp/pipeline.ts

@@ -2,7 +2,7 @@ import gulp from 'gulp';
 import * as path from 'path';
 import { File } from '../Gulpfile';
 import replace from 'gulp-string-replace';
-import { blue, red } from '../index.js';
+import { blue, orange, red } from '../index.js';
 
 export function setProdConfig() {
     const tag = process.env.GIT_TAG || 'development';
@@ -20,8 +20,9 @@ export function setProdConfig() {
         
                 return path.join(`${outputDir}/constants`);
             }))
-            .on('error', function () {
+            .on('error', function (e: Error) {
                 console.log("💩" + red.underline.bold(' => Setting the git tag failed!'));
+                console.log("💩" + red.underline.bold(` => Error: ${orange(e.message)}`));
                 this.emit('end');
             })
             .on('end', function() { console.log("🐶" + blue.underline(' => Setting the git tag succeeded!')); 

package/src/gulp/public.ts

@@ -1,9 +1,18 @@
 import gulp from 'gulp';
-import { createGulpEsbuild } from 'gulp-esbuild';
-
 import * as path from 'path';
 import { TaskOptions } from '../Gulpfile';
 import { blue, orange, red } from '../index.js';
+import swc from 'gulp-swc';
+
+const swcOptions = {
+    jsc: {
+        target: 'es2020',
+        parser: {
+            syntax: "typescript",
+            tsx: true,
+        },
+    },
+};
 
 export function buildPublic(options: TaskOptions) {
     const folders = ['typescript'];
@@ -13,11 +22,7 @@ export function buildPublic(options: TaskOptions) {
         }
     }
 
-    const { outputDir, enableIncrementalBuild } = options;
-    const gulpEsbuild = createGulpEsbuild({
-        incremental: enableIncrementalBuild,
-        pipe: true,
-    });
+    const { outputDir } = options;
 
     // Create tasks for each folder
     const tasks = folders.map((folder) => {
@@ -28,15 +33,16 @@ export function buildPublic(options: TaskOptions) {
                 `${folder}/public/**/*.ts`,
                 `${folder}/public/**/*.tsx`,
             ])
-            .pipe(gulpEsbuild({
-                bundle: false,
-                loader: {
-                    '.tsx': 'tsx',
-                },
-            }))
-            .pipe(gulp.dest(path.join(outputDir, 'public')))
-                .on('error', function () {
+                .pipe(swc(swcOptions))
+                .on('error', function (e: Error) {
+                    console.log("💩" + red.underline.bold(` => Build of Public files for ${orange(folder)} failed!`));
+                    console.log("💩" + red.underline.bold(` => Error: ${orange(e.message)}`));
+                    this.emit('end');
+                })
+                .pipe(gulp.dest(path.join(outputDir, 'public')))
+                .on('error', function (e: Error) {
                     console.log("💩" + red.underline.bold(` => Build of Public files for ${orange(folder)} failed!`));
+                    console.log("💩" + red.underline.bold(` => Error: ${orange(e.message)}`));
                     this.emit('end');
                 })
                 .on('end', function () {

package/src/gulp/styles.ts

@@ -21,9 +21,15 @@ export function compileScss(options: TaskOptions) {
         const task = () =>
             gulp.src(['typescript/styles/global.scss'])
                 .pipe(sass().on('error', sass.logError))
+                .on('error', function (e: Error) {
+                    console.log("💩" + red.underline.bold(` => Build of SCSS files for ${orange(folder)} failed!`));
+                    console.log("💩" + red.underline.bold(` => Error: ${orange(e.message)}`));
+                    this.emit('end');
+                })
                 .pipe(gulp.dest(`${outputDir}/styles`))
-                .on('error', function () {
+                .on('error', function (e: Error) {
                     console.log("💩" + red.underline.bold(` => Compiling of scss files for ${orange(folder)} failed!`));
+                    console.log("💩" + red.underline.bold(` => Error: ${orange(e.message)}`));
                     this.emit('end');
                 })
                 .on('end', function () {

package/src/gulp/templates.ts

@@ -25,8 +25,9 @@ export function previewTemplates(options: TaskOptions) {
                     `!${folder}/backend/templates/render.ts`,
                 ])
                 .pipe(exec((file: File) => `npx ts-node-esm -T ${file.path}`, taskOpt))
-                    .on('error', function () {
+                    .on('error', function (e: Error) {
                         console.log("💩" + red.underline.bold(` => Render of Template for ${orange(folder)} failed!`));
+                        console.log("💩" + red.underline.bold(` => Error: ${orange(e.message)}`));
                         this.emit('end');
                     })
                     .on('end', function () {

package/src/gulp/test.ts

@@ -44,8 +44,9 @@ export function test(options: TaskOptions) {
                     'public/(.*)': '<rootDir>/public/$1'
                 }
             }))
-                .on('error', function () {
+                .on('error', function (e: Error) {
                     console.log("💩" + red.underline.bold(` => Tests for ${orange(folder)} failed!`));
+                    console.log("💩" + red.underline.bold(` => Error: ${orange(e.message)}`));
                     this.emit('end');
                 })
                 .on('end', function () {

package/src/gulp/types.ts

@@ -7,7 +7,7 @@ import flatmap from 'gulp-flatmap';
 import jeditor from 'gulp-json-editor';
 import merge from 'merge-stream';
 import * as insert from 'gulp-insert';
-import { blue, red, yellow } from '../index.js';
+import { blue, orange, red, yellow } from '../index.js';
 import tap from 'gulp-tap';
 import { TSConfig } from '../models';
 
@@ -150,7 +150,7 @@ export function updateWixTypes(options: TaskOptions) {
 		}))
 		.on('error', function (e: Error) {
 			console.log("💩" + red.underline.bold('Modification of WIX configs failed!'));
-			console.error(e);
+			console.log("💩" + red.underline.bold(` => Error: ${orange(e.message)}`));
 			this.emit('end');
 		})
 		.on('end', function() { console.log("🐶" + blue.underline(`Modification of ${yellow(count)} WIX configs succeeded!`)); });	  
@@ -187,8 +187,8 @@ export function addTypes(options: TaskOptions, done: gulp.TaskFunctionCallback):
 		exportTypes,
 	)
 	.on('error', function(e: Error) {
-		console.error(e);
 		console.log("💩" + red.underline.bold(' => Updating WIX failed!'));
+		console.log("💩" + red.underline.bold(` => Error: ${orange(e.message)}`));
 		this.emit('end');
 		done();
 	})

package/src/helpers.ts

@@ -1,15 +1,14 @@
 import chalk from 'chalk';
-import { join } from 'path';
 import { simpleGit } from 'simple-git';
-import fs from 'fs/promises';
 import { spawnSync } from 'child_process';
 // https://www.sergevandenoever.nl/run-gulp4-tasks-programatically-from-node/
 import path from 'path';
 import { fileURLToPath } from 'url';
 import { ModuleSettings, ProjectSettings } from '.';
 import { exec } from 'child_process';
+import os from 'os';
 
-import { blue, green, orange, red } from './index.js';
+import { blue, green, orange, red, yellow, magenta } from './index.js';
 
 export async function installPackages(wixPackages: Record<string, string>, devPackages: Record<string, string>,  cwd: string, locked: boolean ) {
 	if (locked) console.log("🐕" + blue.underline(` => Installing & version locked packages!`));
@@ -83,19 +82,84 @@ export async function runGulp(moduleSettings: ModuleSettings, projectSettings: P
 /**
  * Clean up and run a command before exiting the process.
  */
-export function handleExit() {
+export function cleanupWatchers() {
+    console.log(`🧹 ${magenta.underline('Cleaning up Watchman watchers...')}`);
     const cwd = process.cwd();
-    const command = `watchman watch-del '${cwd}'`;
-
-	console.log("🐕" + blue.underline(' => Cleaning up...'));
+    const command = `watchman watch-del "${cwd}"`; // Adjust for Windows paths
     exec(command, (error, stdout, stderr) => {
         if (error) {
-            console.error(`💩 Failed to run cleanup: ${error.message}`);
+            console.error(`💩 ${red.underline('Failed to run cleanup:')} ${orange(error.message)}`);
             return;
         }
         if (stderr) {
-            console.error(`⚠️  Watchman stderr: ${stderr}`);
+            console.error(`⚠️ ${yellow.underline('Watchman stderr:')} ${stderr}`);
         }
-        console.log(`✅ Watchman cleanup success: ${stdout}`);
+        console.log(`✅ ${green.underline('Watchman cleanup success:')} ${stdout}`);
     });
 }
+
+/**
+ * Kill all processes matching a specific substring in their command, with a fallback for Windows.
+ * @param {string} processPattern - The substring to match (e.g., "wix:dev" or "@wix/cli/bin/wix.cjs").
+ */
+export function killAllProcesses(processPattern: string) {
+    const isWindows = os.platform() === 'win32';
+    const command = isWindows
+        ? `tasklist /FI "IMAGENAME eq node.exe" /FO CSV | findstr "${processPattern}"` // Adjust for Node.js processes
+        : `ps -eo pid,command | grep "${processPattern}" | grep -v grep`;
+
+    exec(command, (error, stdout, stderr) => {
+        if (error) {
+            console.error(`💩 ${red.underline('Failed to find processes:')} ${orange(error.message)}`);
+            return;
+        }
+        if (stderr) {
+            console.error(`⚠️ ${yellow.underline('Error output:')} ${stderr}`);
+        }
+        if (!stdout.trim()) {
+            console.log(`ℹ️ ${blue.underline(`No processes found matching pattern:`)} ${orange(processPattern)}`);
+            return;
+        }
+
+        console.log(`📝 ${magenta.underline('Found matching processes:')}\n${stdout}`);
+        const lines = stdout.trim().split('\n');
+        const pids = isWindows
+            ? lines.map(line => line.match(/"(\d+)"/)?.[1]) // Extract PID from Windows tasklist output
+            : lines.map(line => line.trim().split(/\s+/)[0]).filter(pid => !isNaN(Number(pid)));
+
+        pids.forEach(pid => {
+            if (!pid) return;
+            try {
+                const killCommand = isWindows
+                    ? `taskkill /PID ${pid} /T /F` // Forcefully terminate the process on Windows
+                    : `kill -SIGTERM ${pid}`;
+                
+                exec(killCommand, (killError) => {
+                    if (killError) {
+                        console.error(`⚠️ ${yellow.underline('Failed to kill process with PID')} ${orange(pid)}: ${red(killError.message)}`);
+                    } else {
+                        console.log(`✅ ${green.underline('Killed process with PID:')} ${orange(pid)}`);
+                    }
+                });
+
+                // Schedule SIGKILL fallback for non-Windows platforms
+                if (!isWindows) {
+                    setTimeout(() => {
+                        try {
+                            process.kill(parseInt(pid, 10), 'SIGKILL');
+                            console.log(`🔪 ${red.underline('Sent SIGKILL to process with PID:')} ${orange(pid)} (fallback).`);
+                        } catch (killError: any) {
+                            if (killError.code === 'ESRCH') {
+                                console.log(`✅ ${green.underline('Process with PID')} ${orange(pid)} ${green.underline('already terminated.')}`);
+                            } else {
+                                console.error(`⚠️ ${yellow.underline('Failed to send SIGKILL to process with PID')} ${orange(pid)}: ${red(killError.message)}`);
+                            }
+                        }
+                    }, 10000);
+                }
+            } catch (err: any) {
+                console.error(`⚠️ ${yellow.underline('Failed to kill process with PID')} ${orange(pid)}: ${red(err.message)}`);
+            }
+        });
+    });
+}

package/src/index.ts

@@ -11,7 +11,7 @@ import fs from 'fs/promises';
 
 import { init } from './init.js';
 import { sync } from './sync.js';
-import { runGulp, installPackages, handleExit } from './helpers.js';
+import { runGulp, installPackages, killAllProcesses, cleanupWatchers } from './helpers.js';
 import { prepare } from './prepare.js';
 import { spawnSync } from 'child_process';
 
@@ -71,10 +71,50 @@ const __filename = fileURLToPath(import.meta.url);
 // eslint-disable-next-line @typescript-eslint/naming-convention
 const __dirname = dirname(__filename);
 
+// const cwd = process.cwd();
+// const command = `watchman watch-del '${cwd}'`;
+// killAllProcesses('@wix/cli/bin/wix.cjs'); // Matches processes running the Wix CLI
+// killAllProcesses('wix:dev');   
+
+
+process.on('exit', (code) => {
+	killAllProcesses('@wix/cli/bin/wix.cjs'); // Matches processes running the Wix CLI
+	killAllProcesses('wix:dev');   
+    cleanupWatchers();
+	console.log(`🚪 ${magenta.underline('Process exiting with code:')} ${orange(code)}`);
+});
+
 process.on('SIGINT', () => {
-    console.log("🐕 Received Ctrl+C, cleaning up...");
-    handleExit();
-    process.exit(); // Exit the process explicitly
+	console.log(`🐕 ${green.underline('Received Ctrl+C (SIGINT), cleaning up...')}`);
+	killAllProcesses('@wix/cli/bin/wix.cjs'); // Matches processes running the Wix CLI
+	killAllProcesses('wix:dev');  
+    cleanupWatchers();
+    process.exit(); // Exit explicitly after handling
+});
+
+process.on('SIGTERM', () => {
+	console.log(`🛑 ${red.underline('Received termination signal (SIGTERM), cleaning up...')}`);
+	killAllProcesses('@wix/cli/bin/wix.cjs'); // Matches processes running the Wix CLI
+	killAllProcesses('wix:dev');  
+    cleanupWatchers();
+    process.exit(); // Exit explicitly after handling
+});
+
+process.on('uncaughtException', (error) => {
+	console.error(`💥 ${red.underline('Uncaught Exception:')}`, error);
+	killAllProcesses('@wix/cli/bin/wix.cjs'); // Matches processes running the Wix CLI
+	killAllProcesses('wix:dev');  
+    cleanupWatchers();
+    process.exit(1); // Exit with an error code
+});
+
+process.on('unhandledRejection', (reason, promise) => {
+	console.error(`🚨 ${yellow.underline('Unhandled Rejection at:')} ${orange(promise)}`);
+	console.error(`🚨 ${red.underline('Reason:')} ${reason}`);    cleanupWatchers();
+	killAllProcesses('@wix/cli/bin/wix.cjs'); // Matches processes running the Wix CLI
+	killAllProcesses('wix:dev');  
+    cleanupWatchers();
+    process.exit(1); // Exit with an error code
 });
 
 /**

package/src/types.d.ts

@@ -4,4 +4,5 @@ declare module 'gulp-foreach';
 declare module 'gulp-string-replace';
 declare module 'gulp-wait';
 declare module 'gulp-jest';
-declare module 'gulp-flatmap';
+declare module 'gulp-flatmap';
+declare module 'gulp-swc';