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

package/packages/client_build_tool/lib/commands/start/commandExecutor.js

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.commandExecutor = commandExecutor;
+
+var _serverBywebpackDevMiddleware = require("../../shared/server/serverBywebpackDevMiddleware");
+
+function commandExecutor(options) {
+  // require("../../shared/server/devServer").run(options);
+  (0, _serverBywebpackDevMiddleware.run)(options);
+}

package/packages/client_build_tool/lib/commands/start/config.js

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _default = {
+  name: "start",
+  alias: ["dstart", "devSeverStart"],
+  dirname: __dirname
+};
+exports.default = _default;

package/packages/client_build_tool/lib/commands/start/deprecationHandler.js

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.deprecationHandler = deprecationHandler;
+
+function deprecationHandler(options) {// options.app.deprecated &&
+  // console.log('options.app.deprecated this option  was deprecated since V1.3.1' );
+}

package/packages/client_build_tool/lib/commands/start/errorHander.js

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.errorHander = errorHander;
+
+function errorHander(e) {
+  console.error(e);
+}

package/packages/client_build_tool/lib/commands/start/optionsProcesser.js

@@ -0,0 +1,36 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.optionsProcesser = optionsProcesser;
+
+var _path = require("path");
+
+var _decidePublicPath = require("../../shared/bundler/webpack/common/decidePublicPath");
+
+var _urlConcat = require("../../shared/server/urlConcat");
+
+function optionsProcesser(options) {
+  const {
+    server,
+    context
+  } = options;
+  const {
+    disableContextURL
+  } = server;
+  const serverExtras = (0, _decidePublicPath.modifiedServerOptions)(options);
+  const publicPath = (0, _decidePublicPath.decidePublicPath)(serverExtras);
+  const contextURL = disableContextURL ? '' : `/${context}`;
+  const serverURL = (0, _urlConcat.urlConcat)(publicPath, contextURL);
+  const contextFolderPath = (0, _path.join)(process.cwd(), context);
+  const defaultApplyedOptions = { ...options,
+    serverExtras,
+    publicPath,
+    contextURL,
+    serverURL,
+    contextFolderPath,
+    httpsOptions: serverExtras.httpsOptions
+  };
+  return defaultApplyedOptions;
+}

package/packages/client_build_tool/lib/commands/start/postProcesser.js

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.postProcesser = postProcesser;
+
+function postProcesser(options) {
+  console.log('postProcesser');
+}

package/packages/client_build_tool/lib/commands/start/preProcesser.js

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.preProcesser = preProcesser;
+
+function preProcesser(options) {
+  console.log('preProcesser');
+}

package/packages/client_build_tool/lib/commandsRouter.js

@@ -0,0 +1,71 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.route = route;
+
+var _fs = require("fs");
+
+var _path = require("path");
+
+var _allCommandsConfigs = _interopRequireDefault(require("./allCommandsConfigs"));
+
+var _buildToolLoggers = require("./buildToolLoggers");
+
+var _readOptions = require("./shared/schemas/readOptions");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function runCommand(commandConfig) {
+  const options = (0, _readOptions.getOptions)();
+  const {
+    dirname
+  } = commandConfig;
+
+  function runRespectiveFile(name, data) {
+    const commandExecutorPath = (0, _path.join)(dirname, name + ".js");
+
+    if ((0, _fs.existsSync)(commandExecutorPath)) {
+      const commandExecutor = require(commandExecutorPath);
+
+      return (commandExecutor[name] || commandExecutor.default)(data);
+    } else {
+      (0, _buildToolLoggers.debugLogger)("file not found", commandExecutorPath);
+    }
+  }
+
+  const processedOption = runRespectiveFile("optionsProcesser", options) || options;
+  runRespectiveFile("deprecationHandler", processedOption); // runRespectiveFile("errorHandler", () => {
+
+  runRespectiveFile("preProcesser", processedOption);
+  runRespectiveFile("commandExecutor", processedOption);
+  runRespectiveFile("postProcesser", processedOption); // });
+}
+
+function route(option, args) {
+  // TODO:  need to modify this log
+  (0, _buildToolLoggers.debugLogger)("the command was " + option, args);
+  const commandConfig = findCommandConfig(option);
+
+  if (commandConfig) {
+    try {
+      runCommand(commandConfig);
+    } catch (error) {
+      console.error(error);
+    }
+  } else {
+    // TODO: need to  write proper error message
+    (0, _buildToolLoggers.warnLogger)("Un known command", option, "please check the document");
+  }
+}
+
+function findCommandConfig(option) {
+  for (const commandConfig of _allCommandsConfigs.default) {
+    if (commandConfig.name === option || commandConfig.alias.includes(option)) {
+      return commandConfig;
+    }
+  }
+
+  return null;
+}

