@zohodesk/react-cli 0.0.1-exp.175.1 → 0.0.1-exp.176.1

package/lib/plugins/I18nSplitPlugin/I18nDownlodLogic.js

@@ -4,49 +4,59 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+
 var _webpack = require("webpack");
+
 var _I18nKeysIdentifer = _interopRequireDefault(require("./I18nKeysIdentifer"));
+
 var _hashUtils = require("./utils/hashUtils");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-/**
- * this plugin for the download i18n files
- * So, if need to downoad i18n in browser this plugin handle that
- *
- *
- * this plugin works
- * how it works?
- *  this plugin hook the requireEnsure method and we write logic for current compiled file download logic
- *
- * hinds:-
- *  requireEnsure method was loader for all js chunk's ,
- *  which means if we use dynamic import then this function will create script tag for that dynamic resource
- *  so every dynamic js chunk will load by this function,
- *  So we update this function with when  dynamic jschunk call the nour code also execute
- *
- * some thing  missing  in this definetion
- *
- */
 
+/**
+ * this plugin for the download i18n files
+ * So, if need to downoad i18n in browser this plugin handle that
+ *
+ *
+ * this plugin works
+ * how it works?
+ *  this plugin hook the requireEnsure method and we write logic for current compiled file download logic
+ *
+ * hinds:-
+ *  requireEnsure method was loader for all js chunk's ,
+ *  which means if we use dynamic import then this function will create script tag for that dynamic resource
+ *  so every dynamic js chunk will load by this function,
+ *  So we update this function with when  dynamic jschunk call the nour code also execute
+ *
+ * some thing  missing  in this definetion
+ *
+ */
 // import { REGEXP_HASH, REGEXP_CHUNKHASH } from './utils/hashUtils';
+const pluginName = 'DownloadLogicOfI18n'; // const pluginName = 'i18n-plugin';
 
-const pluginName = 'DownloadLogicOfI18n';
-// const pluginName = 'i18n-plugin';
 const MODULE_TYPE = 'json/i18n';
+
 const ltype = locale => `${MODULE_TYPE}/${locale}`;
+
 function hashesWithLength(hashes, length) {
   const shortChunkHashMap = {};
+
   for (let key of Object.keys(hashes)) {
     if (typeof hashes[key] === 'string') {
       shortChunkHashMap[key] = hashes.slice(0, length);
     }
   }
+
   return shortChunkHashMap;
 }
