zcatalyst-cli 1.10.1 → 1.11.0

package/lib/init/features/index.js

@@ -98,6 +98,13 @@ function setFnConfig(featureName, add) {
                 break;
             case 'client':
                 config.set('client.source', targetSource);
+                const plugin = runtime_store_1.default.get('payload.client.plugin', false);
+                if (plugin) {
+                    config.set('client.plugin', plugin);
+                }
+                else {
+                    config.unset('client.plugin');
+                }
                 break;
             case 'apig':
                 config.set('apig.rules', targetSource);
@@ -109,21 +116,21 @@ function setFnConfig(featureName, add) {
 exports.setFnConfig = setFnConfig;
 function functions(add = false) {
     return __awaiter(this, void 0, void 0, function* () {
-        yield (yield Promise.resolve().then(() => __importStar(require('./functions')))).default();
+        yield (yield Promise.resolve().then(() => __importStar(require('./functions/index.js')))).default();
         setFnConfig('functions', add);
     });
 }
 exports.functions = functions;
 function client() {
     return __awaiter(this, void 0, void 0, function* () {
-        yield (yield Promise.resolve().then(() => __importStar(require('./client')))).default();
+        yield (yield Promise.resolve().then(() => __importStar(require('./client/index.js')))).default();
         setFnConfig('client', false);
     });
 }
 exports.client = client;
 function project() {
     return __awaiter(this, void 0, void 0, function* () {
-        yield (yield Promise.resolve().then(() => __importStar(require('./project')))).default();
+        yield (yield Promise.resolve().then(() => __importStar(require('./project.js')))).default();
         const projectPayload = runtime_store_1.default.get('payload.project', null);
         if (!projectPayload) {
             return;

package/lib/init/features/project.js

@@ -58,7 +58,7 @@ exports.default = () => __awaiter(void 0, void 0, void 0, function* () {
     const allProjects = (yield projectAPI.getAllProjects());
     if (allProjects.length === 0) {
         throw new error_1.default('Visit ' +
-            ansi_colors_1.underline(constants_1.ORIGIN.admin) +
+            ansi_colors_1.underline(constants_1.ORIGIN.console) +
             ' for creation of your first project before you continue.', { exit: 1 });
     }
     const projectChoices = [

package/lib/internal/command.js

@@ -167,7 +167,10 @@ class Command {
                 args.push({});
             }
             const [opts, command] = args.slice(-2);
-            runtime_store_1.default.set('opts', Object.assign({ _name: command.name() }, opts));
+            const unknownOpts = this.allowUnknownOptions
+                ? command.parseOptions(process.argv).unknown
+                : undefined;
+            runtime_store_1.default.set('opts', Object.assign({ _name: command.name(), unknownOpts }, opts));
             this._prepare(command);
             try {
                 yield migration_1.default(runtime_store_1.default.get('context.cli.package.version'));

package/lib/internal/config.js

@@ -70,7 +70,8 @@ class Config {
             catch (e) {
                 const err = error_1.default.getErrorInstance(e, {
                     message: 'There was an error loading a file',
-                    skipHelp: false
+                    skipHelp: false,
+                    fileName: __filename
                 });
                 err.errorId = 'CONFIG-1';
                 err.arg = [ansi_colors_1.bold(constants_1.FILENAME.config), err.message];

package/lib/optional-import.js

@@ -31,34 +31,20 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-const path_1 = __importDefault(require("path"));
 const app_module_path_1 = __importDefault(require("app-module-path"));
-const logger_1 = require("./util_modules/logger");
 const project_1 = require("./util_modules/project");
-const global_dirs_1 = __importDefault(require("global-dirs"));
+const global_space_1 = __importDefault(require("./util_modules/global-space"));
+const path_1 = require("path");
 exports.default = (name) => __awaiter(void 0, void 0, void 0, function* () {
-    try {
-        if (name.startsWith('./')) {
-            const projectModulePath = project_1.resolveProjectPath(name);
-            app_module_path_1.default.addPath(projectModulePath);
-            return Promise.resolve().then(() => __importStar(require(projectModulePath)));
-        }
-        else {
-            for (const manager of ['npm', 'yarn']) {
-                try {
-                    const packageName = path_1.default.join(global_dirs_1.default[manager].packages, name);
-                    app_module_path_1.default.addPath(packageName);
-                    return Promise.resolve().then(() => __importStar(require(packageName)));
-                }
-                catch (e) {
-                    logger_1.debug(e);
-                }
-            }
-            return;
-        }
+    if (name !== path_1.basename(name)) {
+        const projectModulePath = project_1.resolveProjectPath(name);
+        app_module_path_1.default.addPath(projectModulePath);
+        return Promise.resolve().then(() => __importStar(require(projectModulePath)));
     }
-    catch (err) {
-        logger_1.debug(err);
-        return;
+    const packageName = yield global_space_1.default(name);
+    if (typeof packageName === 'string') {
+        app_module_path_1.default.addPath(packageName);
+        return Promise.resolve().then(() => __importStar(require(packageName)));
     }
+    return;
 });

package/lib/plugin-loader.js

@@ -31,6 +31,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+const ansi_colors_1 = require("ansi-colors");
+const error_1 = __importDefault(require("./error"));
 const optional_import_1 = __importDefault(require("./optional-import"));
 const runtime_store_1 = __importDefault(require("./runtime-store"));
 const config = __importStar(require("./util_modules/config"));
@@ -57,10 +59,14 @@ function pluginLoader(feature, name, source) {
             pluginMod = loadedPlugins[specificPlugin];
         }
         else {
-            pluginMod = (yield optional_import_1.default(specificPlugin));
+            pluginMod = yield optional_import_1.default(specificPlugin);
         }
         if (pluginMod === undefined) {
-            return;
+            throw new error_1.default(`Configured plugin could not be found for [${feature}:${name}] - ${specificPlugin}`, {
+                exit: 1,
+                errorId: 'PLG-LDR-1',
+                arg: [ansi_colors_1.italic.red(specificPlugin), ansi_colors_1.bold(name), ansi_colors_1.bold(feature)]
+            });
         }
         loadedPlugins[specificPlugin] = pluginMod;
         if (typeof pluginMod === 'function') {

package/lib/port-resolver.js

@@ -70,7 +70,8 @@ class PortResolver {
                 if (searchSpan === 0) {
                     const err = error_1.default.getErrorInstance(e, {
                         message: `Provided port '${port}' is not available`,
-                        skipHelp: false
+                        skipHelp: false,
+                        fileName: __filename
                     });
                     err.errorId = 'PORT-RESOLVER-1';
                     err.arg = [
@@ -84,7 +85,8 @@ class PortResolver {
                 }
                 const cerr = error_1.default.getErrorInstance(e, {
                     message: `No ports from '${port}' to ${port + searchSpan} is free to use as a ${type} port.`,
-                    skipHelp: false
+                    skipHelp: false,
+                    fileName: __filename
                 });
                 cerr.errorId = 'PORT-RESOLVER-2';
                 cerr.arg = [ansi_colors_1.bold(port + ''), ansi_colors_1.bold(port + searchSpan + ''), ansi_colors_1.bold('--' + type)];

package/lib/serve/index.js

@@ -54,7 +54,8 @@ exports.default = () => __awaiter(void 0, void 0, void 0, function* () {
         runtime_store_1.default.set('context.port.http.master', masterPort);
         yield Promise.all(serveTargets.map((target) => features[target]()));
         const rawTargets = runtime_store_1.default.get('context.functions.targets', []);
-        if (option_1.getOptionValue('watch', false)) {
+        const watchOpt = option_1.getOptionValue('watch', false);
+        if (watchOpt) {
             yield Promise.all(rawTargets.map((target) => __awaiter(void 0, void 0, void 0, function* () { return (target.valid ? fn_watcher_1.default(target) : undefined); })));
         }
         const funtionTargets = rawTargets.filter((target) => {
@@ -73,6 +74,10 @@ exports.default = () => __awaiter(void 0, void 0, void 0, function* () {
         if (serveTargets.includes('client')) {
             const client = runtime_store_1.default.get('context.client', false);
             if (client && client.valid) {
+                client.opts = {
+                    open: option_1.getOptionValue('open', false),
+                    watch: watchOpt
+                };
                 advancedServer.add('client', client);
             }
             else {

package/lib/serve/server/index.js

@@ -1,4 +1,23 @@
 'use strict';
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
 var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
     function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
     return new (P || (P = Promise))(function (resolve, reject) {
@@ -35,6 +54,7 @@ const js_1 = require("../../util_modules/js");
 const logger_1 = require("../../util_modules/logger");
 const shell_1 = require("../../util_modules/shell");
 const master_1 = __importDefault(require("./lib/master"));
+const ansi_colors_1 = require("ansi-colors");
 class Server {
     constructor() {
         this.targetDetailsArr = [];
@@ -85,8 +105,8 @@ class Server {
             opts.push(details.httpPort + '');
             const targetSource = (_c = details.target) === null || _c === void 0 ? void 0 : _c.source;
             const configType = details.type === 'server' ? 'functions' : details.type;
-            const servePlugin = yield plugin_loader_1.default(configType, 'start', targetSource);
-            if (servePlugin !== undefined) {
+            const servePlugin = yield plugin_loader_1.default(configType, 'start', targetSource).catch((err) => logger_1.debug(err));
+            if (typeof servePlugin === 'function') {
                 const event = servePlugin(details, masterPort);
                 logger_1.labeled(label, `Plugin : "${runtime_store_1.default.get(`context.${configType}.plugins.start${targetSource ? '.' + targetSource : ''}`)}" is used for ${details.type} serve`).MESSAGE();
                 return event;
@@ -111,7 +131,7 @@ class Server {
             const label = `${details.type}[${(_a = details.target) === null || _a === void 0 ? void 0 : _a.name}]`;
             const _d = details.target, { ['watcher']: _ } = _d, serialisableTarget = __rest(_d, ['watcher']);
             const opts = [
-                path_1.join(__dirname, 'lib', details.type === 'client' ? 'client.js' : 'node.js'),
+                path_1.join(__dirname, 'lib', 'node.js'),
                 details.httpPort + '',
                 JSON.stringify(serialisableTarget)
             ];
@@ -121,12 +141,28 @@ class Server {
             }
             const targetSource = (_b = details.target) === null || _b === void 0 ? void 0 : _b.source;
             const configType = details.type === 'server' ? 'functions' : details.type;
-            const servePlugin = yield plugin_loader_1.default(configType, 'start', targetSource);
-            if (servePlugin !== undefined) {
-                const event = servePlugin(details, masterPort);
+            const servePlugin = yield plugin_loader_1.default(configType, 'start', targetSource).catch((err) => logger_1.debug(err));
+            if (typeof servePlugin === 'function') {
+                const event = servePlugin(details, masterPort).catch((e) => {
+                    var _a, _b;
+                    const err = error_1.default.getErrorInstance(e, {
+                        fileName: __filename,
+                        skipHelp: false
+                    });
+                    err.errorId = 'SERVE-IDX-1';
+                    err.arg = [
+                        configType,
+                        ansi_colors_1.bold(((_b = (_a = details.target) === null || _a === void 0 ? void 0 : _a.plugins) === null || _b === void 0 ? void 0 : _b.start)[targetSource] || 'start'),
+                        ansi_colors_1.bold('Error: ') + ansi_colors_1.italic.red(err.message)
+                    ];
+                    throw err;
+                });
                 logger_1.labeled(label, `Plugin : "${runtime_store_1.default.get(`context.${configType}.plugins.start${targetSource ? '.' + targetSource : ''}`)}" is used for ${details.type} serve`).MESSAGE();
                 return event;
             }
+            if (details.type === 'client') {
+                return yield (yield Promise.resolve().then(() => __importStar(require('./lib/web_client/index.js')))).default(details, masterPort);
+            }
             const child = shell_1.spawn('node', opts, {
                 cwd: targetSource,
                 stdio: 'pipe',
@@ -136,7 +172,7 @@ class Server {
                     X_ZOHO_CATALYST_CONSOLE_URL: constants_1.ORIGIN.admin
                 }
             }).RAW();
-            logger_1.labeled(label, `URL : http://localhost:${masterPort}/${details.type === 'client' ? 'app/' : 'server/' + ((_c = details.target) === null || _c === void 0 ? void 0 : _c.name) + '/'}`).MESSAGE();
+            logger_1.labeled(label, `URL : http://localhost:${masterPort}/server/${(_c = details.target) === null || _c === void 0 ? void 0 : _c.name}/`).MESSAGE();
             logger_1.info();
             return child;
         });
@@ -196,7 +232,15 @@ class Server {
             this.masterServer = server;
             return new Promise((res) => {
                 server.on('listening', () => {
-                    this.targetDetailsArr.forEach((targetDetails) => { var _a; return (_a = targetDetails.process) === null || _a === void 0 ? void 0 : _a.emit('start'); });
+                    this.targetDetailsArr.forEach((targetDetails) => {
+                        var _a;
+                        if (targetDetails.process &&
+                            'send' in targetDetails.process) {
+                            targetDetails.process.send('start');
+                            return;
+                        }
+                        (_a = targetDetails.process) === null || _a === void 0 ? void 0 : _a.emit('start');
+                    });
                     res();
                 });
             });

package/lib/serve/server/lib/master.js

@@ -82,6 +82,10 @@ const proxyResponseHandler = (systemRoutes) => (proxyRes, req, res) => {
         }
     }
 };
+const generateConnectionId = () => {
+    const offset = Math.floor(Math.random() * 10);
+    return Date.now() + offset + '';
+};
 function spinUpMaster(listenPort, otherServerDetails) {
     return __awaiter(this, void 0, void 0, function* () {
         const projectDetails = {
@@ -122,26 +126,36 @@ function spinUpMaster(listenPort, otherServerDetails) {
             app.use('/', apig_matcher_1.default, auth_checker_1.default, url_rewriter_1.default);
         }
         const proxy = http_proxy_1.createProxyServer()
-            .on('error', (err, req) => {
+            .on('error', (err, req, res) => {
+            res.writeHead(503, { 'Content-Type': 'json' });
+            res.write(JSON.stringify({ error: 'unable to proxy request' }));
+            res.end();
             console.log('unable to proxy request ', req.url);
             console.error(err);
         })
-            .on('proxyRes', proxyResponseHandler(systemRoutes));
+            .on('proxyRes', proxyResponseHandler(systemRoutes))
+            .on('proxyReq', (proxyReq) => {
+            const id = generateConnectionId();
+            connections[id] = proxyReq;
+            proxyReq.on('finish', () => {
+                delete connections[id];
+            });
+        })
+            .on('close', () => logger_2.debug('proxy closed'));
         otherServerDetails.forEach((serverDetail) => {
             var _a, _b, _c, _d, _e, _f;
             switch (serverDetail.type) {
                 case 'client':
                     const appTarget = `http://127.0.0.1:${serverDetail.httpPort}/app/`;
                     app.use('/app', (req, res) => {
-                        var _a;
-                        if (req.url.startsWith('/local-redirect') &&
-                            ((_a = serverDetail.target) === null || _a === void 0 ? void 0 : _a.login_redirect)) {
-                            const isUrl = serverDetail.target.login_redirect.startsWith('/');
+                        const target = serverDetail.target;
+                        if (req.url.startsWith('/local-redirect') && target.login_redirect) {
+                            const isUrl = target.login_redirect.startsWith('/');
                             if (isUrl) {
-                                res.redirect(serverDetail.target.login_redirect);
+                                res.redirect(target.login_redirect);
                             }
                             else {
-                                res.redirect('/app/' + serverDetail.target.login_redirect);
+                                res.redirect('/app/' + target.login_redirect);
                             }
                         }
                         else {
@@ -192,7 +206,8 @@ function spinUpMaster(listenPort, otherServerDetails) {
                                 ws: true
                             });
                         });
-                        app.use('/baas/v1/project/:projectId/function/' + ((_f = serverDetail.target) === null || _f === void 0 ? void 0 : _f.id), (req, res) => {
+                        app.use('/baas/v1/project/:projectId/function/' +
+                            ((_f = serverDetail.target) === null || _f === void 0 ? void 0 : _f.id), (req, res) => {
                             var _a;
                             proxy.web(req, res, {
                                 target: `http://127.0.0.1:${serverDetail.httpPort}/server/${(_a = serverDetail.target) === null || _a === void 0 ? void 0 : _a.id}`,
@@ -216,10 +231,11 @@ function spinUpMaster(listenPort, otherServerDetails) {
             console.error(err);
         });
         expressServer.maxConnections = 100;
-        process.once('SIGINT', () => Object.keys(connections).forEach((sokcetId) => { var _a; return (_a = connections[sokcetId]) === null || _a === void 0 ? void 0 : _a.destroy(); }));
+        process.on('SIGINT', () => Object.keys(connections).forEach((connectionId) => {
+            connections[connectionId].destroy();
+        }));
         expressServer.on('connection', (socket) => {
-            const offset = Math.floor(Math.random() * 10);
-            const id = Date.now() + offset + '';
+            const id = generateConnectionId();
             connections[id] = socket;
             socket.on('close', () => {
                 delete connections[id];

package/lib/serve/server/lib/web_client/index.js

@@ -0,0 +1,30 @@
+'use strict';
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const open_1 = __importDefault(require("open"));
+const logger_1 = require("../../../../util_modules/logger");
+const server_js_1 = __importDefault(require("./server.js"));
+exports.default = (details, masterPort) => __awaiter(void 0, void 0, void 0, function* () {
+    var _a;
+    const target = details.target;
+    const clientListner = yield server_js_1.default(details.httpPort, target.source, target.homepage, ((_a = target.opts) === null || _a === void 0 ? void 0 : _a.watch) || false);
+    clientListner.addListener('start', () => {
+        var _a, _b;
+        const appUrl = 'http://localhost:' + masterPort;
+        const label = `${details.type}[${(_a = details.target) === null || _a === void 0 ? void 0 : _a.name}]`;
+        logger_1.labeled(label, `URL : ${appUrl}/app/`).MESSAGE();
+        ((_b = details.target.opts) === null || _b === void 0 ? void 0 : _b.open) && open_1.default(appUrl).catch();
+    });
+    return clientListner;
+});

package/lib/serve/server/lib/web_client/server.js

@@ -0,0 +1,171 @@
+'use strict';
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const express_1 = __importDefault(require("express"));
+const utils_js_1 = require("./utils.js");
+const chokidar_1 = require("chokidar");
+const logger_js_1 = require("../../../../util_modules/logger.js");
+const index_js_1 = require("../../../../util_modules/constants/index.js");
+const error_js_1 = __importDefault(require("../../../../error.js"));
+const index_js_2 = require("../../../../util_modules/fs/index.js");
+const path_1 = require("path");
+const ws_1 = require("ws");
+const port_resolver_js_1 = __importDefault(require("../../../../port-resolver.js"));
+const ansi_colors_1 = require("ansi-colors");
+function prepareScriptFile(dir, port) {
+    return __awaiter(this, void 0, void 0, function* () {
+        const scriptFile = yield index_js_2.ASYNC.readFile(index_js_1.TEMPLATE.client.basic.socket);
+        if (!scriptFile) {
+            throw new error_js_1.default('Unable to read the script file', { exit: 2 });
+        }
+        const scriptReady = scriptFile.replace(new RegExp(index_js_1.PLACEHOLDER.client.port, 'g'), port + '');
+        yield index_js_2.ASYNC.ensureDir(dir);
+        const scriptFilePath = path_1.join(dir, 'reload-script.js');
+        yield index_js_2.ASYNC.writeFile(scriptFilePath, scriptReady);
+        return scriptFilePath;
+    });
+}
+function stringInjector(source, anchorIdx, marker, inject) {
+    const headLastIdx = anchorIdx + marker.length;
+    const scriptPrefix = source.slice(0, headLastIdx);
+    const scriptSufix = source.slice(headLastIdx + 1);
+    return scriptPrefix + inject + scriptSufix;
+}
+function injectScript(scriptLocale, indexHtml) {
+    return __awaiter(this, void 0, void 0, function* () {
+        const headIdx = indexHtml.search(/<head>/gi);
+        const scriptTag = `\n<!--  Catalyst web client reload script -->\n<script type="text/javascript" src="${scriptLocale}"></script>\n`;
+        if (headIdx !== -1) {
+            return stringInjector(indexHtml, headIdx, '<head>', scriptTag);
+        }
+        const htmlIdx = indexHtml.search(/<html>/gi);
+        const headTag = `\n<head>${scriptTag}</head>\n`;
+        return stringInjector(indexHtml, htmlIdx, '<html>', headTag);
+    });
+}
+function reloadApp(event, path, liveSockets) {
+    logger_js_1.info(ansi_colors_1.cyan(`${event} detected in ${path} of the Web-Client.`));
+    liveSockets.forEach((socket) => socket.send('reload'));
+}
+function webClientServer(httpPort, source, homepage, enableWatch) {
+    return __awaiter(this, void 0, void 0, function* () {
+        const eventListner = new utils_js_1.WebClientEvent();
+        const catalystTempDir = path_1.join(source, '.catalyst');
+        const socketServerPort = yield port_resolver_js_1.default.getFreePort(httpPort, 20, true);
+        const reloadScriptSrc = enableWatch
+            ? path_1.relative(source, yield prepareScriptFile(catalystTempDir, socketServerPort))
+            : undefined;
+        if (reloadScriptSrc) {
+            const clientWatcher = chokidar_1.watch(source, {
+                ignoreInitial: true,
+                ignored: ['node_modules/**/*']
+            });
+            const liveSockets = [];
+            let watcherReady = false;
+            clientWatcher.on('error', (err) => {
+                watcherReady = false;
+                eventListner.emit('error', new error_js_1.default('client watcher error', {
+                    original: err,
+                    exit: 1,
+                    skipHelp: true
+                }));
+            });
+            clientWatcher.on('ready', () => {
+                watcherReady = true;
+                const socketServer = new ws_1.WebSocketServer({
+                    port: socketServerPort,
+                    path: '/client-reload'
+                })
+                    .on('connection', (clientSocket) => {
+                    if (!watcherReady) {
+                        clientSocket.send('watcher not ready');
+                        clientSocket.close();
+                        return;
+                    }
+                    clientSocket.on('close', () => {
+                        const socketIdx = liveSockets.findIndex((socket) => socket === clientSocket);
+                        liveSockets.splice(socketIdx, 1);
+                    });
+                    liveSockets.push(clientSocket);
+                    clientSocket.send('connected');
+                })
+                    .on('error', (err) => logger_js_1.debug(err));
+                setTimeout(() => {
+                    clientWatcher.on('change', (path) => {
+                        reloadApp('Change(s) is', path_1.relative(source, path), liveSockets);
+                    });
+                    clientWatcher.on('add', (path) => {
+                        reloadApp('Addition of file(s) is', path_1.relative(source, path), liveSockets);
+                    });
+                    clientWatcher.on('unlink', (path) => {
+                        reloadApp('Deletion of file(s) is', path_1.relative(source, path), liveSockets);
+                    });
+                }, 1000);
+                eventListner.addListener('close', () => socketServer === null || socketServer === void 0 ? void 0 : socketServer.close());
+            });
+            eventListner.addListener('close', () => {
+                if (clientWatcher) {
+                    clientWatcher.close();
+                }
+                liveSockets.forEach((socket) => socket.close());
+                index_js_2.SYNC.deleteDir(catalystTempDir);
+            });
+        }
+        const app = express_1.default();
+        app.use('/app', (req, res) => __awaiter(this, void 0, void 0, function* () {
+            const requestedFile = req.url === '/' ? homepage : decodeURIComponent(req.path);
+            if (enableWatch &&
+                requestedFile === homepage &&
+                (requestedFile.includes('.html') || requestedFile.includes('.htm'))) {
+                const homepageFile = yield index_js_2.ASYNC.readFile(path_1.join(source, homepage));
+                if (!homepageFile) {
+                    eventListner.emit('error', new error_js_1.default('Unable to read the homepage file', {
+                        exit: 1,
+                        errorId: 'WEB-CLIENT-SERVER-1',
+                        arg: [ansi_colors_1.red.italic(homepage)]
+                    }));
+                    return;
+                }
+                const injectedHomePage = reloadScriptSrc
+                    ? yield injectScript(encodeURIComponent(reloadScriptSrc), homepageFile)
+                    : undefined;
+                res.contentType('text/html');
+                res.status(200);
+                res.send(injectedHomePage || homepageFile);
+                return;
+            }
+            res.sendFile(path_1.join(source, requestedFile), (err) => {
+                if (err) {
+                    logger_js_1.error('Unable to serve the requested file: ' + path_1.join(source, requestedFile));
+                    logger_js_1.debug(err.stack || err.message);
+                    res.status(404);
+                    res.send('Resource not found');
+                }
+            });
+        }));
+        const server = app.listen(httpPort).on('error', (err) => {
+            eventListner.emit('error', err);
+        });
+        eventListner.on('error', (err) => {
+            logger_js_1.error('Error when serving the web-client: ' + err.message);
+            logger_js_1.info('Please exit the command to get more info');
+            eventListner.emit('close');
+        });
+        eventListner.on('close', () => {
+            server.close(() => logger_js_1.debug('client server closed'));
+        });
+        return new Promise((res) => server.on('listening', () => res(eventListner)));
+    });
+}
+exports.default = webClientServer;

package/lib/serve/server/lib/web_client/utils.js

@@ -0,0 +1,10 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.WebClientEvent = void 0;
+const events_1 = __importDefault(require("events"));
+class WebClientEvent extends events_1.default {
+}
+exports.WebClientEvent = WebClientEvent;

package/lib/util_modules/char.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.CHAR = void 0;
 const ansi_colors_1 = require("ansi-colors");
 const env_1 = require("./env");
-const isSupported = !env_1.isWindows() || process.env.CI || process.env.TERM === 'xterm-256color';
+const isSupported = !env_1.isWindows || process.env.CI || process.env.TERM === 'xterm-256color';
 exports.CHAR = {
     success: isSupported ? ansi_colors_1.bold.green('✔') : ansi_colors_1.bold.green('√'),
     warning: isSupported ? ansi_colors_1.bold.yellow('⚠') : ansi_colors_1.bold.yellow('‼'),

package/lib/util_modules/config/lib/apig.js

@@ -3,7 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.script = exports.enabled = exports.rules = exports.raw = void 0;
+exports.source = exports.script = exports.enabled = exports.rules = exports.raw = void 0;
 const error_1 = __importDefault(require("../../../error"));
 const runtime_store_1 = __importDefault(require("../../../runtime-store"));
 const constants_1 = require("../../constants");
@@ -43,3 +43,4 @@ function script(name, fallback) {
     return (rawScripts && rawScripts[name]) || fallback;
 }
 exports.script = script;
+exports.source = rules;

package/lib/util_modules/constants/index.js

@@ -3,7 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.IAC = exports.ORIGIN = exports.TEMPLATE = exports.SCOPE = exports.REMOTE_REF = exports.REGEX = exports.REFERENCE = exports.PLACEHOLDER = exports.INTEG = exports.FOLDERNAME = exports.FN_TYPE = exports.DC_TYPE = exports.FILENAME = exports.EVENT_SOURCE = exports.EVENT_REF = exports.DEFAULT = exports.CLIQ = exports.AUTH = exports.APIG_RULES = void 0;
+exports.IAC = exports.PLUGIN = exports.ORIGIN = exports.TEMPLATE = exports.SCOPE = exports.REMOTE_REF = exports.REGEX = exports.REFERENCE = exports.PLACEHOLDER = exports.INTEG = exports.FOLDERNAME = exports.FN_TYPE = exports.DC_TYPE = exports.FILENAME = exports.EVENT_SOURCE = exports.EVENT_REF = exports.DEFAULT = exports.CLIQ = exports.AUTH = exports.APIG_RULES = void 0;
 var apig_rules_1 = require("./lib/apig-rules");
 Object.defineProperty(exports, "APIG_RULES", { enumerable: true, get: function () { return __importDefault(apig_rules_1).default; } });
 var auth_1 = require("./lib/auth");
@@ -40,5 +40,7 @@ var template_1 = require("./lib/template");
 Object.defineProperty(exports, "TEMPLATE", { enumerable: true, get: function () { return __importDefault(template_1).default; } });
 var urls_1 = require("./lib/urls");
 Object.defineProperty(exports, "ORIGIN", { enumerable: true, get: function () { return __importDefault(urls_1).default; } });
+var plugin_1 = require("./lib/plugin");
+Object.defineProperty(exports, "PLUGIN", { enumerable: true, get: function () { return __importDefault(plugin_1).default; } });
 var iac_1 = require("./lib/iac");
 Object.defineProperty(exports, "IAC", { enumerable: true, get: function () { return __importDefault(iac_1).default; } });