package/packages/client_build_tool/lib/shared/bundler/webpack/common/decidePublicPath.js

@@ -0,0 +1,44 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.decidePublicPath = decidePublicPath;
+exports.modifiedServerOptions = modifiedServerOptions;
+
+var _getServerURL = require("../../../server/getServerURL");
+
+var _httpsOptions = require("../../../server/httpsOptions");
+
+function decidePublicPath(serverExtras) {
+  return serverExtras.isHttps ? serverExtras.httpsUrl : serverExtras.httpUrl;
+}
+
+function modifiedServerOptions(options) {
+  const {
+    server
+  } = options;
+  const {
+    port
+  } = server;
+  const httpsOptions = (0, _httpsOptions.httpsOptionsWithUserFriendlyError)(options);
+  const machineDomain = (0, _getServerURL.getServerDomain)(server);
+  const httpPort = port + 1;
+  return {
+    httpsOptions,
+    machineDomain,
+    httpsPort: port,
+    httpPort,
+    httpsUrl: (0, _getServerURL.getServerUrl)({
+      domain: machineDomain,
+      port,
+      protocol: 'https'
+    }),
+    httpUrl: (0, _getServerURL.getServerUrl)({
+      domain: machineDomain,
+      port: httpPort,
+      protocol: 'http'
+    }),
+    isHttps: !!httpsOptions
+  };
+}

package/packages/client_build_tool/lib/shared/bundler/webpack/common/libAlias.js

@@ -0,0 +1,31 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.libAlias = void 0;
+// the reason for alias at the time was code tree shaking
+// tree shaking was most compactable with ES module system
+// FIXME: But there is a posiblity when these  package  does not have lib,
+//  app will work because of alias, But may be jest won't work because of not alais
+//  So need to think about use alais in jest 
+const libAlias = {
+  '@zohodesk/components/lib': '@zohodesk/components/es',
+  // '@zohodesk/zc-custom/lib': '@zohodesk/zc-custom/es',
+  '@zohodesk/dot/lib': '@zohodesk/dot/es',
+  '@zohodesk/i18n/lib': '@zohodesk/i18n/es',
+  '@zohodesk/icons/lib': '@zohodesk/icons/es',
+  '@zohodesk/normalizer/lib': '@zohodesk/normalizer/es',
+  '@zohodesk/perf-components/lib': '@zohodesk/perf-components/es',
+  '@zohodesk/perf-middleware/lib': '@zohodesk/perf-middleware/es',
+  '@zohodesk/permissions/lib': '@zohodesk/permissions/es',
+  '@zohodesk/platform-middleware/lib': '@zohodesk/platform-middleware/es',
+  '@zohodesk/react-dnd/lib': '@zohodesk/react-dnd/es',
+  '@zohodesk/router-middleware/lib': '@zohodesk/router-middleware/es',
+  '@zohodesk/storage/lib': '@zohodesk/storage/es',
+  '@zohodesk/svg/lib': '@zohodesk/svg/es',
+  '@zohodesk/timetracker/lib': '@zohodesk/timetracker/es',
+  '@zohodesk/variables/lib': '@zohodesk/variables/es',
+  '@zohodesk/virtualizer/lib': '@zohodesk/virtualizer/es'
+};
+exports.libAlias = libAlias;

package/packages/client_build_tool/lib/shared/bundler/webpack/common/nameTemplates.js

