lucy-cli 0.0.4 → 0.5.0

package/src/gulp/pipeline.ts

@@ -0,0 +1,30 @@
+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';
+
+export function setProdConfig() {
+    const droneTag = process.env.DRONE_TAG || 'development';
+    const regexGit = /gitTag:\s*(.*),/g;
+    const regexDev = /devMode:\s*(.*),/g;
+
+    return () => {
+        return gulp
+            .src(['./typescript/public/constants/config.ts']) 
+            .pipe(replace(regexGit, `gitTag: '${droneTag}',`))
+            .pipe(replace(regexDev, `devMode: false,`))
+            .pipe(gulp.dest((file: File) => {
+                const filePath = file.dirname;
+                const outputDir = path.dirname(filePath);
+        
+                return path.join(`${outputDir}/constants`);
+            }))
+            .on('error', function () {
+                console.log("💩" + red.underline.bold(' => Setting the git tag failed!'));
+                this.emit('end');
+            })
+            .on('end', function() { console.log("🐶" + blue.underline(' => Setting the git tag succeeded!')); 
+        });
+    }
+}

package/src/gulp/public.ts

@@ -1,16 +1,16 @@
-import chalk from 'chalk';
 import gulp from 'gulp';
 import { createGulpEsbuild } from 'gulp-esbuild';
 
 import * as path from 'path';
 import { TaskOptions } from '../Gulpfile';
