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

package/lib/plugins/I18nSplitPlugin/utils/propertiesUtils.js

@@ -6,11 +6,15 @@ Object.defineProperty(exports, "__esModule", {
 exports.getAllI18n = getAllI18n;
 exports.getPropertiesAsJSON = getPropertiesAsJSON;
 exports.jsonToString = jsonToString;
+
 var _fs = require("fs");
+
 var _path = require("path");
+
 function isComment(line) {
   return line[0] === '#';
 }
+
 function getPropertiesAsJSON(filePath) {
   try {
     const data = (0, _fs.readFileSync)(filePath);
@@ -18,12 +22,15 @@ function getPropertiesAsJSON(filePath) {
     const i18nObj = {};
     source.split(/\r?\n\r?/).forEach(fline => {
       const line = fline.trim();
+
       if (!line || isComment(line)) {
         return;
       }
+
       const ind = line.indexOf('=');
       const key = line.slice(0, ind).replace(/\\ /g, ' ');
       const value = line.slice(ind + 1);
+
       if (key && value) {
         i18nObj[key] = value;
       }
@@ -33,15 +40,19 @@ function getPropertiesAsJSON(filePath) {
     return {};
   }
 }
+
 function getLang(file) {
   let underScoreIndex = file.indexOf('_');
   let language = 'en_US';
+
   if (underScoreIndex !== -1) {
     language = file.substring(underScoreIndex + 1);
     language = language.slice(0, language.indexOf('.'));
   }
+
   return language;
 }
+
 function getAllI18n({
   folderPath,
   disableDefault,
@@ -55,11 +66,13 @@ function getAllI18n({
     const context = (0, _path.join)(process.cwd(), folderPath);
     files.forEach(file => {
       const filePath = (0, _path.join)(context, file);
+
       if (exclude.test(filePath) || !include.test(filePath)) {
         // console.log('exclude', filePath);
         return;
-      }
-      // console.log('include', filePath);
+      } // console.log('include', filePath);
+
+
       const i18n = getPropertiesAsJSON(filePath);
       allLangI18n[getLang(file)] = disableDefault ? i18n : Object.assign({}, jsResourceI18nKeys, i18n);
     });
@@ -69,22 +82,27 @@ function getAllI18n({
     return {};
   }
 }
+
 function jsonToString(json, keySeperator) {
   let str = '{';
   let keys = Object.keys(json);
   keys.forEach((key, i) => {
     let value = json[key];
+
     if (!value) {
       return;
     }
+
     str += `"${keySeperator ? key.replace(/(\.|\\(\s+))/g, keySeperator) : key}":"${value.replace(/.?"/g, match => {
       if (match[0] === '\\') {
         return match;
       } else if (match.length === 2) {
         return `${match[0]}\\${match[1]}`;
       }
+
       return `\\${match}`;
     }).replace(/(\r\n|\n|\r)/g, '')}"`;
+
     if (i !== keys.length - 1) {
       str += ',';
     }

package/lib/plugins/ManifestPlugin.js

@@ -4,32 +4,42 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+
 var _path = _interopRequireDefault(require("path"));
+
 var _webpackSources = require("webpack-sources");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 let filenameParser = filename => {
   let filepaths = filename.split('/');
   let hashedName = filepaths[filepaths.length - 1];
+
   let {
     name,
     ext
   } = _path.default.parse(hashedName);
+
   let nameparts = name.split('.');
+
   if (ext === '.css' && /^(rtl|ltr)$/.test(nameparts[nameparts.length - 1])) {
     return {
       name: nameparts.slice(0, nameparts.length - 2).join('.') + ext,
       hashedName
     };
   }
+
   return {
     name: nameparts.slice(0, nameparts.length - 1).join('.') + ext,
     hashedName
   };
 };
+
 class ManifestPlugin {
   constructor(options) {
     this.options = options;
   }
+
   apply(compiler) {
     compiler.hooks.emit.tap('PublicPathChangePlugin', compilation => {
       let stats = compilation.getStats().toJson();
@@ -38,20 +48,25 @@ class ManifestPlugin {
           name: filename,
           hashedName
         } = filenameParser(name);
+
         if (chunk.canBeInitial()) {
           if (!files.entryFiles) {
             files.entryFiles = {};
           }
+
           files.entryFiles[filename] = hashedName;
         }
+
         files[filename] = hashedName;
         return files;
       }, files), {});
       manifest = stats.assets.reduce((files, asset) => {
         let isEntryAsset = asset.chunks.length > 0;
+
         if (isEntryAsset) {
           return files;
         }
+
         let {
           name: filename
         } = asset;
@@ -65,5 +80,7 @@ class ManifestPlugin {
       compilation.assets[this.options.fileName] = new _webpackSources.RawSource(JSON.stringify(manifest));
     });
   }
+
 }
+
 exports.default = ManifestPlugin;

package/lib/plugins/ModuleStatsPlugin.js

@@ -4,29 +4,39 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+
 var _path = _interopRequireDefault(require("path"));
+
 var _webpackSources = require("webpack-sources");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 let isValidModule = name => {
   if (name.includes('node_modules') && (name.includes(`@zohodesk${_path.default.sep}components`) || name.includes(`@zohodesk${_path.default.sep}dot`) || name.includes(`@zohodesk${_path.default.sep}icons`) || name.includes(`@zohodesk${_path.default.sep}svg`)) && !name.endsWith('docs.js')) {
     return true;
   }
+
   return !name.includes('index.js') && !name.endsWith('.css') && !name.endsWith('.png') && !name.includes('node_modules') && name.includes('src');
 };
+
 let getModuleName = modulePath => {
   let [name] = _path.default.parse(modulePath).name.split('.');
+
   if (modulePath.includes(`@zohodesk${_path.default.sep}components`)) {
     name = `@zohodesk/components/${name}`;
   } else if (modulePath.includes(`@zohodesk${_path.default.sep}dot`)) {
     name = `@zohodesk/dot/${name}`;
   }
+
   return name;
 };
+
 class ModuleStatsPlugin {
   constructor(options = {}) {
     this.options = options;
     this.options.filename = options.filename || 'js/moduleStats.js';
   }
+
   apply(compiler) {
     compiler.hooks.emit.tap('ModuleStatsPlugin', compilation => {
       let stats = compilation.getStats().toJson();
@@ -34,11 +44,13 @@ class ModuleStatsPlugin {
       let {
         modules
       } = stats;
+
       for (let module of modules) {
         let {
           name,
           reasons
         } = module;
+
         if (isValidModule(name)) {
           let references = new Set();
           let referencedby = new Set();
@@ -47,6 +59,7 @@ class ModuleStatsPlugin {
           compilation.modules.forEach(module => {
             module.reasons.forEach(reason => {
               let exportedValue = reason.dependency;
+
               if (exportedValue.type === 'harmony export imported specifier') {
                 if (exportedValue.module.userRequest.includes(name.replace('.', ''))) {
                   docsName = exportedValue.name;
@@ -55,29 +68,35 @@ class ModuleStatsPlugin {
             });
           });
           let currentModuleName = name;
+
           if (Array.isArray(reasons)) {
             for (let reason of reasons) {
               let {
                 moduleName
               } = reason;
+
               if (isValidModule(moduleName)) {
                 let reasonedModuleName = moduleName;
                 referencedby.add(reasonedModuleName);
               }
             }
           }
+
           for (let subModule of modules) {
             let {
               name: subModuleName,
               reasons
             } = subModule;
+
             if (isValidModule(subModuleName)) {
               let currentModuleName = subModuleName;
+
               if (Array.isArray(reasons)) {
                 for (let reason of reasons) {
                   let {
                     moduleName: reasonedModuleName
                   } = reason;
+
                   if (name === reasonedModuleName) {
                     references.add(currentModuleName);
                   }
@@ -85,6 +104,7 @@ class ModuleStatsPlugin {
               }
             }
           }
+
           results[currentModuleName] = {
             name: currentModuleName,
             references: Array.from(references),
@@ -94,8 +114,11 @@ class ModuleStatsPlugin {
           };
         }
       }
+
       compilation.assets[this.options.filename] = new _webpackSources.RawSource(JSON.stringify(results));
     });
   }
+
 }
+
 exports.default = ModuleStatsPlugin;

package/lib/plugins/OptimizeJSPlugin.js

@@ -4,13 +4,18 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+
 var _optimizeJs = _interopRequireDefault(require("optimize-js"));
+
 var _webpackSources = require("webpack-sources");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 class OptimizeJSPlugin {
   constructor(options = {}) {
     this.optimize = options.optimize;
   }
+
   apply(compiler) {
     compiler.hooks.compilation.tap('OptimizeJSPlugin', compilation => {
       compilation.hooks.afterOptimizeChunks.tap('OptimizeJSPlugin', chunks => {
@@ -29,6 +34,8 @@ class OptimizeJSPlugin {
       });
     });
   }
+
 }
+
 var _default = OptimizeJSPlugin;
 exports.default = _default;

package/lib/plugins/PublicPathCallbackPlugin.js

@@ -5,14 +5,17 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 const MODULE_TYPE = 'css/mini-extract';
+
 class PublicPathCallbackPlugin {
   constructor({
     callback
   }) {
     this.publicPathCallback = callback;
   }
+
   getCssChunkObject(mainChunk) {
     const obj = {};
+
     for (const chunk of mainChunk.getAllAsyncChunks()) {
       for (const module of chunk.modulesIterable) {
         if (module.type === MODULE_TYPE) {
@@ -21,20 +24,25 @@ class PublicPathCallbackPlugin {
         }
       }
     }
+
     return obj;
   }
+
   needChunkOnDemandLoadingCode(chunk) {
     for (const chunkGroup of chunk.groupsIterable) {
       if (chunkGroup.getNumberOfChildren() > 0) {
         return true;
       }
     }
+
     return false;
   }
+
   apply(compiler) {
     compiler.hooks.thisCompilation.tap('PublicPathCallbackPlugin', compilation => {
       compilation.mainTemplate.hooks.requireEnsure.tap('PublicPathCallbackPlugin', (source, chunk) => {
         const chunkMap = this.getCssChunkObject(chunk);
+
         if (Object.keys(chunkMap).length > 0) {
           return source.replace('__webpack_require__.p', `${this.publicPathCallback}("css")`);
         }
@@ -48,6 +56,8 @@ class PublicPathCallbackPlugin {
       });
     });
   }
+
 }
+
 var _default = PublicPathCallbackPlugin;
 exports.default = _default;

package/lib/plugins/PublicPathChangePlugin.js

@@ -4,21 +4,29 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+
 var _path = _interopRequireDefault(require("path"));
+
 var _webpackSources = require("webpack-sources");
+
 var _utils = require("../utils");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 const MODULE_TYPE = 'css/mini-extract';
 let {
   chunkSplitEnable
 } = (0, _utils.getOptions)().i18n || {};
+
 let filenameParser = filename => {
   let filepaths = filename.split('/');
   let hashedName = filepaths[filepaths.length - 1];
+
   let {
     name,
     ext
   } = _path.default.parse(hashedName);
+
   let nameparts = name.split('.');
   return {
     name: nameparts.slice(0, nameparts.length - 1).join('.') + ext,
@@ -26,14 +34,15 @@ let filenameParser = filename => {
     ext
   };
 };
+
 class PublicPathChangePlugin {
   constructor({
     publicPaths,
     resourceHints
   }) {
     if (Array.isArray(publicPaths)) {
-      let [js, css, image, font, i18njs] = publicPaths;
-      //eslint-disable-next-line
+      let [js, css, image, font, i18njs] = publicPaths; //eslint-disable-next-line
+
       publicPaths = {
         __REACT_CLI_PUBLIC_PATHS__: {
           js,
@@ -44,11 +53,14 @@ class PublicPathChangePlugin {
         }
       };
     }
+
     this.publicPaths = publicPaths;
     this.resourceHints = resourceHints;
   }
+
   getCssChunkObject(mainChunk) {
     const obj = {};
+
     for (const chunk of mainChunk.getAllAsyncChunks()) {
       for (const module of chunk.modulesIterable) {
         if (module.type === MODULE_TYPE) {
@@ -57,34 +69,42 @@ class PublicPathChangePlugin {
         }
       }
     }
+
     return obj;
   }
+
   needChunkOnDemandLoadingCode(chunk) {
     for (const chunkGroup of chunk.groupsIterable) {
       if (chunkGroup.getNumberOfChildren() > 0) {
         return true;
       }
     }
+
     return false;
   }
+
   getResourceHints(resourceHints, manifest, publicPaths) {
     let ruleMapping = {};
     let validFiles = Object.keys(manifest).filter(filename => {
       let isValidFile = false;
+
       for (let pattern of resourceHints) {
         if (typeof pattern === 'string') {
           isValidFile = new RegExp(pattern).test(filename);
         } else {
           isValidFile = new RegExp(pattern.pattern).test(filename);
         }
+
         if (isValidFile) {
           ruleMapping[filename] = typeof pattern !== 'string' ? pattern : {};
           break;
         }
       }
+
       return isValidFile;
     });
     let resourceHintsContent = '';
+
     for (let file of validFiles) {
       let {
         fileType,
@@ -93,12 +113,15 @@ class PublicPathChangePlugin {
       let rules = ruleMapping[file];
       resourceHintsContent += `<link rel=${rules.hint || 'preload'} href='${publicPaths[fileType] + filename}'${rules.hint === 'prefetch' ? '' : `as='${fileType}' crossorigin='${rules.crossorigin || 'false'}'`} />`;
     }
+
     return resourceHintsContent;
   }
+
   apply(compiler) {
     compiler.hooks.thisCompilation.tap('PublicPathChangePlugin', compilation => {
       compilation.mainTemplate.hooks.requireEnsure.tap('PublicPathChangePlugin', (source, chunk) => {
         const chunkMap = this.getCssChunkObject(chunk);
+
         if (Object.keys(chunkMap).length > 0) {
           return source.replace('__webpack_require__.p', '__REACT_CLI_CSS_PUBLIC_PATH__');
         }
@@ -119,6 +142,7 @@ class PublicPathChangePlugin {
           name: filename
         } = asset;
         let fileType = (0, _utils.getFileType)(filename);
+
         if (fileType === 'image' || fileType === 'font') {
           let {
             name,
@@ -132,12 +156,14 @@ class PublicPathChangePlugin {
             filename
           };
         }
+
         return files;
       }, {});
       Object.keys(compilation.assets).forEach(filename => {
         if (Array.isArray(cdns)) {
           cdns.forEach(cdn => {
             let source = compilation.assets[filename].source();
+
             if (/\.css$/g.test(filename)) {
               let publicPaths = this.publicPaths[cdn];
               source = (0, _utils.cssUrlReplacer)(source, publicPaths, manifest, cdn);
@@ -148,6 +174,7 @@ class PublicPathChangePlugin {
                 image,
                 font
               } = this.publicPaths[cdn];
+
               if (typeof source === 'string') {
                 source = source.replace(/__REACT_CLI_JS_PUBLIC_PATH__/g, `"${js}"`);
                 source = source.replace(/__REACT_CLI_CSS_PUBLIC_PATH__/g, `"${css}"`);
@@ -163,6 +190,7 @@ class PublicPathChangePlugin {
               source = source.replace(new RegExp('<script defer src="([^"]*)"', 'g'), (match, arg) => match.replace(arg, js + arg));
               source = source.replace(new RegExp('<link href="([^"]*)"', 'g'), (match, arg) => match.replace(arg, css + arg));
               let [i18nStr] = source.match(/<!--I18nInfoToServer(.*?)I18nInfoToServer-->/gm);
+
               if (i18nStr && !chunkSplitEnable) {
                 try {
                   let [i18nObj] = i18nStr.match(/{(.*?)}/gm);
@@ -173,22 +201,26 @@ class PublicPathChangePlugin {
                   source = source.replace(/<!--I18nInfoToServer(.*?)I18nInfoToServer-->/gm, `<!--I18nInfoToServer${JSON.stringify(i18nObj)}I18nInfoToServer-->`);
                 } catch (e) {
                   // eslint-disable-next-line no-console
-                  console.warn('may be I18nInfoToServer inside object was not valid make sure it is parseable by JSON.parse');
-                  // eslint-disable-next-line no-console
+                  console.warn('may be I18nInfoToServer inside object was not valid make sure it is parseable by JSON.parse'); // eslint-disable-next-line no-console
+
                   console.warn(e);
                 }
               }
+
               if (Array.isArray(this.resourceHints) && this.resourceHints.length) {
                 let resourceHintsContent = this.getResourceHints(this.resourceHints, manifest, this.publicPaths[cdn]);
                 source = source.replace(/<\/head>/g, `${resourceHintsContent}</head>`);
               }
             }
+
             compilation.assets[cdn === '__REACT_CLI_PUBLIC_PATHS__' ? filename : `${cdn}/${filename}`] = new _webpackSources.RawSource(source);
           });
         }
       });
     });
   }
+
 }
+
 var _default = PublicPathChangePlugin;
 exports.default = _default;

package/lib/plugins/ReportGeneratePlugin.js

@@ -4,11 +4,17 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+
 var _fs = _interopRequireDefault(require("fs"));
+
 var _path = _interopRequireDefault(require("path"));
+
 var _redis = _interopRequireDefault(require("redis"));
+
 var _utils = require("../utils");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 let options = (0, _utils.getOptions)();
 let {
   app: {
@@ -17,47 +23,60 @@ let {
     redisPort
   }
 } = options;
+
 class reportGeneratePlugin {
   apply(compiler) {
     compiler.hooks.emit.tapAsync('reportGeneratePlugin', (compilation, callback) => {
       function formatBytes(bytes) {
         if (bytes) {
           let isNegative;
+
           if (bytes < 0) {
             bytes = bytes * -1; //eslint-disable-line
+
             isNegative = true;
           }
+
           if (bytes < 1024) {
             if (isNegative) {
               return `- ${bytes} Bytes`;
             }
+
             return `${bytes} Bytes`;
           } else if (bytes < 1048576) {
             if (isNegative) {
               return `- ${(bytes / 1024).toFixed(3)} KB`;
             }
+
             return `${(bytes / 1024).toFixed(3)} KB`;
           } else if (bytes < 1073741824) {
             if (isNegative) {
               return `- ${(bytes / 1048576).toFixed(3)} MB`;
             }
+
             return `${(bytes / 1048576).toFixed(3)} MB`;
           }
+
           if (isNegative) {
             return `- ${(bytes / 1073741824).toFixed(3)} GB`;
           }
+
           return `${(bytes / 1073741824).toFixed(3)} GB`;
         }
       }
+
       let client = _redis.default.createClient(redisPort, redisHost);
+
       client.on('connect', () => {
         (0, _utils.log)('Redis client connected');
       });
       client.on('error', err => {
         (0, _utils.log)(`Something went wrong ${err}`);
       });
+
       if (_fs.default.existsSync(_path.default.resolve(process.cwd(), 'build', 'stats.json'))) {
         let statsJSON = _fs.default.readFileSync(_path.default.resolve(process.cwd(), 'build', 'stats.json'), 'utf8');
+
         statsJSON = JSON.parse(statsJSON);
         let finalObj = {};
         let branchName = branch ? branch : (0, _utils.getCurrentBranch)();
@@ -74,8 +93,8 @@ class reportGeneratePlugin {
             name,
             hash,
             size
-          };
-          // eslint-disable-next-line
+          }; // eslint-disable-next-line
+
           if (!finalObj.hasOwnProperty(name)) {
             finalObj[name] = tempObject;
           }
@@ -95,6 +114,7 @@ class reportGeneratePlugin {
                 (0, _utils.log)(err);
               } else {
                 reply = JSON.parse(reply); // eslint-disable-line
+
                 Object.keys(reply).forEach(fileName => {
                   // eslint-disable-next-line
                   if (finalObj.hasOwnProperty(fileName)) {
@@ -108,6 +128,7 @@ class reportGeneratePlugin {
                         }
                       });
                     }
+
                     if (reply[fileName].hash !== finalObj[fileName].hash) {
                       reportObj.hashChanged.push({
                         name: fileName,
@@ -120,16 +141,17 @@ class reportGeneratePlugin {
                   }
                 });
                 let json = JSON.stringify(reportObj);
+
                 _fs.default.writeFile(_path.default.resolve(process.cwd(), 'build', 'buildtrack.js'), `let statsJson=${json}`, err => {
                   if (err) {
                     throw err;
                   }
+
                   (0, _utils.log)('Stats Json generated!');
                 });
               }
             });
-            client.set(branchName, JSON.stringify(finalObj), _redis.default.print);
-            // fs.copyFileSync(
+            client.set(branchName, JSON.stringify(finalObj), _redis.default.print); // fs.copyFileSync(
             //   path.resolve(
             //     process.cwd(),
             //     'node_modules',
@@ -141,9 +163,11 @@ class reportGeneratePlugin {
             //   ),
             //   path.resolve(process.cwd(), 'build', 'buildstats.html')
             // );
+
             client.quit();
             callback && callback();
           }
+
           if (err) {
             (0, _utils.log)(err);
           }
@@ -151,5 +175,7 @@ class reportGeneratePlugin {
       }
     });
   }
+
 }
+
 exports.default = reportGeneratePlugin;