@@ -0,0 +1,51 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.nameTemplates = nameTemplates;
+// NOTE: these below code can be done in js,
+//   we did copy paste in order to aviod unnecessary confussion
+const templates = {
+  js: ['js/[name].js', 'js/[name].[contenthash].js'],
+  chunkjs: ['js-chunks/[name].js', 'js-chunks/[name].[contenthash].js'],
+  i18njs: ['i18n-chunks/[locale]/[name].i18n.js', 'i18n-chunks/[locale]/[name].[chunkhash].i18n.js'],
+  i18nchunkjs: ['i18n-chunks/[locale]/[name].i18n.js', // 'i18n-chunks/[locale]/[name].[chunkhash].i18n.js'
+  'i18n-chunks/[locale]/[name].[contenthash].i18n.js'],
+  i18nmanifest: ['i18n-manifest.json', 'i18n-manifest.json'],
+  workerjs: ['js/[name].js', 'js/[name].[contenthash].js'],
+  css: ['css/[name].css', 'css/[name].[contenthash].css'],
+
+  /**
+   * NOTE: when you change (cssdir) this line it  will have affect on Below files will be affected
+   *   custom_plugins/RtlSplitPlugin/*
+   *   pluginConfigs/configMiniCSSExtractPlugin.js
+   *   pluginConfigs/configRtlCssPlugin.js
+   *  */
+  cssdir: ['css/[name].[dir].css', 'css/[name].[contenthash].[dir].css'],
+  image: ['images/[name][ext]', 'images/[name].[contenthash][ext]'],
+  font: ['fonts/[name][ext]', 'fonts/[name].[contenthash][ext]'],
+  svg: ['fonts/[name][ext]', 'fonts/[name].[contenthash][ext]'],
+  audio: ['fonts/[name][ext]', 'fonts/[name].[contenthash][ext]'],
+  video: ['videos/[name][ext]', 'videos/[name].[contenthash][ext]']
+};
+
+function createNameTemplate(name, enableChunkHash) {
+  // const ext = `${enableChunkHash ? '.[hash:20]' : ''}[ext]`;
+  return enableChunkHash ? name[1] : name[0];
+}
+
+function nameTemplates(type, options) {
+  const {
+    enableChunkHash
+  } = options;
+  const tname = templates[type];
+
+  if (!tname) {
+    throw Error(`specifiyed type not valid Type: ${type}`);
+  }
+
+  return createNameTemplate(tname, enableChunkHash);
+} // export function cssDirNameTemplate(dir, options) {
+//   return nameTemplates('cssdir', options).replace(/\[dir\]/g, dir);
+// }

package/packages/client_build_tool/lib/shared/bundler/webpack/common/resourceBasedPublicPath.js

@@ -0,0 +1,21 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.publicPathAsExpression = publicPathAsExpression;
+exports.resourceBasedPublicPath = resourceBasedPublicPath;
+
+// const  publicPaths = {
+// };
+function resourceBasedPublicPath(resoruceType, options) {
+  return options.publicPath;
+}
+
+function publicPathAsExpression(resoruceType, options) {
+  if (resoruceType === 'i18n') {
+    return options.i18nChunkSplit.localeVarName;
+  }
+
+  return JSON.stringify(options.publicPath);
+}

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

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.cssLoaders = cssLoaders;
+
+var _getCSSLoaders = require("./getCSSLoaders");
+
+function cssLoaders(options) {
+  return [{
+    test: /\.css$/,
+    // exclude: /\.module\.css$/,
+    use: (0, _getCSSLoaders.getCSSLoaders)(options)
+  }];
+}

package/packages/client_build_tool/lib/shared/bundler/webpack/custom_plugins/CdnChangePlugin.js

