lucy-cli 0.8.3 → 0.9.1

package/files/cypress/support/commands.ts

@@ -0,0 +1,37 @@
+/// <reference types="cypress" />
+// ***********************************************
+// This example commands.ts shows you how to
+// create various custom commands and overwrite
+// existing commands.
+//
+// For more comprehensive examples of custom
+// commands please read more here:
+// https://on.cypress.io/custom-commands
+// ***********************************************
+//
+//
+// -- This is a parent command --
+// Cypress.Commands.add('login', (email, password) => { ... })
+//
+//
+// -- This is a child command --
+// Cypress.Commands.add('drag', { prevSubject: 'element'}, (subject, options) => { ... })
+//
+//
+// -- This is a dual command --
+// Cypress.Commands.add('dismiss', { prevSubject: 'optional'}, (subject, options) => { ... })
+//
+//
+// -- This will overwrite an existing command --
+// Cypress.Commands.overwrite('visit', (originalFn, url, options) => { ... })
+//
+// declare global {
+//   namespace Cypress {
+//     interface Chainable {
+//       login(email: string, password: string): Chainable<void>
+//       drag(subject: string, options?: Partial<TypeOptions>): Chainable<Element>
+//       dismiss(subject: string, options?: Partial<TypeOptions>): Chainable<Element>
+//       visit(originalFn: CommandOriginalFn, url: string, options: Partial<VisitOptions>): Chainable<Element>
+//     }
+//   }
+// }

package/files/cypress/support/e2e.ts

@@ -0,0 +1,24 @@
+// ***********************************************************
+// This example support/e2e.ts is processed and
+// loaded automatically before your test files.
+//
+// This is a great place to put global configuration and
+// behavior that modifies Cypress.
+//
+// You can change the location of this file or turn off
+// automatically serving support files with the
+// 'supportFile' configuration option.
+//
+// You can read more here:
+// https://on.cypress.io/configuration
+// ***********************************************************
+
+// Import commands.js using ES2015 syntax:
+import './commands';
+
+// before(() => {
+//     // Set the base URL for your application
+//     cy.visit('https://www.zikade.ch');
+// });
+// Alternatively you can use CommonJS syntax:
+// require('./commands')

package/files/cypress/tsconfig.json

@@ -0,0 +1,9 @@
+{
+    "compilerOptions": {
+        "target": "es5",
+        "lib": ["es5", "dom"],
+        "types": ["cypress", "node"],
+        "rootDir": "."
+    },
+    "include": ["**/*.ts"]
+}

package/files/cypress.config.ts

@@ -1,10 +1,22 @@
+/* eslint-disable @typescript-eslint/no-unsafe-return */
+/* eslint-disable @typescript-eslint/no-unsafe-call */
+/* eslint-disable @typescript-eslint/no-require-imports */
+/* eslint-disable @typescript-eslint/no-unsafe-assignment */
 // cypress.config.js
-import { defineConfig } from "cypress";
-import { cloudPlugin } from "cypress-cloud/plugin";
+const { defineConfig } = require('cypress');
+const { cloudPlugin } = require('cypress-cloud/plugin');
 
 module.exports = defineConfig({
 	videoCompression: 15,
+	chromeWebSecurity: true,
+	pageLoadTimeout: 120000,
+	defaultCommandTimeout: 10000,
+	retries: {
+		runMode: 0,
+		openMode: 0,
+	},
 	e2e: {
+		baseUrl: 'https://www.somehost.com/',
 		setupNodeEvents(on, config) {
 			return cloudPlugin(on, config);
 		},

package/package.json

@@ -1,7 +1,7 @@
 {
   "type": "module",
   "name": "lucy-cli",
-  "version": "0.8.3",
+  "version": "0.9.1",
   "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",
@@ -66,7 +68,8 @@
     "ts-node": "^10.9.1",
     "typedoc": "0.26.11",
     "typedoc-theme-hierarchy": "5.0.3",
-    "velo-sync": "^0.0.9"
+    "velo-sync": "^0.0.9",
+    "typescript": "^5.6.3"
   },
   "devDependencies": {
     "@types/fs-extra": "^11.0.4",
@@ -75,6 +78,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 +88,11 @@
     "@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"
+    "ts-node": "^10.9.1"
   }
 }

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

@@ -135,11 +135,13 @@ export function checkTs(options: TaskOptions) {
 
         const task = () =>
             gulp.src([`${folder}/**/*.ts`, `!${folder}/types/**/*.ts`], { cwd: folder })
-				.pipe(tsProject(ts.reporter.fullReporter()))
-                .on('error', function () {
+				.pipe(tsProject(ts.reporter.fullReporter(true)))
+                .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 () {
                     console.log("🐶" + blue.underline(` => Typescriptcheck for ${orange(folder)} succeeded!`));
                 });

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();
 	})