zcatalyst-cli 1.9.0 → 1.11.0

package/lib/prompt/types/file-path.js

@@ -0,0 +1,95 @@
+"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 choices_1 = __importDefault(require("inquirer/lib/objects/choices"));
+const inquirer_autocomplete_prompt_1 = __importDefault(require("inquirer-autocomplete-prompt"));
+const fuzzy_1 = __importDefault(require("fuzzy"));
+const fs_1 = require("../../util_modules/fs");
+const ansi_colors_1 = require("ansi-colors");
+function getPaths(rootPath, pattern, exclude, defaultItem) {
+    return __awaiter(this, void 0, void 0, function* () {
+        const nodeList = yield fs_1.ASYNC.walk(rootPath, { exclude, excludeDir: false });
+        const filteredNodes = fuzzy_1.default.filter(pattern || '', nodeList).map((e) => e.string);
+        if (!pattern && defaultItem) {
+            filteredNodes.unshift(defaultItem);
+        }
+        return filteredNodes;
+    });
+}
+class InquirerFilePath extends inquirer_autocomplete_prompt_1.default {
+    constructor(question, rl, answers) {
+        const { rootPath = '.', exclude = [] } = question;
+        const questionBase = Object.assign({
+            emptyText: 'No valid file inside current directory!. Try giving the entire path and press ' +
+                ansi_colors_1.cyan('<return> ') +
+                'key'
+        }, question, {
+            source: (_, pattern) => getPaths(rootPath, pattern, exclude, question.default)
+        });
+        super(questionBase, rl, answers);
+    }
+    search(searchTerm) {
+        const _super = Object.create(null, {
+            search: { get: () => super.search }
+        });
+        return __awaiter(this, void 0, void 0, function* () {
+            yield _super.search.call(this, searchTerm);
+            this.currentChoices.getChoice = (choiceIndex) => {
+                const choice = choices_1.default.prototype.getChoice.call(this.currentChoices, choiceIndex);
+                return {
+                    value: choice === null || choice === void 0 ? void 0 : choice.value,
+                    name: choice === null || choice === void 0 ? void 0 : choice.name,
+                    short: choice === null || choice === void 0 ? void 0 : choice.short
+                };
+            };
+        });
+    }
+    onSubmitAfterValidation(line) {
+        return __awaiter(this, void 0, void 0, function* () {
+            const choice = this.currentChoices.getChoice(this.selected);
+            const value = (choice === null || choice === void 0 ? void 0 : choice.value) || line;
+            this.answerName = (choice === null || choice === void 0 ? void 0 : choice.name) || line;
+            this.shortAnswer = (choice === null || choice === void 0 ? void 0 : choice.short) || line;
+            this.answer = this.opt.filter ? this.opt.filter(value, this.answers) : value;
+            choice.value = this.answer;
+            this.status = 'answered';
+            this.render(undefined);
+            this.screen.done();
+            if (this.done) {
+                this.done(choice.value);
+            }
+        });
+    }
+    checkValidationResult(validationResult, lineOrRl) {
+        if (validationResult !== true) {
+            this.render(validationResult || 'try giving valid complete path..');
+        }
+        else {
+            this.onSubmitAfterValidation(lineOrRl);
+        }
+    }
+    onSubmit(line) {
+        return __awaiter(this, void 0, void 0, function* () {
+            const lineOrRl = line || this.rl.line;
+            if (typeof this.opt.validate !== 'function') {
+                return this.onSubmitAfterValidation(lineOrRl);
+            }
+            const choice = this.currentChoices.getChoice(this.selected);
+            choice.value = choice.value ? choice.value : lineOrRl;
+            const validationResult = yield this.opt.validate(choice, this.answers);
+            this.checkValidationResult(validationResult, lineOrRl);
+        });
+    }
+}
+exports.default = InquirerFilePath;

package/lib/pull/features/client.js

@@ -59,7 +59,7 @@ exports.default = () => __awaiter(void 0, void 0, void 0, function* () {
         choices
     }));
     const clientZip = (yield webappAPI.download(historyAns.history));
-    yield new archiver_1.default().load(clientZip).extract('/', clientDirPath, { isFolder: true }).finalize();
+    yield new archiver_1.default().load(clientZip).extract(clientDirPath).finalize();
     yield client_utils_1.clientUtils.validate();
     runtime_store_1.default.set('payload.client', runtime_store_1.default.get('context.client'));
     runtime_store_1.default.set('payload.client.source', project_1.resolveProjectPath(clientDirName));

package/lib/pull/features/functions/index.js

@@ -26,6 +26,7 @@ const js_1 = require("../../../util_modules/js");
 const logger_1 = require("../../../util_modules/logger");
 const project_1 = require("../../../util_modules/project");
 const runtime_1 = __importDefault(require("../../../util_modules/constants/lib/runtime"));
