@zohodesk/react-cli 1.1.18 → 1.1.19-exp.2

package/packages/client_build_tool/lib/shared/bundler/webpack/pluginConfigs/configServiceWorkerPlugin.js

@@ -0,0 +1,18 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.configServiceWorkerPlugin = configServiceWorkerPlugin;
+
+var _ServiceWorkerPlugin = _interopRequireDefault(require("../custom_plugins/ServiceWorkerPlugin"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function configServiceWorkerPlugin(options) {
+  const {
+    serviceWorker
+  } = options.app;
+  console.log(serviceWorker);
+  return new _ServiceWorkerPlugin.default(serviceWorker);
+}

package/packages/client_build_tool/lib/shared/bundler/webpack/pluginConfigs/configUglifyCSSPlugin.js

@@ -0,0 +1,15 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.configUglifyCSSPlugin = configUglifyCSSPlugin;
+
+var _UglifyCSSPlugin = _interopRequireDefault(require("../custom_plugins/UglifyCSSPlugin"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+// eslint-disable-next-line no-unused-vars
+function configUglifyCSSPlugin(options) {
+  return new _UglifyCSSPlugin.default();
+}

package/packages/client_build_tool/lib/shared/bundler/webpack/plugins.js

@@ -0,0 +1,39 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.plugins = plugins;
+
+var _configHtmlWebpackPlugin = require("./pluginConfigs/configHtmlWebpackPlugin");
+
+var _configEnvVariables = require("./pluginConfigs/configEnvVariables");
+
+var _configI18nSplitPlugin = require("./pluginConfigs/configI18nSplitPlugin");
+
+var _configMiniCSSExtractPlugin = require("./pluginConfigs/configMiniCSSExtractPlugin");
+
+var _configRtlCssPlugin = require("./pluginConfigs/configRtlCssPlugin");
+
+var _configCopyThirdpartyFile = require("./pluginConfigs/configCopyThirdpartyFile");
+
+var _configIgnorePlugin = require("./pluginConfigs/configIgnorePlugin");
+
+var _configUglifyCSSPlugin = require("./pluginConfigs/configUglifyCSSPlugin");
+
+var _configCdnChangePlugin = require("./pluginConfigs/configCdnChangePlugin");
+
+var _configServiceWorkerPlugin = require("./pluginConfigs/configServiceWorkerPlugin");
+
+var _configProgressPlugin = require("./pluginConfigs/configProgressPlugin");
+
+// import { IgnorePlugin } from 'webpack';
+function plugins(options) {
+  const {
+    i18nChunkSplit
+  } = options;
+  const {
+    rtlSplit
+  } = options.css.plugins;
+  return [(0, _configEnvVariables.configEnvVariables)(options), (0, _configIgnorePlugin.configIgnorePlugin)(options), (0, _configCopyThirdpartyFile.configCopyThirdpartyFile)(options), (0, _configMiniCSSExtractPlugin.configMiniCSSExtractPlugin)(options), i18nChunkSplit.chunkSplitEnable && (0, _configI18nSplitPlugin.configI18nSplitPlugin)(options), rtlSplit.enableRTLSplit && (0, _configRtlCssPlugin.configRtlCssPlugin)(options), (0, _configUglifyCSSPlugin.configUglifyCSSPlugin)(options), (0, _configHtmlWebpackPlugin.configHtmlWebpackPlugin)(options), (0, _configCdnChangePlugin.configCdnChangePlugin)(options), (0, _configServiceWorkerPlugin.configServiceWorkerPlugin)(options), (0, _configProgressPlugin.configProgressPlugin)(options)].filter(Boolean);
+}

package/packages/client_build_tool/lib/shared/bundler/webpack/postcssPlugins.js

@@ -0,0 +1,36 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.postcssPlugins = postcssPlugins;
+
+var _postcssRtl = _interopRequireDefault(require("postcss-rtl"));
+
+var _postcssSelectorReplace = _interopRequireDefault(require("postcss-selector-replace"));
+
+var _ExcludePlugin = require("./custom_postcss_loaders/ExcludePlugin");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+// import CheckPlugin from './custom_postcss_loaders/CheckPlugin';
+// console.log({ postcssRTLPlugin });
+function postcssPlugins(options) {
+  const {
+    plugins,
+    selectorReplace
+  } = options.css;
+  return [selectorReplace && (0, _postcssSelectorReplace.default)(selectorReplace), ...(0, _ExcludePlugin.excludeEmptyCheckPlugin)({
+    enable: plugins.rtl.enable,
+    exclude: plugins.rtl.exclude,
+    plugins: [(0, _postcssRtl.default)({
+      addPrefixToSelector: function addPrefixToSelector(selector, prefix) {
+        if (prefix === '[dir]') {
+          return selector;
+        }
+
+        return `${prefix} ${selector}`; // Make selectors like [dir=rtl] > .selector
+      }
+    })]
+  })].filter(Boolean);
+}

package/packages/client_build_tool/lib/shared/bundler/webpack/resolvers.js

@@ -0,0 +1,42 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.loaderResolver = loaderResolver;
+exports.moduleResolver = moduleResolver;
+
+var _client_packages_group = require("@zohodesk/client_packages_group");
+
+var _constants = require("../../constants");
+
+var _libAlias = require("./common/libAlias");
+
+function moduleResolver(options) {
+  const {
+    moduleResolvePath,
+    disableES5Transpile
+  } = options.app;
+  const nodeModulesPath = moduleResolvePath // eslint-disable-next-line import/no-dynamic-require, global-require
+  ? require(require.resolve(moduleResolvePath, {
+    paths: [options.cwd]
+  })).nodeModulesPath : _client_packages_group.nodeModulesPath; // const {unstableDepsInverse} = options;
+  // console.log({ nodeModulesPath });
+
+  return {
+    modules: [_constants.cliNodemodulesPath, nodeModulesPath, 'node_modules'].filter(Boolean),
+    alias: disableES5Transpile ? _libAlias.libAlias : {} // alias: { ...libAlias, ...clientDependenies }
+
+  };
+}
+
+function loaderResolver(options) {
+  // const unstableDepsInverse = false;
+  const {
+    unstableDepsInverse
+  } = options;
+  return {
+    modules: unstableDepsInverse ? ['node_modules', _constants.cliNodemodulesPath] : [_constants.cliNodemodulesPath, 'node_modules'] // alias:  libAlias
+
+  };
+}

package/packages/client_build_tool/lib/shared/bundler/webpack/splitChunksConfig.js

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.splitChunksConfig = splitChunksConfig;
+
+function splitChunksConfig(options) {
+  return {
+    chunks: 'all'
+  };
+}

package/packages/client_build_tool/lib/shared/bundler/webpack/webpack.dev.config.js

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _readOptions = require("../../schemas/readOptions");
+
+var _webpackConfig = _interopRequireDefault(require("./webpackConfig"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const options = (0, _readOptions.getOptions)();
+const config = (0, _webpackConfig.default)(options);
+var _default = config;
+exports.default = _default;

package/packages/client_build_tool/lib/shared/bundler/webpack/webpackBuild.js

@@ -0,0 +1,24 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = webpackBuild;
+
+var _webpack = require("webpack");
+
+var _webpackConfig = _interopRequireDefault(require("./webpackConfig"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function webpackBuild(options) {
+  const config = (0, _webpackConfig.default)(options);
+  console.log('webpackBuild');
+  (0, _webpack.webpack)(config, (err, stats) => {
+    if (err || stats.hasErrors()) {
+      // ...
+      console.log('err', err);
+    } // Done processing
+
+  });
+}

package/packages/client_build_tool/lib/shared/bundler/webpack/webpackConfig.js

@@ -0,0 +1,50 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = webpackConfigCreator;
+
+var _outputConfig = require("./outputConfig");
+
+var _jsLoaders = require("./jsLoaders");
+
+var _cssLoaders = require("./cssLoaders");
+
+var _assetLoaders = require("./loaderConfigs/assetLoaders");
+
+var _plugins = require("./plugins");
+
+var _resolvers = require("./resolvers");
+
+var _optimizationConfig = require("./optimizationConfig");
+
+var _configHtmlTemplateLoader = require("./loaderConfigs/configHtmlTemplateLoader");
+
+var _configWebWorkerLoader = require("./loaderConfigs/configWebWorkerLoader");
+
+// import { devServerConfig } from './devServerConfig';
+function webpackConfigCreator(options) {
+  return {
+    mode: 'development',
+    output: (0, _outputConfig.outputConfig)(options),
+    devtool: 'cheap-source-map',
+    // stats: 'errors-only',
+    stats: {
+      children: false,
+      colors: true,
+      errorDetails: true // excludeAssets: /i18n/,
+      // excludeAssets: /./,
+      // warningsFilter: /\[mini-css-extract-plugin\]/
+
+    },
+    // devServer: devServerConfig(options),
+    optimization: (0, _optimizationConfig.optimizationConfig)(options),
+    module: {
+      rules: [...(0, _jsLoaders.jsLoaders)(options), ...(0, _cssLoaders.cssLoaders)(options), (0, _configWebWorkerLoader.configWebWorkerLoader)(options), (0, _configHtmlTemplateLoader.configHtmlTemplateLoader)(options), ...(0, _assetLoaders.assetLoaders)(options)]
+    },
+    plugins: (0, _plugins.plugins)(options),
+    resolve: (0, _resolvers.moduleResolver)(options),
+    resolveLoader: (0, _resolvers.loaderResolver)(options)
+  };
+}

package/packages/client_build_tool/lib/shared/commands-utlis/doBasicRequiermentCheck.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.doBasicRequiermentCheck = doBasicRequiermentCheck;
+
+function doBasicRequiermentCheck() {
+  const majorV = Number(process.version.slice(1, 4));
+
+  if (majorV >= 12 && majorV <= 18) {
+    return true;
+  }
+
+  throw `your node version not compactable with this cli please update node vesrion to 12 - 18, and your current version is ${process.version}`;
+}

package/packages/client_build_tool/lib/shared/commands-utlis/getCliPath.js

@@ -0,0 +1,38 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getCliPath = void 0;
+
+var _os = require("os");
+
+var _fs = require("fs");
+
+var _path = require("path");
+
+const appPath = process.cwd();
+const isNodeModuleUnderAppFolder = __dirname.indexOf(appPath) !== -1;
+const isWindows = (0, _os.platform)().toLowerCase() === 'win32';
+const suffixExt = isWindows ? '.cmd' : ''; // function searchForCommandPath(commandName) {
+//   let pathFolders = __dirname.split(sep);
+//   let cliPath;
+//   while (pathFolders.pop()) {
+//     cliPath = join(pathFolders.join(sep), 'node_modules', '.bin', commandName);
+//     if (existsSync(cliPath)) {
+//       return cliPath;
+//     }
+//   }
+//   console.warn(`unable to find command "${commandName}"`);
+//   return join(__dirname, '..', 'node_modules', '.bin', commandName);
+// }
+
+function searchForCommandPath(libName) {
+  const commandPath = (0, _path.join)(__dirname, '..', '..', '..', 'node_modules', '.bin', libName); // TODO: need to check for windows machine reason command with ext added,
+  //  when we  use  global react-cli package (executable) working or not 
+
+  return (0, _fs.existsSync)(commandPath) ? commandPath : libName;
+}
+
+const getCliPath = !isNodeModuleUnderAppFolder ? commandName => searchForCommandPath(commandName + suffixExt) : commandName => commandName + suffixExt;
+exports.getCliPath = getCliPath;

package/packages/client_build_tool/lib/shared/commands-utlis/index.js

@@ -0,0 +1,29 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "doBasicRequiermentCheck", {
+  enumerable: true,
+  get: function () {
+    return _doBasicRequiermentCheck.doBasicRequiermentCheck;
+  }
+});
+Object.defineProperty(exports, "readArgsFormCommandLine", {
+  enumerable: true,
+  get: function () {
+    return _readArgsFormCommandLine.readArgsFormCommandLine;
+  }
+});
+Object.defineProperty(exports, "readOptionFormCommandLine", {
+  enumerable: true,
+  get: function () {
+    return _readOptionFormCommandLine.readOptionFormCommandLine;
+  }
+});
+
+var _readArgsFormCommandLine = require("./readArgsFormCommandLine");
+
+var _readOptionFormCommandLine = require("./readOptionFormCommandLine");
+
+var _doBasicRequiermentCheck = require("./doBasicRequiermentCheck");

package/packages/client_build_tool/lib/shared/commands-utlis/log.js

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.log = void 0;
+
+let log = (...info) => {
+  let print = console;
+  print.log(...info);
+};
+
+exports.log = log;

package/packages/client_build_tool/lib/shared/commands-utlis/readArgsFormCommandLine.js

@@ -0,0 +1,11 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.readArgsFormCommandLine = readArgsFormCommandLine;
+const args = process.argv.slice(3);
+
+function readArgsFormCommandLine() {
+  return args;
+}

package/packages/client_build_tool/lib/shared/commands-utlis/readOptionFormCommandLine.js

@@ -0,0 +1,11 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.readOptionFormCommandLine = readOptionFormCommandLine;
+const [,, option] = process.argv;
+
+function readOptionFormCommandLine() {
+  return option;
+}

package/packages/client_build_tool/lib/shared/commands-utlis/spanSync.js

@@ -0,0 +1,35 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.spawnIO = spawnIO;
+exports.spawnSyncIO = spawnSyncIO;
+
+var _getCliPath = require("./getCliPath");
+
+const {
+  spawnSync,
+  spawn
+} = require('child_process');
+
+function spawnSyncIO(commandName, args) {
+  const command = (0, _getCliPath.getCliPath)(commandName);
+  const result = spawnSync(command, args, {
+    stdio: 'inherit'
+  });
+
+  if (result.error || result.stderr) {
+    console.error(result.error || result.stderr);
+  } // console.log(result.output);
+
+
+  process.exit(result.status);
+}
+
+function spawnIO(commandName, args, cb) {
+  // const result =
+  spawn(commandName, args, {
+    stdio: 'inherit'
+  }, cb); // process.exit(result.status);
+}

package/packages/client_build_tool/lib/shared/constants.js

@@ -0,0 +1,33 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.cliRootPath = exports.cliNodemodulesPath = exports.babelrcPath = exports.appPath = exports.appInitialHTMLTemplatePath = exports.CONFIG_ROOT = exports.BASE_CONFIG_KEY = void 0;
+
+var _path = _interopRequireWildcard(require("path"));
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+const BASE_CONFIG_KEY = 'react-cli';
+exports.BASE_CONFIG_KEY = BASE_CONFIG_KEY;
+
+const cliRootPath = _path.default.resolve(__dirname, '..', '..');
+
+exports.cliRootPath = cliRootPath;
+const CONFIG_ROOT = 'client-build-config';
+exports.CONFIG_ROOT = CONFIG_ROOT;
+
+const cliNodemodulesPath = _path.default.resolve(cliRootPath, 'node_modules');
+
+exports.cliNodemodulesPath = cliNodemodulesPath;
+const babelrcPath = (0, _path.join)(cliRootPath, '.babelrc');
+exports.babelrcPath = babelrcPath;
+const appPath = process.cwd();
+exports.appPath = appPath;
+
+const appInitialHTMLTemplatePath = _path.default.join(process.cwd(), 'src', 'index.html');
+
+exports.appInitialHTMLTemplatePath = appInitialHTMLTemplatePath;

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

@@ -0,0 +1,37 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.applyValuesToShema = applyValuesToShema;
+
+function isObject(obj) {
+  return obj !== null && typeof obj === 'object' && !Array.isArray(obj);
+}
+
+function applyValuesToShema(schemas, customOptions, processEnv) {
+  const output = {};
+
+  function decideValue(schema, key, customOptions) {
+    const specificShema = schema[key];
+    const correspondingValue = customOptions && customOptions[key];
+
+    if (isObject(specificShema)) {
+      if (typeof specificShema.cli === 'string') {
+        var _ref, _processEnv$specificS;
+
+        return (_ref = (_processEnv$specificS = processEnv[specificShema.cli]) !== null && _processEnv$specificS !== void 0 ? _processEnv$specificS : correspondingValue) !== null && _ref !== void 0 ? _ref : specificShema.value;
+      }
+
+      return applyValuesToShema(specificShema, correspondingValue, processEnv);
+    }
+
+    return correspondingValue !== null && correspondingValue !== void 0 ? correspondingValue : schema[key];
+  } // console.log({schemas})
+
+
+  Object.keys(schemas).forEach(key => {
+    output[key] = decideValue(schemas, key, customOptions);
+  });
+  return output;
+}

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

@@ -0,0 +1,37 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.cliArgsToObject = cliArgsToObject;
+
+/**
+ * experimental argument parsing logic
+ * @param {Array} cliArgs is when we use cli the options or args
+ *
+ * cliArgs:-
+ *  `cbt start --port=2332 --mode=prod` in this command
+ * ['--port=2332', '--mode=prod'] these are cliArgs
+ * 
+ * retunr {"port": 2332, "mode":"prod"}
+ */
+function cliArgsToObject(cliArgs) {
+  const processEnv = {};
+  cliArgs.forEach(option => {
+    if (/^--./.test(option)) {
+      const 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;
+    }
+  });
+  return processEnv;
+}

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

@@ -0,0 +1,119 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _os = require("os");
+
+// import { join } from 'path';
+// import { cliRootPath } from '../constants';
+// import { getIp } from '../server/getIp';
+var _default = {
+  context: {
+    value: 'app',
+    cli: 'context'
+  },
+  enableChunkHash: {
+    value: true,
+    cli: 'enablehash'
+  },
+  output: {
+    value: 'build',
+    cli: 'output'
+  },
+  server: {
+    httpsCerts: {
+      value: '',
+      cli: 'https_certs'
+    },
+    host: {
+      value: (0, _os.hostname)(),
+      cli: 'host'
+    },
+    port: {
+      value: 9090,
+      cli: 'port'
+    },
+    domain: {
+      value: 'tsi',
+      cli: 'domain'
+    },
+    // domain: { value: null, cli: 'domain' },
+    mode: {
+      value: 'dev',
+      cli: 'mode'
+    },
+    disableContextURL: false,
+    hasMock: false,
+    mockPrefix: {
+      value: '/api',
+      cli: 'mock_prefix'
+    },
+    mockPort: {
+      value: 5000,
+      cli: 'mock_port'
+    }
+  },
+  css: {
+    selectorReplace: null,
+    classNameOptions: {
+      classNamePrefix: 'zd',
+      classNameBlob: false
+    },
+    plugins: {
+      rtlSplit: {
+        enableRTLSplit: false,
+        templateLabel: '{{--dir}}',
+        disableMinifySelector: false,
+        dirVarName: 'document.dir'
+      },
+      rtl: {
+        enable: false,
+        exclude: []
+      }
+    }
+  },
+  i18nChunkSplit: {
+    chunkSplitEnable: {
+      value: false,
+      cli: 'i18n_split'
+    },
+    disableDefault: false,
+    templateLabel: '{{--user-locale}}',
+    localeVarName: 'document.documentElement.lang',
+    jsonpFunc: 'console.log',
+    jsResource: null,
+    propertiesFolder: null
+  },
+  app: {
+    tpFolder: null,
+    moduleResolvePath: {
+      value: '',
+      cli: 'module_resolve_path'
+    },
+    htmlTemplate: {
+      inject: true
+    },
+    cdnMapping: {
+      isCdnEnabled: false,
+      variableName: '',
+      cssTemplate: '',
+      jsTemplate: '',
+      i18nTemplate: ''
+    },
+    serviceWorker: {
+      enableSw: false,
+      filePath: 'sw.js',
+      fileName: 'v1.js',
+      exitPath: '/',
+      replaceText: '//<!--AssetsFromBuild -->'
+    },
+    enableSMap: {
+      value: false,
+      cli: 'source_map_enable'
+    }
+  }
+};
+exports.default = _default;