@@ -0,0 +1,111 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _htmlWebpackPlugin = _interopRequireDefault(require("html-webpack-plugin"));
+
+var _webpack = require("webpack");
+
+var _readOptions = require("../../../schemas/readOptions");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const pluginName = 'CdnChangePlugin';
+const MODULE_TYPE = 'css/mini-extract';
+
+const isI18nFile = url => url.endsWith('.i18n.js');
+
+const {
+  app: {
+    enableSMap
+  }
+} = (0, _readOptions.getOptions)();
+
+class CdnChangeRuntimePlugin extends _webpack.RuntimeModule {
+  constructor(compiler, {
+    variableName
+  }) {
+    super('cdn loading', 10);
+    console.log('cdn loading', variableName);
+    this.variableName = variableName;
+  }
+
+  generate() {
+    console.log('changeing public pah');
+    return `${_webpack.RuntimeGlobals.getChunkCssFilename} = function(chunkId) {
+      const cssCdnUrl = window[${this.variableName}]/chunkId;
+      console.log(chunkId);
+      return cssCdnUrl;
+    }`;
+  }
+
+}
+
+class CdnChangePlugin {
+  constructor(options) {
+    console.log("Insdie", options);
+    this.i18nTemplate = options.i18nTemplate || '{{__I18N_CDN__}}';
+    this.variableName = options.variableName || '__CSS_CDN__';
+    this.cssTemplate = options.cssTemplate || '{{__CSS_CDN__}}';
+    this.jsTemplate = options.jsTemplate || '{{__JS_CDN__}}';
+  }
+
+  apply(compiler) {
+    compiler.hooks.thisCompilation.tap(pluginName, compilation => {
+      const enabledChunks = new WeakSet();
+
+      const handler = (entryRuntimeChunk, set) => {
+        if (enabledChunks.has(entryRuntimeChunk)) {
+          return;
+        }
+
+        enabledChunks.add(entryRuntimeChunk);
+
+        if (typeof chunkFilename === 'string' && /\[(full)?hash(:\d+)?\]/.test(chunkFilename)) {
+          set.add(_webpack.RuntimeGlobals.getFullHash);
+        }
+
+        set.add(_webpack.RuntimeGlobals.getChunkCssFilename);
+        compilation.addRuntimeModule(entryRuntimeChunk, new CdnChangeRuntimePlugin(set, {
+          compiler,
+          variableName: this.variableName
+        }));
+      };
+
+      compilation.hooks.runtimeRequirementInTree.for(_webpack.RuntimeGlobals.ensureChunkHandlers).tap(pluginName, handler);
+    });
+    compiler.hooks.compilation.tap(pluginName, compilation => {
+      _htmlWebpackPlugin.default.getHooks(compilation).beforeAssetTagGeneration.tap(pluginName, (data, cb) => {
+        data.assets = Object.assign({}, data.assets, {
+          css: data.assets.css.map(css => `${this.cssTemplate}${css}`),
+          js: data.assets.js.map(js => {
+            if (enableSMap && !isI18nFile(js)) {
+              console.log("js file ==>", js);
+              js = js.replace('js/', `{{--js-smap}}js/`); //eslint-disable-line
+            }
+
+            return `${isI18nFile(js) ? this.i18nTemplate : this.jsTemplate}${js}`;
+          })
+        });
+        cb && cb(null, data);
+      });
+    });
+  }
+
+}
+
+var _default = CdnChangePlugin; // Cdn Change Plugin for runtime chunks???
+
+/**
+ * the filename of the script part of the chunk
+ */
+// exports.getChunkScriptFilename = "__webpack_require__.u";
+// /**
+//  * the filename of the css part of the chunk
+//  */
+// exports.getChunkCssFilename = "__webpack_require__.k";
+
+exports.default = _default;

package/packages/client_build_tool/lib/shared/bundler/webpack/custom_plugins/EFCPlugin.js

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

package/packages/client_build_tool/lib/shared/bundler/webpack/custom_plugins/I18nSplitPlugin/ContributionGuide.md

@@ -0,0 +1,11 @@
+# I18n Split Plugin ContributionGuide
+we have modifyed mini-css-extract-plugin to sute our needs of i18n related extraction and downloading.
+So In future may be when we need to update mini-css-extract-plugin Kindly cross check with this I18n Plugin as well.
+
+Even not breaking change, may be just performacne update or feature update. addeding that to this plugin will be use full. Kindly consider it.
+
+## Thing we Ignored 
+ * we use webpack ast hook for adding I18nDependency. So we did not need `loader.js`
+ * we ignore order of import in single chunk since I18n going to be download as object.  
+      we did not need it.
+ * 

package/packages/client_build_tool/lib/shared/bundler/webpack/custom_plugins/I18nSplitPlugin/I18nKeysIdentifer.js