+const error_1 = __importDefault(require("../../../error"));
 exports.default = () => __awaiter(void 0, void 0, void 0, function* () {
     const fnAPI = yield endpoints_1.functionsAPI();
     const fnDirName = config_1.functionsConfig.source();
@@ -108,10 +109,7 @@ exports.default = () => __awaiter(void 0, void 0, void 0, function* () {
         var _a, _b;
         yield fs_1.ASYNC.ensureDir(fn.source);
         const buffer = (yield fnAPI.download(fn.id));
-        yield new archiver_1.default()
-            .load(buffer)
-            .extract('/', path_1.join(fnDirPath, fn.name), { isFolder: true })
-            .finalize();
+        yield new archiver_1.default().load(buffer).extract(path_1.join(fnDirPath, fn.name)).finalize();
         if ((_a = fn.stack) === null || _a === void 0 ? void 0 : _a.startsWith(runtime_1.default.language.nodejs)) {
             yield languages_1.node(fn);
         }
@@ -122,9 +120,9 @@ exports.default = () => __awaiter(void 0, void 0, void 0, function* () {
     })));
     targets = targets.filter((target) => {
         if (!target.valid) {
-            logger_1.debug('Invalid target : ' + target + ' reason : ' + target.failure_reason);
-            process.exitCode = 2;
-            logger_1.warning('skipping pull of functions since the package is invalid. \nContact catalyst support with debug log');
+            logger_1.debug('Invalid target : ' + target.name + ' reason : ' + target.failure_reason);
+            logger_1.warning(`skipping pull of function(${target.name}) since the package is invalid. \nContact catalyst support with debug log.`);
+            new error_1.default('invalid package: ' + target.name, { exit: 2 });
         }
         return target.valid;
     });

package/lib/pull/index.js

@@ -39,7 +39,10 @@ function pull() {
         }
         const MODULE = features_1.default[feature];
         logger_1.info(ansi_colors_1.bold('\n' + ansi_colors_1.white('===> ') + js_1.JS.capitalize(feature) + ' Setup'));
-        yield MODULE();
+        yield MODULE().catch((err) => {
+            logger_1.info();
+            logger_1.warning(`Skipping pull of ${feature}. Since ${err.message}.\nContact Catalyst Support with catalyst-debug.log file.`);
+        });
         if (runtime_store_1.default.get('payload.' + feature, false)) {
             runtime_store_1.default.set('payload.features', runtime_store_1.default.get('payload.features', []).concat(feature));
         }

package/lib/serve/features/index.js

@@ -32,6 +32,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.apig = exports.functions = exports.client = void 0;
+const error_1 = __importDefault(require("../../error"));
 const port_resolver_1 = __importDefault(require("../../port-resolver"));
 const runtime_store_1 = __importDefault(require("../../runtime-store"));
 const constants_1 = require("../../util_modules/constants");
@@ -42,7 +43,8 @@ function client() {
         try {
             yield clientModule.default();
         }
-        catch (err) {
+        catch (e) {
+            const err = error_1.default.getErrorInstance(e);
             logger_1.info();
             logger_1.warning('Skipping the serve of Client because of the error: ' + err.message);
             logger_1.info();

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,29 +54,31 @@ 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 = [];
     }
-    _spinUpMaster(masterPort, fnTargets) {
-        return __awaiter(this, void 0, void 0, function* () {
-            const httpPort = parseInt(runtime_store_1.default.get('context.port.http.' + constants_1.REMOTE_REF.functions.type[constants_1.FN_TYPE.basic]), 10);
-            const debugPort = parseInt(runtime_store_1.default.get('context.port.debug.' + constants_1.REMOTE_REF.functions.type[constants_1.FN_TYPE.basic], '-1'), 10);
-            if (!isNaN(httpPort)) {
-                fnTargets
-                    .filter((t) => t.url !== undefined && t.type === constants_1.FN_TYPE.basic)
-                    .map((t) => js_1.JS.omit(t, ['zip_stream', 'localFn']))
-                    .forEach((t) => {
-                    this.targetDetailsArr.push({
-                        type: 'functions',
-                        httpPort,
-                        debugPort,
-                        target: t
-                    });
+    _addBasicFnDetails() {
+        const fnTargets = runtime_store_1.default.get('context.functions.targets', []);
+        if (fnTargets.length === 0) {
+            logger_1.debug('No basic functions to add');
+        }
+        const httpPort = parseInt(runtime_store_1.default.get('context.port.http.' + constants_1.REMOTE_REF.functions.type[constants_1.FN_TYPE.basic]), 10);
+        const debugPort = parseInt(runtime_store_1.default.get('context.port.debug.' + constants_1.REMOTE_REF.functions.type[constants_1.FN_TYPE.basic], '-1'), 10);
+        if (!isNaN(httpPort)) {
+            fnTargets
+                .filter((t) => t.url !== undefined && t.type === constants_1.FN_TYPE.basic)
+                .map((t) => js_1.JS.omit(t, ['zip_stream', 'localFn']))
+                .forEach((t) => {
+                this.targetDetailsArr.push({
+                    type: 'functions',
+                    httpPort,
+                    debugPort,
+                    target: t
                 });
-            }
-            return master_1.default(masterPort, this.targetDetailsArr);
-        });
+            });
+        }
     }
     _spinUpJavaServer(details, masterPort) {
         var _a, _b, _c, _d;
@@ -84,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;
@@ -110,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)
             ];
@@ -120,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',
@@ -135,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;
         });
@@ -185,17 +222,25 @@ class Server {
                 throw new error_1.default('master port cannot be undefined', { exit: 2 });
             }
             yield Promise.all(this.targetDetailsArr.map((details) => __awaiter(this, void 0, void 0, function* () { return this.startServer(details, masterPort); })));
-            const fnTargets = runtime_store_1.default.get('context.functions.targets', []);
-            if (fnTargets.length === 0) {
+            this._addBasicFnDetails();
+            if (this.targetDetailsArr.length === 0) {
                 throw new error_1.default('Trying to start master server before other server', {
                     exit: 2
                 });
             }
-            const server = yield this._spinUpMaster(masterPort, fnTargets);
+            const server = yield master_1.default(masterPort, this.targetDetailsArr);
             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;