@zohodesk/react-cli 1.1.17 → 1.1.18-exp.1

package/packages/client_build_tool/lib/shared/bundler/webpack/loaders/workerLoader.js

@@ -0,0 +1,133 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = loader;
+exports.pitch = pitch;
+
+var _path = _interopRequireDefault(require("path"));
+
+var _SingleEntryPlugin = _interopRequireDefault(require("webpack/lib/SingleEntryPlugin"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+// import { getOptions } from 'loader-utils';
+// import validateOptions from 'schema-utils';
+const schema = {
+  'type': 'object',
+  'properties': {
+    'publicPath': {
+      'anyOf': [{
+        'type': 'string'
+      }, {
+        'instanceof': 'Function'
+      }]
+    },
+    'filename': {
+      'anyOf': [{
+        'type': 'string',
+        'minLength': 1
+      }, {
+        'instanceof': 'Function'
+      }]
+    },
+    'chunkFilename': {
+      'type': 'string',
+      'minLength': 1
+    },
+    'esModule': {
+      'type': 'boolean'
+    }
+  },
+  'additionalProperties': false
+}; // eslint-disable-next-line
+
+function loader() {}
+
+function getDefaultFilename(filename) {
+  if (typeof filename === 'function') {
+    return filename;
+  }
+
+  return filename.replace(/\.([a-z]+)(\?.+)?$/i, '.worker.$1$2');
+}
+
+function getDefaultChunkFilename(chunkFilename) {
+  return chunkFilename.replace(/\.([a-z]+)(\?.+)?$/i, '.worker.$1$2');
+}
+
+function pitch(request) {
+  this.cacheable(false);
+  const options = this.getOptions(); // console.log(this.getOptions());
+  // validateOptions(schema, options, {
+  //   name: 'Worker Loader',
+  //   baseDataPath: 'options'
+  // });
+
+  const workerContext = {};
+  const compilerOptions = this._compiler.options || {};
+  const filename = options.filename ? options.filename : getDefaultFilename(compilerOptions.output.filename);
+  const chunkFilename = options.chunkFilename ? options.chunkFilename : getDefaultChunkFilename(compilerOptions.output.chunkFilename);
+  const publicPath = options.publicPath ? options.publicPath : compilerOptions.output.publicPath;
+  workerContext.options = {
+    filename,
+    chunkFilename,
+    publicPath,
+    globalObject: 'self'
+  };
+  workerContext.compiler = this._compilation.createChildCompiler(`worker-loader ${request}`, workerContext.options);
+  /* 
+  new WebWorkerTemplatePlugin().apply(workerContext.compiler);
+  
+  if (compilerOptions.externals) {
+    new ExternalsPlugin(
+      getExternalsType(compilerOptions),
+      compilerOptions.externals
+    ).apply(workerContext.compiler);
+  } */
+
+  new _SingleEntryPlugin.default(this.context, `!!${request}`, _path.default.parse(this.resourcePath).name).apply(workerContext.compiler);
+  workerContext.request = request;
+  const cb = this.async();
+  workerContext.compiler.runAsChild((errorArg, entries, compilation) => {
+    let error = errorArg;
+
+    if (!error && compilation.errors && compilation.errors.length) {
+      // eslint-disable-next-line
+      error = compilation.errors[0];
+    }
+
+    const entry = entries && entries[0] && entries[0].files.values().next().value;
+
+    if (!error && !entry) {
+      error = Error(`WorkerPlugin: no entry for ${request}`);
+    }
+
+    if (error) {
+      return cb(error);
+    }
+
+    function workerCode() {
+      let blob;
+
+      try {
+        blob = new Blob([`importScripts('${this.workerUrl}');`], {
+          'type': 'application/javascript'
+        });
+      } catch (e1) {
+        throw new Error(e1);
+      }
+
+      let url = window.URL || window.webkitURL;
+      let blobUrl = url.createObjectURL(blob);
+      let worker = new Worker(blobUrl);
+      return worker;
+    }
+
+    return cb(null, `${options.esModule ? 'export default' : 'module.exports ='} {\n
+			workerUrl: __webpack_public_path__ + ${JSON.stringify(entry)}, \n
+			getInstance: ${workerCode} \n
+		}`);
+  });
+}

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

@@ -0,0 +1,39 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.optimizationConfig = optimizationConfig;
+
+var _nameTemplates = require("./common/nameTemplates");
+
+var _hashUtils = require("./custom_plugins/I18nSplitPlugin/utils/hashUtils");
+
+var _splitChunksConfig = require("./splitChunksConfig");
+
+function optimizationConfig(options) {
+  const {
+    changeRuntimeChunkChar
+  } = options;
+  const {
+    chunkSplitEnable
+  } = options.i18nChunkSplit;
+  const i18nChunkFilename = (0, _nameTemplates.nameTemplates)('i18nchunkjs', options);
+  const chunkFilenameHasContentHash = (0, _hashUtils.hasContentHash)(i18nChunkFilename);
+  /**
+   * NOTE: we only need multiple runtime files when we use contentHash 
+   * other wise we don't need multiple runtime files based locale
+   * that's why  we added chunkSplitEnable && chunkFilenameHasContentHash logic 
+   */
+
+  const suffix = // chunkSplitEnable ? '_[locale]' : '';
+  chunkSplitEnable && chunkFilenameHasContentHash ? '_[locale]' : '';
+  const char = changeRuntimeChunkChar ? '-' : '~';
+  return {
+    splitChunks: (0, _splitChunksConfig.splitChunksConfig)(options),
+    moduleIds: 'named',
+    runtimeChunk: {
+      name: entrypoint => `runtime${char}${entrypoint.name}${suffix}`
+    }
+  };
+}

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

@@ -0,0 +1,28 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.outputConfig = outputConfig;
+
+var _path = _interopRequireDefault(require("path"));
+
+var _constants = require("../../constants");
+
+var _nameTemplates = require("./common/nameTemplates");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function outputConfig(options) {
+  const {
+    output,
+    publicPath
+  } = options;
+  return {
+    filename: (0, _nameTemplates.nameTemplates)('js', options),
+    chunkFilename: (0, _nameTemplates.nameTemplates)('chunkjs', options),
+    publicPath,
+    // clean: true,
+    path: _path.default.resolve(_constants.appPath, output)
+  };
+}

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

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

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

@@ -0,0 +1,38 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.configCopyThirdpartyFile = configCopyThirdpartyFile;
+
+var _path = _interopRequireDefault(require("path"));
+
+var _copyWebpackPlugin = _interopRequireDefault(require("copy-webpack-plugin"));
+
+var _fs = require("fs");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function configCopyThirdpartyFile(options) {
+  const {
+    context
+  } = options;
+  const {
+    tpFolder
+  } = options.app;
+
+  const tpFolderActualPath = tpFolder && _path.default.join(process.cwd(), context, tpFolder);
+
+  if (!tpFolder || !(0, _fs.existsSync)(tpFolderActualPath)) {
+    // console.log(tpFolderActualPath, 'not exist', tpFolder);
+    return null;
+  }
+
+  return new _copyWebpackPlugin.default({
+    patterns: [{
+      from: `${tpFolderActualPath}/`,
+      to: `./${tpFolder}/`,
+      toType: 'dir'
+    }]
+  });
+}

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

@@ -0,0 +1,24 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.configEnvVariables = configEnvVariables;
+
+var _webpack = require("webpack");
+
+function configEnvVariables(options) {
+  return new _webpack.DefinePlugin({
+    __CLIENT__: true,
+    __TEST__: false,
+    __SERVER__: false,
+    __DEVELOPMENT__: true,
+    __LOCAL_PRODUCTION__: false,
+    __DEVTOOLS__: true,
+    __DOCS__: false,
+    NODE_ENV: JSON.stringify('development'),
+    'process.env': {
+      NODE_ENV: JSON.stringify('development')
+    }
+  });
+}

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

@@ -0,0 +1,28 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.configHtmlWebpackPlugin = configHtmlWebpackPlugin;
+
+var _htmlWebpackPlugin = _interopRequireDefault(require("html-webpack-plugin"));
+
+var _constants = require("../../../constants");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function configHtmlWebpackPlugin(options) {
+  const {
+    htmlTemplate
+  } = options.app;
+  const {
+    inject
+  } = htmlTemplate;
+  return new _htmlWebpackPlugin.default({
+    filename: 'index.html',
+    template: _constants.appInitialHTMLTemplatePath,
+    minify: false,
+    inject,
+    scriptLoading: 'defer'
+  });
+}

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

@@ -0,0 +1,35 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.configI18nSplitPlugin = configI18nSplitPlugin;
+
+var _nameTemplates = require("../common/nameTemplates");
+
+var _I18nSplitPlugin = _interopRequireDefault(require("../custom_plugins/I18nSplitPlugin"));
+
+var _resourceBasedPublicPath = require("../common/resourceBasedPublicPath");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function configI18nSplitPlugin(options) {
+  const {
+    i18nChunkSplit
+  } = options;
+  const i18nPublicPath = (0, _resourceBasedPublicPath.resourceBasedPublicPath)('i18n', options); // const i18nPublicPathAsExpression  = publicPathAsExpression('i18n', options);
+
+  return new _I18nSplitPlugin.default({
+    jsResource: i18nChunkSplit.jsResource,
+    localeVarName: i18nChunkSplit.localeVarName,
+    jsonpFunc: i18nChunkSplit.jsonpFunc,
+    templateLabel: i18nChunkSplit.templateLabel,
+    disableDefault: i18nChunkSplit.disableDefault,
+    filename: (0, _nameTemplates.nameTemplates)('i18njs', options),
+    chunkFilename: (0, _nameTemplates.nameTemplates)('i18nchunkjs', options),
+    publicPath: i18nPublicPath,
+    i18nManifestFileName: (0, _nameTemplates.nameTemplates)('i18nmanifest', options),
+    // template: (object, locale) => `window.loadI18n(${JSON.stringify(object)}, ${JSON.stringify(locale)})`,
+    propertiesFolder: i18nChunkSplit.propertiesFolder
+  });
+}

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

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.configIgnorePlugin = configIgnorePlugin;
+
+var _webpack = require("webpack");
+
+// eslint-disable-next-line no-unused-vars
+function configIgnorePlugin(options) {
+  return new _webpack.IgnorePlugin({
+    resourceRegExp: /^\.\/domain$/,
+    contextRegExp: /moment$/
+  });
+}

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

@@ -0,0 +1,23 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.configMiniCSSExtractPlugin = configMiniCSSExtractPlugin;
+
+var _miniCssExtractPlugin = _interopRequireDefault(require("mini-css-extract-plugin"));
+
+var _nameTemplates = require("../common/nameTemplates");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function configMiniCSSExtractPlugin(options) {
+  const {
+    enableRTLSplit
+  } = options.css.plugins.rtlSplit;
+  const cssLTRFileNameTempalte = enableRTLSplit ? (0, _nameTemplates.nameTemplates)('cssdir', options) : (0, _nameTemplates.nameTemplates)('css', options);
+  return new _miniCssExtractPlugin.default({
+    filename: cssLTRFileNameTempalte,
+    chunkFilename: cssLTRFileNameTempalte
+  });
+}

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

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.configProgressPlugin = configProgressPlugin;
+
+var _webpack = _interopRequireDefault(require("webpack"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+// eslint-disable-next-line no-unused-vars
+function configProgressPlugin(options) {
+  return new _webpack.default.ProgressPlugin({
+    handler: (percentage, message) => {
+      console.info(percentage, message);
+    }
+  });
+}

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

@@ -0,0 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.configRtlCssPlugin = configRtlCssPlugin;
+
+var _RtlCssPlugin = require("../custom_plugins/RtlSplitPlugin/RtlCssPlugin");
+
+function configRtlCssPlugin(options) {
+  const {
+    enableRTLSplit,
+    templateLabel,
+    disableMinifySelector,
+    dirVarName
+  } = options.css.plugins.rtlSplit;
+
+  if (!enableRTLSplit) {
+    return null;
+  }
+
+  return new _RtlCssPlugin.RtlCssPlugin({
+    templateLabel,
+    disableMinifySelector,
+    dirVarName
+  });
+}

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
+
+  });
+}