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

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

@@ -4,9 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.createRegularManifest = createRegularManifest;
-
 var _webpackSources = require("webpack-sources");
-
 function createRegularManifest(compilation, plugin) {
   const {
     regularManifest,
@@ -15,44 +13,35 @@ function createRegularManifest(compilation, plugin) {
     // e.g., ['en_US', 'fr_FR', ...]
     i18nManifestFileName,
     // e.g., 'i18n-manifest.json'
-    deskI18nManifestFileName = 'desk-i18n-manifest.js'
-  } = plugin; // 1. Create the final manifest structure.
-
+    deskI18nManifestFileName = 'i18n-chunk/desk-i18n-manifest.js'
+  } = plugin;
   const finalManifest = {
     locales: [...locales],
     chunks: {},
     basePath: 'i18n-chunk/[locale]/'
   };
-
   for (const chunkId of Object.keys(regularManifest)) {
     const localePaths = regularManifest[chunkId];
     if (!localePaths) continue;
     const entries = Object.entries(localePaths);
     if (!entries.length) continue;
     const [someLocale, fullPath] = entries[0];
-    if (!fullPath) continue; // Remove the first two segments from the full path to get the basename.
-
+    if (!fullPath) continue;
     const pathSegments = fullPath.split('/');
     const basename = pathSegments.slice(2).join('/');
     finalManifest.chunks[chunkId] = basename;
-  } // Convert the manifest object to a prettified JSON string.
-
-
-  const manifestStr = JSON.stringify(finalManifest, null, 2); // 2. Create the JSON asset (plain JSON, without any wrapping).
-
-  const jsonManifestSource = new _webpackSources.RawSource(manifestStr); // 3. Create the manifest code for window.desk_i18n_manifest.
-
+  }
+  const manifestStr = JSON.stringify(finalManifest, null, 2);
+  const jsonManifestSource = new _webpackSources.RawSource(manifestStr);
   const deskI18nManifestCode = `
     (function() {
       window.desk_i18n_manifest = ${manifestStr};
     })();
   `;
-  const deskI18nManifestSource = new _webpackSources.RawSource(deskI18nManifestCode); // 4. Emit the plain JSON manifest asset.
-
+  const deskI18nManifestSource = new _webpackSources.RawSource(deskI18nManifestCode);
   compilation.emitAsset(i18nManifestFileName, jsonManifestSource, {
     desc: 'Emitted plain JSON i18n manifest'
-  }); // 5. Emit the desk i18n manifest asset.
-
+  });
   compilation.emitAsset(deskI18nManifestFileName, deskI18nManifestSource, {
     desc: 'Emitted manifest attached to window.desk_i18n_manifest'
   });

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

@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.getI18nFileUrlPathTemplate = getI18nFileUrlPathTemplate;
-
 function getI18nFileUrlPathTemplate(compilation, chunk, filenameTemplate, localeTemplate) {
   let urlpath = compilation.getPath(filenameTemplate, {
     chunk

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

@@ -4,23 +4,18 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = getI18nKeysFormModules;
-
 var _I18nDependency = require("../I18nDependency");
-
 function getI18nKeysFormModules(modules) {
   const i18nTemObj = {};
-
   for (let m of modules) {
     for (let dep of m.dependencies) {
       if (!(dep instanceof _I18nDependency.I18nDependency)) {
         continue;
       }
-
       for (const key of dep.i18nKeys) {
         i18nTemObj[key] = 1;
       }
     }
   }
-
   return Object.keys(i18nTemObj);
 }

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

@@ -6,32 +6,25 @@ Object.defineProperty(exports, "__esModule", {
 exports.REGEXP_CONTENTHASH = void 0;
 exports.getShortI18nAssets = getShortI18nAssets;
 exports.hasContentHash = hasContentHash;
-
 var _urlConcat = require("../../../utils/urlConcat");
-
 // export const REGEXP_CHUNKHASH = /\[chunkhash(?::(\d+))?\]/gi;
 // export const REGEXP_HASH = /\[hash(?::(\d+))?\]/gi;
 // export const REGEXP_NAME = /\[name\]/gi;
 // export const REGEXP_PLACEHOLDERS = /\[(name|id|chunkhash)\]/gi;
 // TODO: want to choose file type for i18n load
-const REGEXP_CONTENTHASH = /\[contenthash(?::(\d+))?\]/gi;
-exports.REGEXP_CONTENTHASH = REGEXP_CONTENTHASH;
-
+const REGEXP_CONTENTHASH = exports.REGEXP_CONTENTHASH = /\[contenthash(?::(\d+))?\]/gi;
 function hasContentHash(filenameTemplate) {
   return REGEXP_CONTENTHASH.test(filenameTemplate);
 }
-
 function getShortI18nAssets(chunks, i18nManifest, publicPathPrefix) {
   const i18nAssets = {};
   chunks.forEach(chunk => {
     const i18nFiles = i18nManifest[chunk.id];
-
     if (i18nFiles) {
       Object.keys(i18nFiles).forEach(locale => {
         if (!i18nAssets[locale]) {
           i18nAssets[locale] = [];
         }
-
         i18nAssets[locale].push((0, _urlConcat.urlConcat)(publicPathPrefix, i18nFiles[locale]));
       });
     }

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

@@ -3,9 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-
 var _collectI18nKeys = require("./collectI18nKeys");
-
 Object.keys(_collectI18nKeys).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _collectI18nKeys[key]) return;
@@ -16,9 +14,7 @@ Object.keys(_collectI18nKeys).forEach(function (key) {
     }
   });
 });
-
 var _propertiesUtils = require("./propertiesUtils");
-
 Object.keys(_propertiesUtils).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _propertiesUtils[key]) return;

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

@@ -6,19 +6,13 @@ Object.defineProperty(exports, "__esModule", {
 exports.getAllI18n = getAllI18n;
 exports.getPropertiesAsJSON = getPropertiesAsJSON;
 exports.jsonToString = jsonToString;
-
 var _fs = require("fs");
-
 var _path = require("path");
-
 var _logger = require("../../../logger");
-
 var _unicodeConversion = require("./unicodeConversion");
-
 function isComment(line) {
   return line[0] === '#';
 }
-
 function getPropertiesAsJSON(filePath) {
   try {
     const data = (0, _fs.readFileSync)(filePath);
@@ -26,16 +20,13 @@ 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, ' ');
       let value = line.slice(ind + 1);
       value = (0, _unicodeConversion.convertUnicode)(value);
-
       if (key && value) {
         i18nObj[key] = value;
       }
@@ -45,19 +36,15 @@ function getPropertiesAsJSON(filePath) {
     return {};
   }
 }
-
 function getLang(file) {
   const 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,
@@ -71,11 +58,9 @@ 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)) {
         return;
       }
-
       const i18n = getPropertiesAsJSON(filePath);
       allLangI18n[getLang(file)] = disableDefault ? i18n : Object.assign({}, jsResourceI18nKeys, i18n);
     });
@@ -85,27 +70,22 @@ function getAllI18n({
     return {};
   }
 }
-
 function jsonToString(json, keySeperator) {
   let str = '{';
   const keys = Object.keys(json);
   keys.forEach((key, i) => {
     const 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/I18nSplitPlugin/utils/unicodeConversion.js

@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.convertUnicode = convertUnicode;
-
 function convertUnicode(str) {
   const unicodeRegex = /\\u([a-fA-F0-9]{4})/g;
   const converted = str.replace(unicodeRegex, (match, hex) => {

package/lib/plugins/ManifestPlugin.js

@@ -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

@@ -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

@@ -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

@@ -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

@@ -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;