@zohodesk/react-cli 1.1.19-exp.11 → 1.1.19-exp.13

package/packages/client_build_tool/lib/shared/server/getServerURL.js

@@ -0,0 +1,29 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getServerDomain = getServerDomain;
+exports.getServerUrl = getServerUrl;
+
+function getServerDomain(serverInfo) {
+  const {
+    host,
+    domain
+  } = serverInfo;
+
+  if (domain) {
+    return `${host}.${domain}.zohocorpin.com`;
+  }
+
+  return host;
+}
+
+function getServerUrl({
+  domain,
+  port,
+  protocol = 'http'
+}) {
+  const prefix = protocol ? `${protocol}:` : '';
+  return `${prefix}//${domain}:${port}/`;
+}

package/packages/client_build_tool/lib/shared/server/httpsOptions.js

@@ -0,0 +1,46 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.httpsOptionsWithUserFriendlyError = httpsOptionsWithUserFriendlyError;
+
+var _logger = require("../../logger");
+
+var _requireLocalOrGlobal = require("../utils/requireLocalOrGlobal");
+
+const defaultCertNpm = '@zohodesk-private/client_dev_cert';
+
+function httpsOptionsWithUserFriendlyError(options) {
+  const {
+    httpsCerts
+  } = options.server;
+
+  if (typeof httpsCerts === 'string' && httpsCerts) {
+    const certificate = (0, _requireLocalOrGlobal.requireAllPossible)(httpsCerts);
+
+    if (certificate.local) {
+      (0, _logger.verboseLogger)(`Local '${httpsCerts}' package taken as HTTPS certificate`);
+      return certificate.local.httpsOptions;
+    }
+
+    if (certificate.global) {
+      (0, _logger.messageLogger)(`Global '${httpsCerts}' package taken as HTTPS certificate`);
+      return certificate.global.httpsOptions;
+    }
+
+    (0, _logger.errorLogger)(`
+        You have given 'server.httpsCerts' as "${httpsCerts}".
+        But it seems that file path have some problem;`);
+    process.exit(0);
+  }
+
+  const globalCertificate = (0, _requireLocalOrGlobal.requireGlobal)(defaultCertNpm);
+
+  if (globalCertificate) {
+    (0, _logger.messageLogger)(`Global '${defaultCertNpm}' package taken as HTTPS certificate`);
+    return globalCertificate.httpsOptions;
+  }
+
+  return null;
+}