+
 function getContentHashMaxLength(filenameTemplate) {
   let length = 0;
   let matches = filenameTemplate.match(_hashUtils.REGEXP_CONTENTHASH);
+
   for (let match of matches) {
     let tem = match.match(/\d+/);
+
     if (tem) {
       length = Math.max(parseInt(tem[0]), length);
     } else {
@@ -54,8 +64,10 @@ function getContentHashMaxLength(filenameTemplate) {
       break;
     }
   }
+
   return length;
 }
+
 class I18nDownlodLogic {
   constructor({
     filenameTemplate,
@@ -70,53 +82,67 @@ class I18nDownlodLogic {
       localeVarName
     };
   }
+
   getShortContentHashes(chunk, hashLength) {
     let allContenHashes = {};
     const chunkMaps = chunk.getChunkMaps();
     this.locales.forEach(locale => {
       allContenHashes[locale] = chunkMaps.contentHash[ltype(locale)];
     });
+
     if (!length) {
       return allContenHashes;
     }
+
     let shortContentHashMap = {};
+
     for (const locale of this.locales) {
       shortContentHashMap[locale] = hashesWithLength(allContenHashes[locale], hashLength);
     }
+
     return shortContentHashMap;
   }
+
   getI18nChunkObject(mainChunk) {
     const obj = {};
+
     for (const chunk of mainChunk.getAllAsyncChunks()) {
       if (_I18nKeysIdentifer.default.isChunkHasI18n(chunk)) {
         obj[chunk.id] = 1;
       }
     }
+
     return obj;
   }
+
   addDownloadLogicOfI18nInMainTemplate(mainTemplate) {
     mainTemplate.hooks.localVars.tap(pluginName, (source, mainChunk) => {
       const chunkMap = this.getI18nChunkObject(mainChunk);
+
       if (!Object.keys(chunkMap).length) {
         return source;
       }
+
       return _webpack.Template.asString([source, '', '// object to store loaded I18N chunks', 'var installedI18nChunks = {', _webpack.Template.indent(mainChunk.ids.map(id => `${JSON.stringify(id)}: 0`).join(',\n')), '};']);
     });
     mainTemplate.hooks.requireEnsure.tap(pluginName, (source, mainChunk, hash) => {
-      /**
-       * for Information this is tapped in mainTemplate ,
-       * So this hooks argument chunk is main chunk means entry chunk mostly.
-       * if any chunk has i18n then we must write our download  i18n logic,
+      /**
+       * for Information this is tapped in mainTemplate ,
+       * So this hooks argument chunk is main chunk means entry chunk mostly.
+       * if any chunk has i18n then we must write our download  i18n logic,
        */
       const chunkMap = this.getI18nChunkObject(mainChunk);
+
       if (!Object.keys(chunkMap).length) {
         return source;
       }
-      /**
-       *   chunkMaps has
-       *  @property  {Object} hash  [it has key  as chunk id and value as chunkHash ]
-       *  @property  {Object} name  [it has key  as chunk id and value as chunk name ]
+      /**
+       *   chunkMaps has
+       *  @property  {Object} hash  [it has key  as chunk id and value as chunkHash ]
+       *  @property  {Object} name  [it has key  as chunk id and value as chunk name ]
        */
+
+
       const chunkMaps = mainChunk.getChunkMaps();
       const {
         crossOriginLoading
@@ -125,18 +151,19 @@ class I18nDownlodLogic {
         filenameTemplate,
         localeVarName = 'document.documentElement.lang'
       } = this.options;
-      const i18nSrcPath = mainTemplate.getAssetPath(JSON.stringify(filenameTemplate).replace(/\[locale\]/gi, '"+ locale +"'),
-      // "i18n-chunk/[locale]/[name].[chunkhash].js"
+      const i18nSrcPath = mainTemplate.getAssetPath(JSON.stringify(filenameTemplate).replace(/\[locale\]/gi, '"+ locale +"'), // "i18n-chunk/[locale]/[name].[chunkhash].js"
       {
         hash: `" + ${mainTemplate.renderCurrentHashCode(hash)} + "`,
         hashWithLength: length => `" + ${mainTemplate.renderCurrentHashCode(hash, length)} + "`,
         chunk: {
           id: '" + chunkId + "',
           hash: `" + ${JSON.stringify(chunkMaps.hash)}[chunkId] + "`,
+
           hashWithLength(length) {
             const shortChunkHashMap = hashesWithLength(chunkMaps.hash, length);
             return `" + ${JSON.stringify(shortChunkHashMap)}[chunkId] + "`;
           },
+
           // contentHash: contentHashMap,
           // contentHashWithLength: contentHashLengthMap,
           contentHash: {
@@ -149,31 +176,33 @@ class I18nDownlodLogic {
         },
         contentHashType: MODULE_TYPE
       });
-
-      /** IDEA:
-       *      as my suggestion ignore this `jsop` approch,
-       *      Because json parse is faster then js parse.
-       *      my suggestion  is make ajax or fetch request
+      /** IDEA:
+       *      as my suggestion ignore this `jsop` approch,
+       *      Because json parse is faster then js parse.
+       *      my suggestion  is make ajax or fetch request
        */
 
       const buf = [];
-      /*
-        if (REGEXP_HASH.test(filenameTemplate)) {
-          buf.push(
-            `var hash = ${mainTemplate.renderCurrentHashCode(hash)};`
-          );
-        }
-        if (REGEXP_CHUNKHASH.test(filenameTemplate)) {
-          buf.push(`var chunkHashes = ${JSON.stringify(chunkMaps.hash)};`);
-        }
+      /*
+        if (REGEXP_HASH.test(filenameTemplate)) {
+          buf.push(
+            `var hash = ${mainTemplate.renderCurrentHashCode(hash)};`
+          );
+        }
+        if (REGEXP_CHUNKHASH.test(filenameTemplate)) {
+          buf.push(`var chunkHashes = ${JSON.stringify(chunkMaps.hash)};`);
+        }
         */
+
       if ((0, _hashUtils.hasContentHash)(filenameTemplate)) {
         const hashLength = getContentHashMaxLength(filenameTemplate);
         const contentHashes = this.getShortContentHashes(mainChunk, hashLength);
         buf.push(_webpack.Template.asString(['// all i18n files contentHash ', `var i18nContentHashes = ${JSON.stringify(contentHashes)};`, '', 'if (!i18nContentHashes[locale]) {', '  console.warn("this locale is "+locale + " not has support")', '  return;', '}', 'if (!i18nContentHashes[locale][chunkId]) {', '  console.warn("this chunkId is " + chunkId + " does not have \'"+locale+"\' locale chunk")', '  return;', '}']));
         buf.push('var contentHash = i18nContentHashes[locale][chunkId]');
       }
+
       const hashUtils = _webpack.Template.asString(buf);
+
       const publicPath = this.publicPath ? JSON.stringify(this.publicPath) : `${mainTemplate.requireFn}.p`;
       return _webpack.Template.asString([source, `
 (function() {
@@ -187,8 +216,7 @@ class I18nDownlodLogic {
   } else if(installedI18nChunks[chunkId] !== 0 && i18nChunks[chunkId]) {
     promises.push(installedI18nChunks[chunkId] = new Promise(function(resolve, reject) {
       var srcPath = (${i18nSrcPath});
-      ${''
-      // TODO: I think this is the area for download chunk of i18n we can
+      ${'' // TODO: I think this is the area for download chunk of i18n we can
       //  change mainTemplate.requireFn as our cdn server urls !!!
       //  and we can change the i18n download logic here
       }
@@ -223,6 +251,7 @@ class I18nDownlodLogic {
 })()`]);
     });
   }
+
   apply(compiler) {
     compiler.hooks.thisCompilation.tap(pluginName, compilation => {
       const {
@@ -231,5 +260,7 @@ class I18nDownlodLogic {
       this.addDownloadLogicOfI18nInMainTemplate(mainTemplate);
     });
   }
+
 }
+
 exports.default = I18nDownlodLogic;

package/lib/plugins/I18nSplitPlugin/I18nFilesEmitter.js

@@ -4,19 +4,24 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+
 var _webpackSources = require("webpack-sources");
+
 var _utils = require("./utils");
+
 var _getI18nKeysFormModules = _interopRequireDefault(require("./utils/getI18nKeysFormModules"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-/**
- * this plugin was creating the chunk specific i18n chunk's.
- */
 
+/**
+ * this plugin was creating the chunk specific i18n chunk's.
+ */
 // this plugin's kick  starter is apply method
-
 const pluginName = 'I18nFilesEmitter';
 const MODULE_TYPE = 'json/i18n';
+
 const i18ntype = locale => `${MODULE_TYPE}/${locale}`;
+
 class I18nFilesEmitter {
   constructor({
     allI18nObject,
@@ -27,12 +32,13 @@ class I18nFilesEmitter {
   }) {
     this.locales = locales;
     this.allI18nObject = allI18nObject;
-    this.filenameTemplate = filenameTemplate;
-    // this.filenameTemplate =  "i18n-chunk/[locale]/[name].js"
+    this.filenameTemplate = filenameTemplate; // this.filenameTemplate =  "i18n-chunk/[locale]/[name].js"
+
     this.jsonpFunc = jsonpFunc;
     this.prevHashes = {};
     this.i18nManifestFileName = i18nManifestFileName;
   }
+
   emitAsset(compilation, filename, source, info) {
     // NOTE: info support  available since webpack v4.40.0 https://webpack.js.org/api/stats/#asset-objects
     if (!compilation.emitAsset) {
@@ -40,9 +46,9 @@ class I18nFilesEmitter {
     } else {
       compilation.emitAsset(filename, source, info);
     }
-  }
+  } // this method for create object and assign value for i18nkeys
+
 
-  // this method for create object and assign value for i18nkeys
   getI18nObjectByLocale(i18nKeys, locale) {
     const data = {};
     i18nKeys.forEach(key => {
@@ -50,10 +56,10 @@ class I18nFilesEmitter {
     });
     return data;
   }
+
   getTemplateString(i18nKeys, locale) {
     let i18nObject = this.getI18nObjectByLocale(i18nKeys, locale);
-    return `${this.jsonpFunc}(${(0, _utils.jsonToString)(i18nObject)});`;
-    // return `${this.jsonpFunc}(JSON.parse(${JSON.stringify(jsonToString(i18nObject))}));`;
+    return `${this.jsonpFunc}(${(0, _utils.jsonToString)(i18nObject)});`; // return `${this.jsonpFunc}(JSON.parse(${JSON.stringify(jsonToString(i18nObject))}));`;
   }
 
   renderI18nLocaleChunk(chunk, locale, i18nKeys) {
@@ -71,6 +77,7 @@ class I18nFilesEmitter {
       hash: chunk.contentHash[i18ntype(locale)]
     };
   }
+
   emitI18nFilesForChunk(chunk, compilation) {
     const i18nKeys = (0, _getI18nKeysFormModules.default)(chunk.modulesIterable);
     const manifestForChunk = {
@@ -78,12 +85,14 @@ class I18nFilesEmitter {
       hasI18n: false,
       hasChanges: false
     };
+
     if (!i18nKeys.length) {
       // why  it is not checked as 0
       return manifestForChunk;
     }
-    manifestForChunk.hasI18n = true;
-    // const locales  = ['en_US'];
+
+    manifestForChunk.hasI18n = true; // const locales  = ['en_US'];
+
     this.locales.forEach(locale => {
       const result = this.renderI18nLocaleChunk(chunk, locale, i18nKeys, compilation);
       const {
@@ -95,31 +104,34 @@ class I18nFilesEmitter {
       } = result;
       const filePath = compilation.getPath(filenameTemplate, pathOptions);
       manifestForChunk.assets[locale] = filePath;
+
       if (this.prevHashes[identifier] === hash) {
         return;
       }
+
       manifestForChunk.hasChanges = true;
       this.prevHashes[identifier] = hash;
       this.emitAsset(compilation, filePath, render(), {
         locale,
         chunkId: chunk.id,
         chunkName: chunk.name
-      });
-      // compilation.assets[filePath] = render();
+      }); // compilation.assets[filePath] = render();
     });
-
     return manifestForChunk;
   }
+
   emitI18nAssert(compilation) {
     let manifest = {};
     let needEmitManifest = false;
     compilation.chunks.forEach(chunk => {
       const manifestForChunk = this.emitI18nFilesForChunk(chunk, compilation);
+
       if (manifestForChunk.hasI18n) {
         manifest[chunk.id] = manifestForChunk.assets;
         needEmitManifest = needEmitManifest || manifestForChunk.hasChanges;
       }
     });
+
     if (needEmitManifest) {
       const manifestSource = new _webpackSources.RawSource(JSON.stringify(manifest));
       this.emitAsset(compilation, this.i18nManifestFileName, manifestSource, {
@@ -127,42 +139,45 @@ class I18nFilesEmitter {
       });
     }
   }
+
   apply(compiler) {
-    /*
-      compiler.hooks.thisCompilation.tap(pluginName, compilation => {
-        compilation.mainTemplate.hooks.renderManifest.tap(
-          pluginName,
-          (result, { chunk }) => {
-            this.renderChunk(result, compilation, chunk);
-          }
-        );
-           compilation.chunkTemplate.hooks.renderManifest.tap(
-          pluginName,
-          (result, { chunk }) => {
-            this.renderChunk(result, compilation, chunk);
-          }
-        );
-      });
+    /*
+      compiler.hooks.thisCompilation.tap(pluginName, compilation => {
+        compilation.mainTemplate.hooks.renderManifest.tap(
+          pluginName,
+          (result, { chunk }) => {
+            this.renderChunk(result, compilation, chunk);
+          }
+        );
+            compilation.chunkTemplate.hooks.renderManifest.tap(
+          pluginName,
+          (result, { chunk }) => {
+            this.renderChunk(result, compilation, chunk);
+          }
+        );
+      });
       */
     // this below hook was tapped for create asssets(file) for chunk specific i18nChunk Files
     compiler.hooks.emit.tap(pluginName, compilation => {
       this.emitI18nAssert(compilation);
     });
   }
-
-  /*
-    renderChunk(result, compilation, chunk) {
-      const i18nKeys = getI18nKeysFormModules(chunk.modulesIterable);
-      // TODO: need to discuss with vimal ji can we chose this place for add i18n locale files ????
-      // IDEA:  we chose this place for add i18n locale files ????
-      if (i18nKeys.length > 0) {
-        Object.keys(this.allI18nObject).forEach(locale => {
-          result.push(
-            this.renderI18nLocaleChunk(chunk, locale, i18nKeys, compilation)
-          );
-        });
-      }
-    }
+  /*
+    renderChunk(result, compilation, chunk) {
+      const i18nKeys = getI18nKeysFormModules(chunk.modulesIterable);
+      // TODO: need to discuss with vimal ji can we chose this place for add i18n locale files ????
+      // IDEA:  we chose this place for add i18n locale files ????
+      if (i18nKeys.length > 0) {
+        Object.keys(this.allI18nObject).forEach(locale => {
+          result.push(
+            this.renderI18nLocaleChunk(chunk, locale, i18nKeys, compilation)
+          );
+        });
+      }
+    }
     */
+
+
 }
+
 exports.default = I18nFilesEmitter;

package/lib/plugins/I18nSplitPlugin/I18nKeysIdentifer.js

@@ -4,37 +4,43 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+
 var _utils = require("./utils");
+
 var _I18nDependency = require("./I18nDependency");
+
 var _NullFactory = _interopRequireDefault(require("webpack/lib/NullFactory"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-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.
+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) {
     this.jsResourceI18nKeys = jsResourceI18nKeys;
   }
+
   defineConfigarationForI18nDependency(compilation) {
     compilation.dependencyFactories.set(_I18nDependency.I18nDependency, new _NullFactory.default());
     compilation.dependencyTemplates.set(_I18nDependency.I18nDependency, new _I18nDependency.I18nDependencyTemplate());
   }
+
   addI18nDependency(module, i18nKeys) {
     const identifier = `i18n ${module.resource}`;
     const dep = new _I18nDependency.I18nDependency({
       identifier,
       i18nKeys
     }, module.context, 0);
-    module.addDependency(dep);
-    // console.log('module', i18nKeys, identifier);
+    module.addDependency(dep); // console.log('module', i18nKeys, identifier);
   }
 
   apply(compiler) {
@@ -42,23 +48,23 @@ class I18nKeysIdentifer {
       // 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);
+      this.defineConfigarationForI18nDependency(compilation); // handler for parser
 
-      // handler for parser
       let handler = parser => {
         parser.hooks.program.tap(pluginName, (ast, commmets) => {
           const {
             module
-          } = parser.state;
-          //
+          } = parser.state; //
+
           if (!(module && /\.jsx?$/.test(module.resource))) {
             return;
-          }
-          // i18n grep proper contract regex
+          } // i18n grep proper contract regex
+
+
           let i18nKeys = (0, _utils.collectI18nKeysfromAST)(ast, this.jsResourceI18nKeys);
-          i18nKeys = i18nKeys.concat(
-          // i18n grep proper contract regex
+          i18nKeys = i18nKeys.concat( // i18n grep proper contract regex
           (0, _utils.collectI18nKeysfromComments)(commmets, this.jsResourceI18nKeys));
+
           if (i18nKeys.length) {
             // console.log(
             //   'i18nKeys.length',
@@ -68,17 +74,19 @@ class I18nKeysIdentifer {
             this.addI18nDependency(module, i18nKeys);
           }
         });
-      };
+      }; // this below  hook was tapped for collect I18n Key from files and add as Deppenensy
 
-      // 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);
     });
   }
+
 }
+
 exports.default = I18nKeysIdentifer;
+
 I18nKeysIdentifer.isChunkHasI18n = function (chunk) {
   for (const module of chunk.modulesIterable) {
     for (const dep of module.dependencies) {
@@ -87,5 +95,6 @@ I18nKeysIdentifer.isChunkHasI18n = function (chunk) {
       }
     }
   }
+
   return false;
 };