npm - @zohodesk/react-cli - Versions diffs - 1.1.28 → 1.1.29-exp.2 - Mend

@zohodesk/react-cli 1.1.28 → 1.1.29-exp.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (566) hide show

package/lib/plugins/ManifestPlugin.js CHANGED Viewed

@@ -4,42 +4,32 @@ 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 }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 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();
@@ -48,25 +38,20 @@ 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;
@@ -80,7 +65,5 @@ class ManifestPlugin {
       compilation.assets[this.options.fileName] = new _webpackSources.RawSource(JSON.stringify(manifest));
     });
   }
 }
 exports.default = ManifestPlugin;

package/lib/plugins/MinifyPlugin.js CHANGED Viewed

@@ -4,13 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
 var _webpackSources = require("webpack-sources");
 var _uglifycss = _interopRequireDefault(require("uglifycss"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 class MinifierPlugin {
   apply(compiler) {
     compiler.hooks.emit.tap('MinifierPlugin', compilation => {
@@ -18,13 +14,10 @@ class MinifierPlugin {
         if (/\.css$/.test(filename)) {
           try {
             let asset = compilation.assets[filename].source();
             if (typeof asset !== 'string') {
               asset = asset.toString();
             }
             const result = _uglifycss.default.processString(asset);
             compilation.assets[filename] = new _webpackSources.RawSource(result);
           } catch (e) {
             compilation.errors.push(e);
@@ -33,7 +26,5 @@ class MinifierPlugin {
       });
     });
   }
 }
 exports.default = MinifierPlugin;

package/lib/plugins/ModuleStatsPlugin.js CHANGED Viewed

@@ -4,39 +4,29 @@ 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 }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 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();
@@ -44,13 +34,11 @@ 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();
@@ -59,7 +47,6 @@ 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;
@@ -68,35 +55,29 @@ 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);
                   }
@@ -104,7 +85,6 @@ class ModuleStatsPlugin {
               }
             }
           }
           results[currentModuleName] = {
             name: currentModuleName,
             references: Array.from(references),
@@ -114,11 +94,8 @@ class ModuleStatsPlugin {
           };
         }
       }
       compilation.assets[this.options.filename] = new _webpackSources.RawSource(JSON.stringify(results));
     });
   }
 }
 exports.default = ModuleStatsPlugin;

package/lib/plugins/OptimizeJSPlugin.js CHANGED Viewed

@@ -4,18 +4,13 @@ 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 }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 class OptimizeJSPlugin {
   constructor(options = {}) {
     this.optimize = options.optimize;
   }
   apply(compiler) {
     compiler.hooks.compilation.tap('OptimizeJSPlugin', compilation => {
       compilation.hooks.afterOptimizeChunks.tap('OptimizeJSPlugin', chunks => {
@@ -34,8 +29,5 @@ class OptimizeJSPlugin {
       });
     });
   }
 }
-var _default = OptimizeJSPlugin;
-exports.default = _default;
+var _default = exports.default = OptimizeJSPlugin;

package/lib/plugins/PublicPathCallbackPlugin.js CHANGED Viewed

@@ -5,17 +5,14 @@ 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) {
@@ -24,25 +21,20 @@ 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")`);
         }
@@ -56,8 +48,5 @@ class PublicPathCallbackPlugin {
       });
     });
   }
 }
-var _default = PublicPathCallbackPlugin;
-exports.default = _default;
+var _default = exports.default = PublicPathCallbackPlugin;

package/lib/plugins/PublicPathChangePlugin.js CHANGED Viewed

@@ -4,29 +4,21 @@ 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 }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 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,
@@ -34,15 +26,14 @@ 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,
@@ -53,14 +44,11 @@ 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) {
@@ -69,42 +57,34 @@ 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,
@@ -113,15 +93,12 @@ 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__');
         }
@@ -142,7 +119,6 @@ class PublicPathChangePlugin {
           name: filename
         } = asset;
         let fileType = (0, _utils.getFileType)(filename);
         if (fileType === 'image' || fileType === 'font') {
           let {
             name,
@@ -156,14 +132,12 @@ 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);
@@ -174,7 +148,6 @@ 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}"`);
@@ -190,7 +163,6 @@ 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);
@@ -201,26 +173,21 @@ 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;
+var _default = exports.default = PublicPathChangePlugin;

package/lib/plugins/ReportGeneratePlugin.js CHANGED Viewed

@@ -4,19 +4,12 @@ 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");
 var _log = require("../utils/log");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 let options = (0, _utils.getOptions)();
 let {
   app: {
@@ -25,60 +18,47 @@ 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, _log.log)('Redis client connected');
       });
       client.on('error', err => {
         (0, _log.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)();
@@ -95,8 +75,8 @@ class reportGeneratePlugin {
             name,
             hash,
             size
-          }; // eslint-disable-next-line
+          };
+          // eslint-disable-next-line
           if (!finalObj.hasOwnProperty(name)) {
             finalObj[name] = tempObject;
           }
@@ -116,7 +96,6 @@ class reportGeneratePlugin {
                 (0, _log.log)(err);
               } else {
                 reply = JSON.parse(reply); // eslint-disable-line
                 Object.keys(reply).forEach(fileName => {
                   // eslint-disable-next-line
                   if (finalObj.hasOwnProperty(fileName)) {
@@ -130,7 +109,6 @@ class reportGeneratePlugin {
                         }
                       });
                     }
                     if (reply[fileName].hash !== finalObj[fileName].hash) {
                       reportObj.hashChanged.push({
                         name: fileName,
@@ -143,17 +121,16 @@ 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, _log.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',
@@ -165,11 +142,9 @@ class reportGeneratePlugin {
             //   ),
             //   path.resolve(process.cwd(), 'build', 'buildstats.html')
             // );
             client.quit();
             callback && callback();
           }
           if (err) {
             (0, _log.log)(err);
           }
@@ -177,7 +152,5 @@ class reportGeneratePlugin {
       }
     });
   }
 }
 exports.default = reportGeneratePlugin;

package/lib/plugins/RequireVariablePublicPlugin.js CHANGED Viewed

@@ -4,18 +4,14 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
 const {
   Template
 } = require('webpack');
 const pluginName = 'RequireVariablePublicPlugin';
 class RequireVariablePublicPlugin {
   constructor(options) {
     this.requireFuncName = options.requireFuncName;
   }
   apply(compiler) {
     compiler.hooks.thisCompilation.tap(pluginName, ({
       mainTemplate
@@ -23,8 +19,5 @@ class RequireVariablePublicPlugin {
       mainTemplate.hooks.requireExtensions.tap(pluginName, source => Template.asString([source, '', `window[${JSON.stringify(this.requireFuncName)}] = ${mainTemplate.requireFn};`]));
     });
   }
 }
-var _default = RequireVariablePublicPlugin;
-exports.default = _default;
+var _default = exports.default = RequireVariablePublicPlugin;