package/packages/client_build_tool/lib/shared/server/initExpressApp.js

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.initExpressApp = initExpressApp;
+
+var _express = _interopRequireDefault(require("express"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function initExpressApp() {
+  const app = (0, _express.default)();
+  app.use(_express.default.json());
+  app.use(_express.default.urlencoded({
+    extended: true
+  }));
+  return app;
+}

package/packages/client_build_tool/lib/shared/server/initialHTMLHandling.js

@@ -0,0 +1,99 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.initialHTMLHandling = initialHTMLHandling;
+
+var _logger = require("../../logger");
+
+/* eslint-disable no-use-before-define */
+function initialHTMLHandling(compiler, app, options) {
+  const {
+    enableMockReplace
+  } = options;
+  const {
+    i18nChunkSplit
+  } = options;
+  const {
+    rtlSplit
+  } = options.css.plugins;
+  const {
+    httpsUrl,
+    httpUrl,
+    contextURL
+  } = options.serverExtras;
+  let initialHTML;
+  compiler.hooks.afterCompile.tap('ReactCLI', compilation => {
+    const indexHtml = compilation.assets['index.html']; // compiler.outputFileSystem.readFileSync("build/index.html");
+
+    if (indexHtml) {
+      initialHTML = indexHtml.source();
+    }
+  });
+  compiler.hooks.compile.tap('ReactCLI', () => {
+    (0, _logger.messageLogger)('Webpack re-building .......');
+  });
+  app.use(`${contextURL}/*`, (req, res) => {
+    const newHTML = modifyInitialHTML({
+      initialHTML,
+      options,
+      enableMockReplace,
+      req
+    });
+    res.send(newHTML);
+  });
+
+  function modifyInitialHTML({
+    initialHTML,
+    enableMockReplace,
+    req
+  }) {
+    let newHTML = enableMockReplace && initialHTML ? mockReplace(initialHTML, req.query) : initialHTML;
+
+    if (req.protocol === 'http') {
+      newHTML = newHTML.replaceAll(httpsUrl, httpUrl);
+    }
+
+    return newHTML;
+  }
+
+  function mockReplace(inputHTML, query) {
+    const {
+      dir,
+      locale
+    } = query || {};
+    let newHTML = inputHTML;
+
+    if (i18nChunkSplit.chunkSplitEnable) {
+      newHTML = replaceWithRandomLocale(newHTML, i18nChunkSplit.templateLabel, locale);
+    }
+
+    if (rtlSplit.enableRTLSplit) {
+      newHTML = replaceWithRandomDir(newHTML, rtlSplit.templateLabel, dir);
+    }
+
+    return newHTML;
+  }
+
+  function replaceWithRandomLocale(initialHTML, templateLabel, queryLocale) {
+    const locales = ['ar_EG', 'da_DK', 'de_DE', 'en_US', 'es_AR', 'es_ES', 'fr_FR', 'hi_IN', 'in_ID', 'it_IT', 'iw_IL', 'ja_JP', 'nl_NL', 'pl_PL', 'pt_BR', 'pt_PT', 'ro_RO', 'ru_RU', 'sv_SE', 'ta_IN', 'te_IN', 'tr_TR', 'zh_CN', 'zh_TW']; // app.use(`/desk/*`, (req, res) => {
+    // const locale = 'ta_IN';
+
+    const locale = queryLocale || locales[Math.floor(Math.random() * locales.length)];
+    (0, _logger.verboseLogger)({
+      locale
+    });
+    return initialHTML.replaceAll(templateLabel, locale);
+  }
+
+  function replaceWithRandomDir(initialHTML, templateLabel, queryDir) {
+    const dirs = ['ltr', 'rtl']; // const dir = 'rtl';
+
+    const dir = queryDir || dirs[Math.floor(Math.random() * dirs.length)];
+    (0, _logger.verboseLogger)({
+      dir
+    });
+    return initialHTML.replaceAll(templateLabel, dir);
+  }
+}

package/packages/client_build_tool/lib/shared/server/mockApiHandler.js

@@ -0,0 +1,60 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.handleMockApi = handleMockApi;
+exports.mockApiHandler = mockApiHandler;
+
+var _fs = require("fs");
+
+var _httpProxyMiddleware = require("http-proxy-middleware");
+
+var _constants = require("../constants");
+
+var _logger = require("../../logger");
+
+function mockApiHandler(app, options) {
+  const {
+    enable,
+    separateSeverPort,
+    mockEntryFile,
+    mockPrefix
+  } = options.mockServer;
+
+  if (!enable) {
+    return;
+  }
+
+  if (separateSeverPort) {
+    app.use(mockPrefix, (0, _httpProxyMiddleware.createProxyMiddleware)({
+      // eslint-disable-next-line no-useless-concat
+      target: 'ht' + `tp://localhost:${separateSeverPort}`,
+      changeOrigin: true
+    }));
+    (0, _logger.messageLogger)(`Please make sure you run mock Server separately in specified port (${separateSeverPort})`);
+    (0, _logger.messageLogger)(`If not running already you can run "cbt mock:server --mock_port=${separateSeverPort}"`);
+  } else {
+    // eslint-disable-next-line no-use-before-define
+    handleMockApi(mockEntryFile, app);
+  }
+}
+
+function handleMockApi(mockEntryFile, app) {
+  const entryFilePath = (0, _constants.joinWithAppPath)(mockEntryFile); // eslint-disable-next-line no-use-before-define
+
+  const mockFunc = safeRequire(entryFilePath);
+  mockFunc?.mockApi?.(app);
+} // function handleMockApi(params) {
+// }
+
+
+function safeRequire(entryFilePath) {
+  if (!(0, _fs.existsSync)(entryFilePath)) {
+    (0, _logger.errorLogger)(`${entryFilePath} file not exists for mockapi, Please check the file presence`);
+    return null;
+  } // eslint-disable-next-line import/no-dynamic-require, global-require
+
+
+  return require(entryFilePath);
+}

package/packages/client_build_tool/lib/shared/server/mockServer.js

@@ -0,0 +1,41 @@
+#!/usr/bin/env node
+"use strict";
+
+var _readOptions = require("../../schemas/readOptions");
+
+var _corsHandling = require("./corsHandling");
+
+var _getServerURL = require("./getServerURL");
+
+var _initExpressApp = require("./initExpressApp");
+
+var _mockApiHandler = require("./mockApiHandler");
+
+var _startHttpServer = require("./startHttpServer");
+
+function getMockServerExtras(options) {
+  const {
+    separateSeverPort
+  } = options.mockServer;
+  const httpPort = Number(separateSeverPort);
+  const httpUrl = (0, _getServerURL.getServerUrl)({
+    domain: 'localhost',
+    port: httpPort,
+    protocol: 'http'
+  });
+  return {
+    httpPort,
+    httpUrl,
+    isHttps: false
+  };
+}
+
+const options = (0, _readOptions.getOptions)();
+const {
+  mockEntryFile
+} = options.mockServer;
+options.serverExtras = getMockServerExtras(options);
+const app = (0, _initExpressApp.initExpressApp)();
+(0, _corsHandling.corsHandling)(app, options);
+(0, _startHttpServer.startHttpServer)(app, options);
+(0, _mockApiHandler.handleMockApi)(mockEntryFile, app);

package/packages/client_build_tool/lib/shared/server/serveContextFiles.js

@@ -0,0 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.serveContextFiles = serveContextFiles;
+
+var _express = _interopRequireDefault(require("express"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function serveContextFiles(app, options) {
+  const {
+    context,
+    contextFolderPath
+  } = options;
+  const {
+    contextURL
+  } = options.serverExtras;
+  app.use(`${contextURL}/fonts`, _express.default.static(`${context}/fonts`));
+
+  if (contextURL) {
+    app.use(contextURL, _express.default.static(contextFolderPath));
+  } else {
+    app.use(_express.default.static(context));
+  }
+}

package/packages/client_build_tool/lib/shared/server/serverBywebpackDevMiddleware.js

@@ -0,0 +1,35 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.run = run;
+
+var _corsHandling = require("./corsHandling");
+
+var _initExpressApp = require("./initExpressApp");
+
+var _configWebpackDevMiddleware = require("./configWebpackDevMiddleware");
+
+var _startHttpsServer = require("./startHttpsServer");
+
+var _initialHTMLHandling = require("./initialHTMLHandling");
+
+var _startHttpServer = require("./startHttpServer");
+
+var _mockApiHandler = require("./mockApiHandler");
+
+// import { serveContextFiles } from './serveContextFiles';
+// import { startHttpServer } from './startHttpServer';
+function run(options) {
+  const app = (0, _initExpressApp.initExpressApp)();
+  (0, _corsHandling.corsHandling)(app, options);
+  (0, _mockApiHandler.mockApiHandler)(app, options);
+  const {
+    compiler
+  } = (0, _configWebpackDevMiddleware.configWebpackDevMiddleware)(app, options); // serveContextFiles(app, options);
+
+  (0, _startHttpsServer.startHttpsServer)(app, options);
+  (0, _startHttpServer.startHttpServer)(app, options);
+  (0, _initialHTMLHandling.initialHTMLHandling)(compiler, app, options);
+}

package/packages/client_build_tool/lib/shared/server/startHttpServer.js

@@ -0,0 +1,26 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.startHttpServer = startHttpServer;
+
+var _logger = require("../../logger");
+
+function startHttpServer(app, options) {
+  const {
+    serverExtras
+  } = options;
+  const {
+    httpPort,
+    httpUrl
+  } = serverExtras;
+  app.listen(httpPort, err => {
+    if (err) {
+      throw err;
+    }
+
+    (0, _logger.messageLogger)(`Listening at ${httpUrl}`);
+  });
+  return app;
+}

package/packages/client_build_tool/lib/shared/server/startHttpsServer.js

@@ -0,0 +1,38 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.startHttpsServer = startHttpsServer;
+
+var _https = _interopRequireDefault(require("https"));
+
+var _logger = require("../../logger");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function startHttpsServer(app, options) {
+  const {
+    httpsOptions,
+    serverExtras
+  } = options;
+  const {
+    httpsPort,
+    httpsUrl
+  } = serverExtras;
+
+  if (!httpsOptions) {
+    return null;
+  }
+
+  const httpsServer = _https.default.createServer(httpsOptions, app);
+
+  httpsServer.listen(httpsPort, err => {
+    if (err) {
+      throw err;
+    }
+
+    (0, _logger.messageLogger)(`Listening at ${httpsUrl}`);
+  });
+  return httpsServer;
+}

package/packages/client_build_tool/lib/shared/server/unwanted/addHttp2Server.js

@@ -0,0 +1,41 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.addHttp2Server = addHttp2Server;
+
+var _utils = require("../../../src/utils");
+
+var _httpsOptions = require("../../../src/servers/httpsOptions");
+
+function addHttp2Server(http2Port, host, domain, contextURL) {
+  const isCompatableHttp2 = Number(process.version.slice(1).split('.')[0]) >= 8;
+
+  if (isCompatableHttp2) {
+    const http2 = require('http2');
+
+    const http2Server = http2.createSecureServer(_httpsOptions.httpsOptions); // eslint-disable-next-line no-unused-vars
+
+    http2Server.on('stream', (stream, headers) => {
+      stream.respond({
+        'content-type': 'text/html',
+        ':status': 200
+      });
+      stream.end('<h1>Hello World! <br>Working with http2</h1>');
+    });
+    http2Server.listen(http2Port, err => {
+      if (err) {
+        throw err;
+      }
+
+      (0, _utils.log)(`Listening at ${(0, _utils.getServerURL)({
+        host,
+        domain,
+        port: http2Port
+      }, 'htt' + 'ps')}${contextURL}/`, 'http2 server');
+    });
+  } else {
+    (0, _utils.log)('Your node version didn\'t adopted http2 support. Kindly update that to 8 LTS or above you can engage the http2');
+  }
+}

package/packages/client_build_tool/lib/shared/server/unwanted/configWebpackDevMiddleware.js

@@ -0,0 +1,44 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.configWebpackDevMiddleware = configWebpackDevMiddleware;
+
+var _webpackDevMiddleware = _interopRequireDefault(require("webpack-dev-middleware"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function configWebpackDevMiddleware({
+  publicPath,
+  writeToDisk,
+  enableDevCache,
+  disableWatch,
+  compress,
+  compiler
+}) {
+  let webpackServerOptions = {
+    logLevel: 'error',
+    publicPath,
+    headers: {
+      'Access-Control-Allow-Origin': '*'
+    },
+    compress
+  };
+
+  if (enableDevCache) {
+    webpackServerOptions.headers['Cache-Control'] = 'public, max-age=604800';
+  }
+
+  if (disableWatch) {
+    webpackServerOptions.watchOptions = {
+      ignored: /./
+    };
+  }
+
+  if (writeToDisk) {
+    webpackServerOptions.writeToDisk = true;
+  }
+
+  return (0, _webpackDevMiddleware.default)(compiler, webpackServerOptions);
+}

package/packages/client_build_tool/lib/shared/server/unwanted/mockApiSupport.js

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.mockApiSupport = mockApiSupport;
+
+var _httpProxyMiddleware = require("http-proxy-middleware");
+
+function mockApiSupport(app, server) {
+  const {
+    mockPrefix,
+    mockPort
+  } = server;
+  app.use(mockPrefix, (0, _httpProxyMiddleware.createProxyMiddleware)({
+    target: 'ht' + `tp://localhost:${mockPort}`,
+    changeOrigin: true
+  }));
+}

package/packages/client_build_tool/lib/shared/server/unwanted/websocketMockSetup.js

@@ -0,0 +1,48 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.websocketMockSetup = websocketMockSetup;
+
+var _ws = _interopRequireDefault(require("ws"));
+
+var _logger = require("../../../logger");
+
+var _constants = require("../../constants");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function websocketMockSetup(app, httpsServer) {
+  app.use('/wms/*', (req, res) => {
+    res.sendFile((0, _constants.getTemplatePath)('wms', 'index.html'));
+  });
+  const wss = new _ws.default.Server({
+    server: httpsServer
+  });
+  let wsPool = [];
+  wss.on('connection', ws => {
+    wsPool.push(ws);
+    ws.on('close', () => {
+      wsPool = wsPool.filter(ws1 => ws1 !== ws);
+    });
+    ws.on('message', message => {
+      (0, _logger.messageLogger)('received: %s', message);
+    });
+    ws.send('something');
+  });
+  app.post('/wmsmockapi', (req, res) => {
+    wsPool.forEach(ws => {
+      const {
+        body
+      } = req;
+
+      try {
+        ws.send(JSON.stringify(body));
+      } catch (e) {
+        (0, _logger.messageLogger)(e, body);
+      }
+    });
+    res.send('success');
+  });
+}

package/packages/client_build_tool/lib/shared/server/urlConcat.js

@@ -0,0 +1,32 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.urlConcat = urlConcat;
+
+/* eslint-disable no-use-before-define */
+
+/**
+ *
+ * @param {String} url
+ * @param {String} path
+ */
+function urlConcat(url, path) {
+  const slashRemovedUrl = removeLastSlash(url);
+  const slashRemovedPath = removeFrontSlash(path);
+
+  if (slashRemovedUrl === '') {
+    return path;
+  }
+
+  return `${slashRemovedUrl}/${slashRemovedPath}`;
+}
+
+function removeLastSlash(url) {
+  return url.replace(/\/+$/, '');
+}
+
+function removeFrontSlash(url) {
+  return url.replace(/^\/+/, '');
+}