@@ -0,0 +1,136 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _utils = require("./utils");
+
+/* eslint-disable max-classes-per-file */
+// import { I18nDependency } from './1I18nDependency';
+const pluginName = 'I18nKeysIdentifer';
+/**
+ * this plugin search the i18 keys and make it as I18nDependency.
+ * how it works?
+ *  this plugin get jsResourceI18nKeys in constructor.
+ *  we walk throught the js files AST
+ *      if any string literal in that AST is in jsResourceI18nKeys then  we consider that string as I18n key
+ *  after the walk of AST we get some I18n keys
+ *  then we make it as I18nDependency.
+ */
+
+class I18nKeysIdentifer {
+  constructor({
+    jsResourceI18nKeys
+  }, {
+    I18nDependency,
+    I18nModule
+  }) {
+    this.jsResourceI18nKeys = jsResourceI18nKeys;
+    this.I18nDependency = I18nDependency;
+    this.I18nModule = I18nModule;
+    this.modulesI18nKeysMap = {};
+  }
+
+  defineConfigarationForI18nDependency(compilation) {
+    const {
+      I18nModule,
+      I18nDependency
+    } = this;
+
+    class I18nModuleFactory {
+      // eslint-disable-next-line class-methods-use-this
+      create({
+        dependencies: [dependency]
+      }, callback) {
+        callback(undefined, new I18nModule(dependency));
+      }
+
+    }
+
+    compilation.dependencyFactories.set(I18nDependency, new I18nModuleFactory());
+
+    class I18nDependencyTemplate {
+      // eslint-disable-next-line class-methods-use-this
+      apply() {}
+
+    }
+
+    compilation.dependencyTemplates.set(I18nDependency, new I18nDependencyTemplate());
+  }
+
+  addI18nDependency(module, i18nKeys) {
+    const identifier = `i18n ${module.resource}`;
+    const dep = new this.I18nDependency({
+      identifier,
+      content: JSON.stringify(i18nKeys),
+      i18nKeys
+    }, module.context, 0);
+    module.addDependency(dep);
+  }
+
+  apply(compiler) {
+    // const { splitChunks } = compiler.options.optimization;
+    // if (splitChunks) {
+    //   if (splitChunks.defaultSizeTypes.includes('...')) {
+    //     splitChunks.defaultSizeTypes.push(MODULE_TYPE);
+    //   }
+    // }
+    compiler.hooks.thisCompilation.tap(pluginName, compilation => {
+      // this below  hook was tapped for  we use I18nDependency
+      // so we must define module factory for I18nDependency
+      // and we must define how it import statement look like I18nDependencyTemplate
+      this.defineConfigarationForI18nDependency(compilation);
+    });
+    compiler.hooks.normalModuleFactory.tap(pluginName, factory => {
+      // handler for parser
+      const handler = parser => {
+        parser.hooks.program.tap(pluginName, (ast, commmets) => {
+          const {
+            module
+          } = parser.state; //
+
+          if (!(module && /\.jsx?$/.test(module.resource))) {
+            return;
+          } // i18n grep proper contract regex
+
+
+          let i18nKeys = (0, _utils.collectI18nKeysfromAST)(ast, this.jsResourceI18nKeys);
+          i18nKeys = i18nKeys.concat( // i18n grep proper contract regex
+          (0, _utils.collectI18nKeysfromComments)(commmets, this.jsResourceI18nKeys));
+
+          if (i18nKeys.length) {
+            // console.log(
+            //   'i18nKeys.length',
+            //   module.resource,
+            //   i18nKeys.length < 5 ? i18nKeys : i18nKeys.length
+            // );
+            this.modulesI18nKeysMap[module.resource] = i18nKeys;
+            this.addI18nDependency(module, i18nKeys);
+          }
+        });
+      }; // this below  hook was tapped for collect I18n Key from files and add as Deppenensy
+      // const factory = params.normalModuleFactory;
+
+
+      factory.hooks.parser.for('javascript/auto').tap(pluginName, handler);
+      factory.hooks.parser.for('javascript/dynamic').tap(pluginName, handler);
+    });
+  }
+
+} // I18nKeysIdentifer.isChunkHasI18n = function (chunk) {
+//   // eslint-disable-next-line no-restricted-syntax
+//   for (const module of chunk.modulesIterable) {
+//     // eslint-disable-next-line no-restricted-syntax
+//     for (const dep of module.dependencies) {
+//       if (dep instanceof I18nDependency) {
+//         return true;
+//       }
+//     }
+//   }
+//   return false;
+// };
+
+
+exports.default = I18nKeysIdentifer;