-
+import { blue, red } from '../index.js';
 
 export function buildPublic(options: TaskOptions) {
     const { outputDir, enableIncrementalBuild } = options;
     const gulpEsbuild = createGulpEsbuild({
         incremental: enableIncrementalBuild,
     });
+
     return () => {
         return gulp.src([
             'typescript/public/**/*.ts',
@@ -18,37 +18,45 @@ export function buildPublic(options: TaskOptions) {
         ])
         .pipe(gulpEsbuild({
             bundle: false,
+            loader: {
+                '.tsx': 'tsx',
+            },
         }))
         .pipe(gulp.dest(path.join(outputDir, 'public')))
         .on('error', function () {
-        console.log(chalk.red.underline.bold('Build of Public TS files failed!'));
+        console.log("💩" + red.underline.bold(' => Build of Public TS files failed!'));
         this.emit('end');
         })
         .on('end', function () {
-        console.log(chalk.blueBright.underline('Build of Public TS files succeeded!'));
+        console.log("🐶" + blue.underline(' => Build of Public TS files succeeded!'));
         });
     };
 }
+
 export function buildPublicLib(options: TaskOptions) {
     const { outputDir, enableIncrementalBuild } = options;
     const gulpEsbuild = createGulpEsbuild({
         incremental: enableIncrementalBuild,
     });
+
     return () => {
         return gulp.src([
-            'wix-lucy-lib/src/public/**/*.ts',
-            'wix-lucy-lib/src/public/**/*.tsx'
+            'lucy-lib/public/**/*.ts',
+            'lucy-lib/public/**/*.tsx'
         ])
         .pipe(gulpEsbuild({
             bundle: false,
+            loader: {
+                '.tsx': 'tsx',
+            },
         }))
         .pipe(gulp.dest(path.join(outputDir, 'public')))
         .on('error', function () {
-        console.log(chalk.red.underline.bold('Build of Public (LIB) TS files failed!'));
+        console.log("💩" + red.underline.bold(' => Build of Public (LIB) TS files failed!'));
         this.emit('end');
         })
         .on('end', function () {
-        console.log(chalk.blueBright.underline('Build of Public (LIB) TS files succeeded!'));
+        console.log("🐶" + blue.underline(' => Build of Public (LIB) TS files succeeded!'));
         });
     };
 }

package/src/gulp/styles.ts

@@ -1,20 +1,21 @@
 import gulp from 'gulp';
 import chalk from 'chalk';
 import { TaskOptions } from '../Gulpfile';
-
+import { blue, red } from '../index.js';
 
 export function compileScss(options: TaskOptions) {
     const { sass, outputDir} = options;
+
     return () => {
-        return 	gulp.src(['typescript/styles/global.scss' ])
+        return 	gulp.src(['typescript/styles/global.scss'])
 		.pipe(sass().on('error', sass.logError))
-		.pipe(gulp.dest(`${outputDir}/public/css`))
+		.pipe(gulp.dest(`${outputDir}/styles`))
         .on('error', function () {
-            console.log(chalk.red.underline.bold('Compiling of scss files failed!'));
+            console.log("💩" + red.underline.bold(' => Compiling of scss files failed!'));
             this.emit('end');
             })
             .on('end', function () {
-            console.log(chalk.blueBright.underline('Compiling of scss files succeeded!'));
+            console.log("🐶" + blue.underline(' => Compiling of scss files succeeded!'));
             });
     };
 }

package/src/gulp/templates.ts

@@ -1,14 +1,13 @@
 import gulp from 'gulp';
-import chalk from 'chalk';
 import { File } from '../Gulpfile';
-import { createGulpEsbuild } from 'gulp-esbuild';
-import * as path from 'path';
 import exec from 'gulp-exec';
+import { blue, red } from '../index.js';
 
 export function previewTemplates() {
     const options = {
         continueOnError: true,
     };
+
     return () => {
         return gulp.src([
             'typescript/backend/templates/**/*.tsx', 
@@ -17,9 +16,29 @@ export function previewTemplates() {
         ])
             .pipe(exec((file: File) => `npx ts-node-esm -T ${file.path}`, options))
             .on('error', function () {
-                console.log(chalk.red.underline.bold('Render of Template failed!'));
+                console.log("💩" + red.underline.bold(' => Render of Template failed!'));
+                this.emit('end');
+            })
+            .on('end', function() { console.log("🐶" + blue.underline(' => Render of Template succeeded!')); });
+        };
+}
+
+export function previewTemplatesLib() {
+    const options = {
+        continueOnError: true,
+    };
+
+    return () => {
+        return gulp.src([
+            'lucy-lib/backend/templates/**/*.tsx', 
+            'lucy-lib/backend/templates/data/*.json', 
+            '!lucy-lib/backend/templates/render.ts',
+        ])
+            .pipe(exec((file: File) => `npx ts-node-esm -T ${file.path}`, options))
+            .on('error', function () {
+                console.log("💩" + red.underline.bold(' => Render of Template (LIB) failed!'));
                 this.emit('end');
             })
-            .on('end', function() { console.log(chalk.blueBright.underline('Render of Template succeeded!')); });
+            .on('end', function() { console.log("🐶" + blue.underline(' => Render of Template (LIB) succeeded!')); });
         };
 }

package/src/gulp/test.ts

@@ -0,0 +1,82 @@
+import gulp from 'gulp';
+import { blue, red } from '../index.js';
+import gulpJest from 'gulp-jest';
+const jest = gulpJest.default;
+
+export function test() {
+    return () => {
+        return gulp.src([
+            'typescript/backend/**/*.spec.ts',
+        ])
+        .pipe(jest({
+            verbose: true,
+            extensionsToTreatAsEsm: ['.ts'],
+            transform: {
+                '^.+\\.tsx?$': [
+                    'ts-jest',
+                    {
+                        tsconfig: './typescript/tsconfig.json',
+                        usESM: true,
+                    },
+                ],
+            },
+            preset: 'ts-jest',
+            setupFilesAfterEnv: [],
+            testEnvironment: 'node',
+            collectCoverage: true,
+            coverageDirectory: '../coverage',
+            coverageReporters: ['clover', 'json', 'lcov', 'text'],
+            rootDir: './typescript',
+            testMatch: ['**/*.spec.ts'],
+            passWithNoTests: true,
+            moduleNameMapper: {
+                'public/(.*)': '<rootDir>/public/$1'
+            }
+        }))
+            .on('error', function () {
+                console.log("💩" + red.underline.bold(' => Tests failed!'));
+                this.emit('end');
+            })
+            .on('end', function() { console.log("🐶" + blue.underline(' => Test succeeded!')); 
+        }
+    )}
+}
+
+export function testLib() {
+    return () => {
+        return gulp.src([
+            'lucy-lib/backend/**/*.spec.ts',
+        ])
+        .pipe(jest({
+            verbose: true,
+            extensionsToTreatAsEsm: ['.ts'],
+            transform: {
+                '^.+\\.tsx?$': [
+                    'ts-jest',
+                    {
+                        tsconfig: './lucy-lib/tsconfig.json',
+                        usESM: true,
+                    },
+                ],
+            },
+            preset: 'ts-jest',
+            setupFilesAfterEnv: [],
+            testEnvironment: 'node',
+            collectCoverage: true,
+            passWithNoTests: true,
+            coverageDirectory: './coverage',
+            coverageReporters: ['clover', 'json', 'lcov', 'text'],
+            rootDir: './lucy-lib',
+            testMatch: ['**/*.spec.ts'],
+            moduleNameMapper: {
+                'public/(.*)': '<rootDir>/public/$1'
+            }
+        }))
+            .on('error', function () {
+                console.log("💩" + red.underline.bold(' => Test (LIB) failed!'));
+                this.emit('end');
+            })
+            .on('end', function() { console.log("🐶" + blue.underline(' => Test (LIB) succeeded!')); 
+        }
+    )}
+}

package/src/gulp/types.ts

@@ -1,19 +1,17 @@
-import chalk from 'chalk';
 import gulp from 'gulp';
-import { createGulpEsbuild } from 'gulp-esbuild';
-import rename from 'gulp-rename';
 import * as path from 'path';
 import { File, TaskOptions } from '../Gulpfile';
-import clean from 'gulp-clean';
 import replace from 'gulp-string-replace';
 import foreach from 'gulp-foreach';
 import jeditor from 'gulp-json-editor';
 import merge from 'merge-stream';
 import * as insert from 'gulp-insert';
+import { blue, red, yellow } from '../index.js';
 
 export function updateWixTypes(options: TaskOptions) {
 	const { publicSettings, backendSettings, masterSettings, pageSettings, replaceOpions } = options;
 	let count = 0;
+
     return () => {
 		return gulp.src(['./.wix/types/*/*.json', '!./.wix/types/wix-code-types/*.json'])
 		.pipe(foreach(function(stream: NodeJS.ReadableStream, file: File) {
@@ -37,17 +35,16 @@ export function updateWixTypes(options: TaskOptions) {
 			return path.join(outputDir);
 		}))
 		.on('error', function () {
-			console.log(chalk.red.underline.bold('Modification of WIX configs failed!'));
+			console.log("💩" + red.underline.bold('Modification of WIX configs failed!'));
 			this.emit('end');
 		})
-		.on('end', function() { console.log(chalk.blueBright.underline(`Modification of ${count} WIX configs succeeded!`)); });	  
+		.on('end', function() { console.log("🐶" + blue.underline(`Modification of ${yellow(count)} WIX configs succeeded!`)); });	  
     }
 }
 
-
 export function addTypes(options: TaskOptions, done: gulp.TaskFunctionCallback): NodeJS.ReadWriteStream {
-	const { replaceOpions, cwd } = options;
-	console.log('CWD', cwd);
+	const { replaceOpions } = options;
+
 	const processPages = gulp.src(['./.wix/types/wix-code-types/dist/types/page/$w.d.ts'])
 		.pipe(replace('declare namespace \\$w {', ' declare namespace $w{\nconst api: $w.Api;\n', replaceOpions))
 		.pipe(gulp.dest('./.wix/types/wix-code-types/dist/types/page/'));
@@ -65,7 +62,7 @@ export function addTypes(options: TaskOptions, done: gulp.TaskFunctionCallback):
 		.pipe(gulp.dest('./.wix/types/wix-code-types/dist/types/beta/common/'));
 
 	const processCommon = gulp.src(['./.wix/types/wix-code-types/dist/types/common/$w.d.ts'])
-		.pipe(insert.prepend("import { FrontendAPISchema } from '../../../../../../typescript/public/models/common/frontendApi.model';\nimport '@total-typescript/ts-reset';\n"))
+		.pipe(insert.prepend("import { FrontendAPISchema } from '../../../../../../lucy-lib/public/models/common/frontendApi.model';\nimport '@total-typescript/ts-reset';\n"))
 		.pipe(replace('namespace \\$w {', 'declare namespace $w{\ntype Api = FrontendAPISchema;\n', replaceOpions))
 		.pipe(gulp.dest('./.wix/types/wix-code-types/dist/types/common/'));
 
@@ -76,12 +73,12 @@ export function addTypes(options: TaskOptions, done: gulp.TaskFunctionCallback):
 		exportTypes,
 	)
 	.on('error', function() {
-		console.log(chalk.red.underline.bold('Add of new Types (store & Global) failed!'));
+		console.log("💩" + red.underline.bold(' => Updating WIX failed!'));
 		this.emit('end');
 		done();
 	})
 	.on('end', function() {
-		console.log(chalk.blueBright.underline('Add of new Types (store & Global) succeeded!'));
+		console.log("🐶" + blue.underline(' => Updating WIX succeeded!'));
 		done();
 	});
 };

package/src/gulp/watchers.ts

@@ -0,0 +1,175 @@
+import gulp from 'gulp';
+import { TaskOptions } from '../Gulpfile.js';
+import { green } from '../index.js';
+import { buildBackend, buildBackendJSW, buildBackendJSWLib, buildBackendLib } from './backend.js';
+import { buildPublic, buildPublicLib } from './public.js';
+import { buildPages } from './pages.js';
+import { copyFiles, copyFilesLib } from './copy.js';
+import { previewTemplates, previewTemplatesLib } from './templates.js';
+import { checkPages, checkTs, checkTsLib } from './checks.js';
+import { testLib, test } from './test.js';
+
+let taskOptions: TaskOptions;
+
+export function watchSCSS() {
+    return gulp.watch([
+        'typescript/styles/**/*.scss', 
+        'lucy-lib/styles/**/*.scss'], 
+        gulp.parallel('scss')
+    );
+}
+
+export function watchBackend() {
+    return 	gulp.watch([
+		'typescript/backend/**/*.ts', 
+		'typescript/backend/**/*.tsx', 
+		'!typescript/backend/**/*.spec.ts',
+        '!typescript/backend/**/*.jsw.ts', 
+	], gulp.parallel(
+        test(),
+        checkTs(),
+        buildBackend(taskOptions),
+        )
+    );
+}
+
+export function watchBackendLib() {
+    return 	gulp.watch([
+		'lucy-lib/backend/**/*.ts', 
+		'lucy-lib/backend/**/*.tsx', 
+		'!lucy-lib/backend/**/*.spec.ts',
+        '!lucy-lib/backend/**/*.jsw.ts', 
+	], gulp.parallel(
+        testLib(),
+        checkTsLib(),
+        buildBackendLib(taskOptions)
+        )
+    );
+}
+
+export function watchJSW() {
+    return gulp.watch(['typescript/backend/**/*.jsw.ts'], 
+    gulp.parallel(
+        test(),
+        checkTs(),
+        buildBackendJSW(taskOptions)
+        )
+    );
+}
+
+export function watchJSWLib() {
+    return gulp.watch(['lucy-lib/backend/**/*.jsw.ts'], 
+    gulp.parallel(
+        testLib(),
+        checkTsLib(),
+        buildBackendJSWLib(taskOptions)
+        )
+    );
+}
+
+export function watchPublic() {
+    return gulp.watch([
+		'typescript/public/**/*.ts', 
+		'typescript/public/**/*.tsx',
+	], gulp.parallel(
+        test(),
+        checkTs(),
+        buildPublic(taskOptions),
+        )
+    );
+}
+
+export function watchPublicLib() {
+    return gulp.watch([
+		'lucy-lib/public/**/*.ts', 
+		'lucy-lib/public/**/*.tsx',
+	], gulp.parallel(
+        testLib(),
+        checkTsLib(),
+        buildPublicLib(taskOptions),
+        )
+    );
+}
+
+export function watchPages() {
+    return 	gulp.watch('typescript/pages/**/*.ts', 
+    gulp.parallel(
+        checkTs(),
+        buildPages(taskOptions),
+        )
+    );
+}
+
+export function watchFiles() {
+    return 	gulp.watch([
+		'typescript/backend/**/*', 
+		'typescript/public/**/*', 
+		'typescript/pages/**/*', 
+		'!typescript/**/*.ts',
+	], gulp.parallel(copyFiles(taskOptions)));
+}
+
+export function watchFilesLib() {
+    return 	gulp.watch([
+		'lucy-lib/backend/**/*', 
+		'lucy-lib/public/**/*', 
+		'lucy-lib/pages/**/*', 
+		'!lucy-lib/**/*.ts',
+	], gulp.parallel(copyFilesLib(taskOptions)));
+}
+
+export function watchTemplates() {
+    return	gulp.watch([
+		'typescript/backend/templates/**/*.tsx', 
+		'typescript/backend/templates/data/*.json', 
+		'!typescript/backend/templates/render.ts',
+	], gulp.parallel(
+        previewTemplates(),
+        test()
+        )
+    );
+}
+
+export function watchTemplatesLib() {
+    return	gulp.watch([
+		'lucy-lib/backend/templates/**/*.tsx', 
+		'lucy-lib/backend/templates/data/*.json', 
+		'!lucy-lib/backend/templates/render.ts',
+	], gulp.parallel(
+        previewTemplatesLib(),
+        testLib(),
+        )
+    );
+}
+
+export function watchTypes() {
+    return gulp.watch([
+        './.wix/types/**/*.d.ts', 
+        '!./.wix/types/wix-code-types'
+    ], 
+    gulp.series(
+        'fix-wixtypes'
+        )
+    );
+}
+
+export function watchAll(options: TaskOptions) {
+    taskOptions = options;
+    console.log("🐕" + green.underline.bold(' => Adding watchers...'));
+
+    return gulp.parallel(
+        watchSCSS,
+        watchBackend,
+        watchBackendLib,
+        watchJSW,
+        watchJSWLib,
+        watchPublic,
+        watchPublicLib,
+        watchPages,
+        watchFilesLib,
+        watchFiles,
+        watchTemplates,
+        watchTemplatesLib,
+        watchTypes,
+    );
+}