@zohodesk/react-cli 1.1.16-exp.4 → 1.1.16-exp.6

package/packages/client_build_tool/lib/shared/schemas/readOptionsOld.js

@@ -0,0 +1,152 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getOptions = void 0;
+
+var _child_process = require("child_process");
+
+var _fs = _interopRequireDefault(require("fs"));
+
+var _path = _interopRequireDefault(require("path"));
+
+var _defaultConfigValues = _interopRequireDefault(require("./defaultConfigValues.js"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+// import { argv } from 'process';
+const args = process.argv.slice(2); // console.log('argv', argv);
+
+const NPM_CONFIG_PREFIX = 'npm_config_'; // TODO: we have to do option parse logic little better
+// if user use react-cli stritly without using npm scripts options won't work,
+//  So  we have to write our own option parse logic or some other library
+// console.log('type', process.argv,  process.env.npm_config_check,  process.env.npm_config_clone_type, process.env.npm_config_clone_url);
+// console.log('Object.keys(process.env).filter(s => s.startsWith(\'npm_config_\') && s.includes(\'clone\')', Object.keys(process.env).filter(s => s.startsWith('npm_config_') && s.includes('clone')));
+// // clone:type
+
+const processEnv = {};
+let keysWithColon = [];
+Object.keys(process.env).filter(key => key.startsWith(NPM_CONFIG_PREFIX)).forEach(key => {
+  let nkey = key.slice(NPM_CONFIG_PREFIX.length);
+  processEnv[nkey] = process.env[key];
+  nkey.includes(':') && keysWithColon.push(nkey);
+});
+keysWithColon.forEach(key => {
+  let nkey = key.replace(/:/g, '_');
+
+  if (processEnv[nkey]) {
+    throw Error('there is some options conflict', key, nkey);
+  }
+
+  processEnv[nkey] = processEnv[key];
+});
+
+function getNpmVersion() {
+  // require("child_process").
+  let vers = '6';
+
+  try {
+    [vers] = (0, _child_process.execSync)('npm -v').toString().trim().split('.');
+  } catch (error) {
+    console.log(error);
+  }
+
+  return vers;
+}
+
+function getCWD() {
+  // require("child_process").
+  let cwd = process.cwd();
+
+  try {
+    let ress = (0, _child_process.execSync)('npm bin').toString();
+    let i = ress.lastIndexOf('node_modules');
+    cwd = i === -1 ? cwd : ress.slice(0, i);
+  } catch (error) {
+    console.log(error);
+  }
+
+  return cwd;
+} // experimental argumnet parsing logic
+
+
+args.forEach(option => {
+  if (/^--./.test(option)) {
+    let equIndex = option.indexOf('='); // equIndex = equIndex === -1 ? option.length : equIndex;
+
+    let key = option.slice(2, equIndex);
+    let value = option.slice(equIndex + 1);
+
+    if (equIndex === -1) {
+      key = option.slice(2);
+      value = true;
+    }
+
+    key = key.replace(/-|:/g, '_');
+    processEnv[key] = value;
+  }
+});
+
+let defaulter = (target, source) => {
+  let defaultObject = {};
+  Object.keys(target).forEach(key => {
+    let data = target[key];
+
+    if (data && typeof data === 'object') {
+      if (Array.isArray(data)) {
+        defaultObject[key] = source[key] || data;
+      } else if (typeof data.cli === 'string') {
+        let cliData;
+
+        if (typeof processEnv[data.cli] === 'string') {
+          cliData = processEnv[data.cli];
+        } else if (typeof processEnv[data.cli.toLowerCase()] === 'string') {
+          cliData = processEnv[data.cli.toLowerCase()];
+        } else {
+          cliData = source && source[key] || data.value;
+        }
+
+        if (typeof data.value === 'boolean') {
+          cliData = cliData === 'true' || cliData === true ? true : cliData === 'false' || cliData === false || cliData === '' ? false : data.value;
+        }
+
+        defaultObject[key] = cliData;
+      } else {
+        defaultObject[key] = defaulter(data, source && source[key] ? source[key] : Array.isArray(target[key]) ? [] : {});
+      }
+    } else {
+      defaultObject[key] = typeof source === 'object' && source[key] !== null && typeof source[key] !== 'undefined' ? source[key] : target[key];
+    }
+  });
+  return defaultObject;
+};
+
+global.reactCLIOptions = null;
+
+const getOptions = () => {
+  if (global.reactCLIOptions) {
+    return global.reactCLIOptions;
+  }
+
+  let appPath = process.cwd();
+  let userSchemas;
+
+  let packagePath = _path.default.join(appPath, 'package.json');
+
+  if (_fs.default.existsSync(packagePath)) {
+    userSchemas = require(packagePath)['react-cli'] || {};
+  }
+
+  let options = defaulter(_defaultConfigValues.default, userSchemas || {}); // for future may be for npm 8 edge cases
+
+  options.npmVersion = getNpmVersion();
+  options.cwd = getCWD();
+  options.packageVersion = process.env.npm_package_version;
+  options.extraArgs = process.argv.slice(3);
+  options.commandOption = process.argv[2];
+  global.reactCLIOptions = options;
+  return options;
+};
+
+exports.getOptions = getOptions;

package/packages/client_build_tool/lib/shared/server/cert/Tsicsezwild-22-23.crt

@@ -0,0 +1,37 @@
+-----BEGIN CERTIFICATE-----
+MIIGXjCCBUagAwIBAgIRAMKJgToWlDYncIf54wIl/K4wDQYJKoZIhvcNAQELBQAw
+gY8xCzAJBgNVBAYTAkdCMRswGQYDVQQIExJHcmVhdGVyIE1hbmNoZXN0ZXIxEDAO
+BgNVBAcTB1NhbGZvcmQxGDAWBgNVBAoTD1NlY3RpZ28gTGltaXRlZDE3MDUGA1UE
+AxMuU2VjdGlnbyBSU0EgRG9tYWluIFZhbGlkYXRpb24gU2VjdXJlIFNlcnZlciBD
+QTAeFw0yMjA0MjAwMDAwMDBaFw0yMzA0MjAyMzU5NTlaMB4xHDAaBgNVBAMTE2Nz
+ZXouem9ob2NvcnBpbi5jb20wggEiMA0GCSqGSIb3DQEBAQUAA4IBDwAwggEKAoIB
+AQDaiXIoQmlYF7guFyGcjqmwJ4ksETK7R0QVoald3h0f8nkbqn29fg3MwvmMmnCV
+27frm0wYaWK7/xIWb0IIxYqGG2OmOFC4lv/jrGa96EH3fHm0DVU+4gFOf+qdvjdt
+vBdCxWw++dG8KJsbeFcJoF+az/Ei9vhjzgrKtHH62b9aw5i5lpVFbq9bZ0xr3xOx
+brOpZDk/Af2svICTi15/G+YGM7X5DL7z2tjtX8KZ5cbLIjkQS7chtjmx61Tuwq+f
+4zk0ge8w9hNkvcYrsueuT/FDyO8wbPphNPJBdGrjLnMT05vedAryYfl7LHe8ib3m
+T6QQ0afxvkIyOkpjIEiN1E/jAgMBAAGjggMjMIIDHzAfBgNVHSMEGDAWgBSNjF7E
+VK2K4Xfpm/mbBeG4AY1h4TAdBgNVHQ4EFgQUmkpYbSWtXdFPZfJSz+yW7EA0mjYw
+DgYDVR0PAQH/BAQDAgWgMAwGA1UdEwEB/wQCMAAwHQYDVR0lBBYwFAYIKwYBBQUH
+AwEGCCsGAQUFBwMCMEkGA1UdIARCMEAwNAYLKwYBBAGyMQECAgcwJTAjBggrBgEF
+BQcCARYXaHR0cHM6Ly9zZWN0aWdvLmNvbS9DUFMwCAYGZ4EMAQIBMIGEBggrBgEF
+BQcBAQR4MHYwTwYIKwYBBQUHMAKGQ2h0dHA6Ly9jcnQuc2VjdGlnby5jb20vU2Vj
+dGlnb1JTQURvbWFpblZhbGlkYXRpb25TZWN1cmVTZXJ2ZXJDQS5jcnQwIwYIKwYB
+BQUHMAGGF2h0dHA6Ly9vY3NwLnNlY3RpZ28uY29tMIIBfwYKKwYBBAHWeQIEAgSC
+AW8EggFrAWkAdwCt9776fP8QyIudPZwePhhqtGcpXc+xDCTKhYY069yCigAAAYBH
+FYz3AAAEAwBIMEYCIQD0YmMCd5ZPhVwCYdHJFXaB3TeEVtY3GGBmJreCYpxpWwIh
+AKPLd+IUbrKGjN436yXigPnSHYMhYHjcOIwkJilCKW4kAHYAejKMVNi3LbYg6jjg
+Uh7phBZwMhOFTTvSK8E6V6NS61IAAAGARxWMsAAABAMARzBFAiEA2QOIvUWLlk5d
+dCQ+b3rJrhJhhgYu4KReme7QYuopJL8CIEuwHH4Ro9RfFajzZcYfL0tQO1zacBM+
+yRVvLTF3MbwDAHYA6D7Q2j71BjUy51covIlryQPTy9ERa+zraeF3fW0GvW4AAAGA
+RxWMjwAABAMARzBFAiAU9r8DFaPKtVJ/uCelx8aYgmawpzthhaOATzfS2jWpNwIh
+AJsUAAMJb17Vwk4HucoLRN3ve2qm8TzRiGepKIh/r0rdMEsGA1UdEQREMEKCE2Nz
+ZXouem9ob2NvcnBpbi5jb22CFSouY3Nlei56b2hvY29ycGluLmNvbYIUKi50c2ku
+em9ob2NvcnBpbi5jb20wDQYJKoZIhvcNAQELBQADggEBADbqEtyp7J47CbCHIZ+A
+nedURDLTV0G2cR/yHxbbSUfQsJUt8t736JVw4JnRN2Exch32v9LHvEr40O7TL4er
+OQuEIe7wTkcJ7wZ6bkxgI/ip8y0w2Ips4eVxSmnYYk0AjiyKmn+ujdNZ0yz7qfUE
+ysgRbsyL4ODlUBdTHjS6vFVtTmDWGE9St/gkQEHPoyGNe7v6+39GJEHW2XKYfuhK
+//nHcQxvyr2O5dJGlP1q1WIJRJyCp3Srbgso55H/ylmwfJ7ePYgM4GWbWEfSDLHW
+KOZL2IZgz+oRJikKU4CAvjKvpULK2rSnIs2W11z4KtLqyzTrVmkuJ6MP2rMBQrHu
+jTs=
+-----END CERTIFICATE-----

package/packages/client_build_tool/lib/shared/server/cert/Tsicsezwild-22-23.key

@@ -0,0 +1,27 @@
+-----BEGIN RSA PRIVATE KEY-----
+MIIEowIBAAKCAQEA2olyKEJpWBe4LhchnI6psCeJLBEyu0dEFaGpXd4dH/J5G6p9
+vX4NzML5jJpwldu365tMGGliu/8SFm9CCMWKhhtjpjhQuJb/46xmvehB93x5tA1V
+PuIBTn/qnb43bbwXQsVsPvnRvCibG3hXCaBfms/xIvb4Y84KyrRx+tm/WsOYuZaV
+RW6vW2dMa98TsW6zqWQ5PwH9rLyAk4tefxvmBjO1+Qy+89rY7V/CmeXGyyI5EEu3
+IbY5setU7sKvn+M5NIHvMPYTZL3GK7Lnrk/xQ8jvMGz6YTTyQXRq4y5zE9Ob3nQK
+8mH5eyx3vIm95k+kENGn8b5CMjpKYyBIjdRP4wIDAQABAoIBACfOaGpX6nte2rAe
+i4NKYzNQiEZsHYsKaKbuCv0ro695icDV1dCJ4PaevzjyurY5Tu+OGpbJv2/R/tfy
+TRtu7BQQch7JXD67VoIAmbhW0YlEdaCr2w64uRc06qXwC4WkALKrZlO0SpVU6iff
+TC9XNILtBJXjWYxIcCPLKYXRWu8romGJGNvZlabHkMMk1eF/rZvdmlgVj1LCE//A
+gjYPsiWCDi0ZWOCXNmKq4yNQnAPjHb4nhN/BumXKn9D/wl282FFx6E9Yetg/bvj6
+f2JN8AST1WwMcPxdnDKC+ZUD0mQqG+w3g47dkaTxc1G5Yot9t0rYujIjbtaFLiWN
+MEGDtsUCgYEA+TIOItGeaRRPdAfXDKjEw2/UfnNr1S9DyAFP7j3UajR7bDv/wWSG
+ct0tJnpK/LvnYsvTF1QQ3PV1hNNtu97XdDV6rwuDeVXOfDBH0ctbnqevTw4ShRuG
++0qwfychuIy4jG0ZHGFn5adhBhspxGjgYqxJo9fdQBjU0ciH91B6IeUCgYEA4IEU
+GW9rJoVB86HVdaadq2VmuOdyGa+tLkPh8v47vPGB/vpRlThuuRRc51Oq+SRh7bC7
+FO4cjOa6VpM9dkeAc2GFPs+uyzzU8yRxeqO3gicvXC1sApaca9uv8Vp3WDacnlsu
+shVM+RXKLEi8/JHrcr9BCvSlycvZy8t+QUp6LicCgYBE1ocBJ1bTQEESlHfbj2OL
+eYEBzXCkW4Il5fbmoT3keMr/gzOLgPGDGYY3cuD0IBQzPor5jsd5wnTMVHujwlNS
+TtOtN0kCY6m+tLeiRMLyeO/8rq5/BrOrB17qQS0XhggVAq5FIMNKtYof3bEUCMSz
+fVR6Zk9APZvMt9CXiSuz4QKBgFHDMMrCpUd2KLrOKaubbrjJSUv2Hrv0GyJKXrPc
+m20Il8uA5s1trAWDwQIOmqn58iBayQeqYIOAVETLgwrcp49d6OUjRgmGsheLIjkD
+/wVLuBfeAwQ+TeGKNN21kNlzqj6R/sOktk/Q+7x9ETb6/cDgnpOa3fZMY5mxFt44
+fZ7pAoGBAN8ep49qQWxChYfqu75d3dkCcbF6UeWS+mDZ1QDkiJ5hGlDWDAC7EUma
+jf7c56wBydih+2XKFq2BWxyFcfzzxKJrNeMhGANi/yJ1QrECyrwVWnhP+OFfG5vR
+O+PzUCwZGet0PHG6r6IuvpGMCdZDYCt+fZSvIRJtmvIrtZWGKQly
+-----END RSA PRIVATE KEY-----

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

@@ -10,8 +10,6 @@ var _webpack = require("webpack");
 
 var _webpackDevMiddleware = _interopRequireDefault(require("webpack-dev-middleware"));
 
-var _statsConfig = require("../bundler/webpack/statsConfig");
-
 var _webpackConfig = _interopRequireDefault(require("../bundler/webpack/webpackConfig"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -21,7 +19,7 @@ function webpackDevMiddlewareConfig(options) {
     publicPath
   } = options;
   return {
-    stats: (0, _statsConfig.statsConfig)(options),
+    stats: 'minimal',
     index: 'index.html',
     publicPath,
     headers: {
@@ -32,7 +30,8 @@ function webpackDevMiddlewareConfig(options) {
 
 function configWebpackDevMiddleware(app, options) {
   const config = (0, _webpackConfig.default)(options);
-  const compiler = (0, _webpack.webpack)(config);
+  const compiler = (0, _webpack.webpack)(config); // console.log("mode", mode)
+
   const devMiddleware = (0, _webpackDevMiddleware.default)(compiler, webpackDevMiddlewareConfig(options));
   app.use(devMiddleware);
   return {

package/packages/client_build_tool/lib/shared/server/{corsHandling.js → corsHandleing.js}

@@ -3,18 +3,25 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.corsHandling = corsHandling;
+exports.corsHandleing = corsHandleing;
 
-// eslint-disable-next-line no-unused-vars
-function corsHandling(app, options) {
+var _express = _interopRequireDefault(require("express"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function corsHandleing(app, options) {
+  const {
+    contextURL,
+    context
+  } = options;
   app.use((req, res, next) => {
-    // console.log('origin', req.get('origin'));
+    //console.log('origin', req.get('origin'));
     res.setHeader('Access-Control-Allow-Origin', req.get('origin') || '*'); // res.setHeader('Access-Control-Allow-Origin', req.get('origin'));
 
     res.setHeader('Access-Control-Allow-Private-Network', true);
     res.setHeader('Access-Control-Allow-Credentials', true);
     next();
-  });
+  }).use(`${contextURL}/fonts`, _express.default.static(`${context}/fonts`));
   app.options('/*', (req, res) => {
     res.send('Ok');
   });

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

@@ -10,12 +10,12 @@ var _os = _interopRequireDefault(require("os"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 function getIp() {
-  const ifaces = _os.default.networkInterfaces();
+  let ifaces = _os.default.networkInterfaces();
 
   let ips = [];
   Object.keys(ifaces).forEach(ifname => {
-    const a = ifaces[ifname].map(iface => {
-      if (iface.family !== 'IPv4' || iface.internal !== false) {
+    let a = ifaces[ifname].map(iface => {
+      if ('IPv4' !== iface.family || iface.internal !== false) {
         return null;
       }
 

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

@@ -3,13 +3,31 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+exports.httpsOptions = httpsOptions;
 exports.httpsOptionsWithUserFriendlyError = httpsOptionsWithUserFriendlyError;
 
-var _logger = require("../../logger");
+var _buildToolLoggers = require("../../buildToolLoggers");
 
-var _requireLocalOrGlobal = require("../utils/requireLocalOrGlobal");
+var _constants = require("../constants");
 
-const defaultCertNpm = '@zohodesk-private/client_dev_cert';
+// import fs from 'fs';
+// import path from 'path';
+// export const httpsOptions = {
+//   key: fs.readFileSync(path.join(__dirname, './cert/Tsicsezwild-22-23.key')),
+//   cert: fs.readFileSync(path.join(__dirname, './cert/Tsicsezwild-22-23.crt'))
+// };
+function httpsOptions(options) {
+  const {
+    httpsCerts
+  } = options.server; // eslint-disable-next-line global-require, import/no-dynamic-require
+
+  const certificate = require(require.resolve(httpsCerts, {
+    paths: [process.cwd()]
+  })); // TODO: in future we may do some version based check. certificate.version
+
+
+  return certificate.httpsOptions;
+}
 
 function httpsOptionsWithUserFriendlyError(options) {
   const {
@@ -17,29 +35,18 @@ function httpsOptionsWithUserFriendlyError(options) {
   } = 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;
+    try {
+      const certificate = httpsOptions(options);
+      return certificate;
+    } catch (error) {
+      if (error.msg.indexOf('Error: Cannot find module') !== -1) {
+        (0, _buildToolLoggers.errorLogger)(`You have given ${_constants.BASE_CONFIG_KEY}.server.httpsCerts as "${httpsCerts}.
+        But it seems that file path have some problem";`);
+      }
+
+      (0, _buildToolLoggers.errorLogger)(error);
+      process.exit(0);
     }
-
-    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/initialHTMLHandling.js

@@ -5,13 +5,11 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.initialHTMLHandling = initialHTMLHandling;
 
-var _logger = require("../../logger");
+var _buildToolLoggers = require("../../buildToolLoggers");
 
-/* eslint-disable no-use-before-define */
 function initialHTMLHandling(compiler, app, options) {
   const {
-    contextURL,
-    enableMockReplace
+    contextURL
   } = options;
   const {
     i18nChunkSplit
@@ -19,81 +17,50 @@ function initialHTMLHandling(compiler, app, options) {
   const {
     rtlSplit
   } = options.css.plugins;
-  const {
-    httpsUrl,
-    httpUrl
-  } = options.serverExtras;
-  let initialHTML;
+  let initalHTML;
   compiler.hooks.afterCompile.tap('ReactCLI', compilation => {
     const indexHtml = compilation.assets['index.html']; // compiler.outputFileSystem.readFileSync("build/index.html");
 
     if (indexHtml) {
-      initialHTML = indexHtml.source();
+      initalHTML = 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;
+    // // app.use(`/desk/*`, (req, res) => {
+    // const { rtlSplit } = options.css.plugins;
+    let newHTML = initalHTML;
 
     if (i18nChunkSplit.chunkSplitEnable) {
-      newHTML = replaceWithRandomLocale(newHTML, i18nChunkSplit.templateLabel, locale);
+      // eslint-disable-next-line no-use-before-define
+      newHTML = replaceWithRandomLocale(newHTML, i18nChunkSplit.templateLabel);
     }
 
     if (rtlSplit.enableRTLSplit) {
-      newHTML = replaceWithRandomDir(newHTML, rtlSplit.templateLabel, dir);
+      // eslint-disable-next-line no-use-before-define
+      newHTML = replaceWithRandomDir(newHTML, rtlSplit.templateLabel);
     }
 
-    return newHTML;
-  }
+    res.send(newHTML);
+  });
 
-  function replaceWithRandomLocale(initialHTML, templateLabel, queryLocale) {
+  function replaceWithRandomLocale(initalHTML, templateLabel) {
     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)({
+    const locale = locales[Math.floor(Math.random() * locales.length)];
+    console.log({
       locale
     });
-    return initialHTML.replaceAll(templateLabel, locale);
+    return initalHTML.replaceAll(templateLabel, locale);
   }
 
-  function replaceWithRandomDir(initialHTML, templateLabel, queryDir) {
+  function replaceWithRandomDir(initalHTML, templateLabel) {
     const dirs = ['ltr', 'rtl']; // const dir = 'rtl';
 
-    const dir = queryDir || dirs[Math.floor(Math.random() * dirs.length)];
-    (0, _logger.verboseLogger)({
+    const dir = dirs[Math.floor(Math.random() * dirs.length)];
+    console.log({
       dir
     });
-    return initialHTML.replaceAll(templateLabel, dir);
+    return initalHTML.replaceAll(templateLabel, dir);
   }
 }

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

@@ -15,7 +15,6 @@ function serveContextFiles(app, options) {
     contextURL,
     contextFolderPath
   } = options;
-  app.use(`${contextURL}/fonts`, _express.default.static(`${context}/fonts`));
 
   if (contextURL) {
     app.use(contextURL, _express.default.static(contextFolderPath));

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.run = run;
 
-var _corsHandling = require("./corsHandling");
+var _corsHandleing = require("./corsHandleing");
 
 var _initExpressApp = require("./initExpressApp");
 
@@ -19,18 +19,22 @@ var _initialHTMLHandling = require("./initialHTMLHandling");
 
 var _startHttpServer = require("./startHttpServer");
 
-var _mockApiHandler = require("./mockApiHandler");
-
+// import c from './bundler/webpack/webpack.dev.config.js'
+// import { spawnSyncIO } from '../commands-utlis/spanSync';
 // import { startHttpServer } from './startHttpServer';
 function run(options) {
   const app = (0, _initExpressApp.initExpressApp)();
-  (0, _corsHandling.corsHandling)(app, options);
-  (0, _mockApiHandler.mockApiHandler)(app, options);
+  (0, _corsHandleing.corsHandleing)(app, options);
   const {
     compiler
   } = (0, _configWebpackDevMiddleware.configWebpackDevMiddleware)(app, options);
   (0, _serveContextFiles.serveContextFiles)(app, options);
   (0, _startHttpsServer.startHttpsServer)(app, options);
   (0, _startHttpServer.startHttpServer)(app, options);
-  (0, _initialHTMLHandling.initialHTMLHandling)(compiler, app, options);
+  (0, _initialHTMLHandling.initialHTMLHandling)(compiler, app, options); // return spawnSyncIO('webpack', [
+  //   'serve',
+  //   '--config',
+  //   require.resolve('../bundler/webpack/webpack.dev.config.js')
+  // ]);
+  // startHttpServer(app, options);
 }

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.startHttpServer = startHttpServer;
 
-var _logger = require("../../logger");
+var _buildToolLoggers = require("../../buildToolLoggers");
 
 function startHttpServer(app, options) {
   const {
@@ -20,7 +20,7 @@ function startHttpServer(app, options) {
       throw err;
     }
 
-    (0, _logger.messageLogger)(`Listening at ${httpUrl}`);
+    (0, _buildToolLoggers.messageLogger)(`Listening at ${httpUrl}`);
   });
   return app;
 }

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

@@ -7,7 +7,7 @@ exports.startHttpsServer = startHttpsServer;
 
 var _https = _interopRequireDefault(require("https"));
 
-var _logger = require("../../logger");
+var _buildToolLoggers = require("../../buildToolLoggers");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
@@ -21,10 +21,6 @@ function startHttpsServer(app, options) {
     httpsUrl
   } = serverExtras;
 
-  if (!httpsOptions) {
-    return null;
-  }
-
   const httpsServer = _https.default.createServer(httpsOptions, app);
 
   httpsServer.listen(httpsPort, err => {
@@ -32,7 +28,7 @@ function startHttpsServer(app, options) {
       throw err;
     }
 
-    (0, _logger.messageLogger)(`Listening at ${httpsUrl}`);
+    (0, _buildToolLoggers.messageLogger)(`Listening at ${httpsUrl}`);
   });
   return httpsServer;
 }

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

@@ -0,0 +1 @@
+"use strict";

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

@@ -0,0 +1,32 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.webpackConfig = webpackConfig;
+
+var _webpack = _interopRequireDefault(require("webpack"));
+
+var _compression = _interopRequireDefault(require("compression"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function webpackConfig(mode, app) {
+  let config;
+
+  if (mode === 'prod') {
+    config = require('../../../src/configs/webpack.prod.config');
+    app.use((0, _compression.default)());
+  } else if (mode === 'dev' || mode === 'dev-no-warn') {
+    config = require('../../../src/configs/webpack.dev.config');
+  } else {
+    throw new Error('You must configure valid option in mode');
+  } // console.log({ contextURL });
+
+
+  let compiler = (0, _webpack.default)(config);
+  return {
+    config,
+    compiler
+  };
+}

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

@@ -5,17 +5,17 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.websocketMockSetup = websocketMockSetup;
 
-var _ws = _interopRequireDefault(require("ws"));
+var _path = _interopRequireDefault(require("path"));
 
-var _logger = require("../../../logger");
+var _ws = _interopRequireDefault(require("ws"));
 
-var _constants = require("../../constants");
+var _utils = require("../../../src/utils");
 
 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'));
+    res.sendFile(_path.default.join(__dirname, '..', '..', 'templates', 'wms', 'index.html'));
   });
   const wss = new _ws.default.Server({
     server: httpsServer
@@ -27,20 +27,20 @@ function websocketMockSetup(app, httpsServer) {
       wsPool = wsPool.filter(ws1 => ws1 !== ws);
     });
     ws.on('message', message => {
-      (0, _logger.messageLogger)('received: %s', message);
+      (0, _utils.log)('received: %s', message);
     });
     ws.send('something');
   });
   app.post('/wmsmockapi', (req, res) => {
     wsPool.forEach(ws => {
-      const {
+      let {
         body
       } = req;
 
       try {
         ws.send(JSON.stringify(body));
       } catch (e) {
-        (0, _logger.messageLogger)(e, body);
+        (0, _utils.log)(e, body);
       }
     });
     res.send('success');