@zohodesk/react-cli 0.0.1-beta.99 → 0.0.1-betaa.138.2

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

@@ -0,0 +1,40 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+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;
+
+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]));
+      });
+    }
+  });
+  return i18nAssets;
+}

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

@@ -0,0 +1,31 @@
+"use strict";
+
+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;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _collectI18nKeys[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;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _propertiesUtils[key];
+    }
+  });
+});

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

@@ -0,0 +1,112 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+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);
+    let source = data.toString();
+    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;
+      }
+    }, {});
+    return i18nObj;
+  } catch (err) {
+    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,
+  jsResourceI18nKeys,
+  exclude = /^[^_]+$/,
+  include = /\.properties$/
+}) {
+  try {
+    const files = (0, _fs.readdirSync)(folderPath, 'utf8');
+    const allLangI18n = {};
+    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);
+
+
+      const i18n = getPropertiesAsJSON(filePath);
+      allLangI18n[getLang(file)] = disableDefault ? i18n : Object.assign({}, jsResourceI18nKeys, i18n);
+    });
+    return allLangI18n;
+  } catch (err) {
+    // console.log(err);
+    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 += ',';
+    }
+  });
+  str += '}';
+  return str;
+}

package/lib/plugins/ManifestPlugin.js

@@ -1,89 +1,78 @@
-'use strict';
+"use strict";
 
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+exports.default = void 0;
 
-var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
+var _path = _interopRequireDefault(require("path"));
 
-var _path = require('path');
-
-var _path2 = _interopRequireDefault(_path);
-
-var _webpackSources = require('webpack-sources');
+var _webpackSources = require("webpack-sources");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+let filenameParser = filename => {
+  let filepaths = filename.split('/');
+  let hashedName = filepaths[filepaths.length - 1];
 
-var filenameParser = function filenameParser(filename) {
-  var filepaths = filename.split('/');
-  var hashedName = filepaths[filepaths.length - 1];
+  let {
+    name,
+    ext
+  } = _path.default.parse(hashedName);
 
-  var _path$parse = _path2.default.parse(hashedName),
-      name = _path$parse.name,
-      ext = _path$parse.ext;
-
-  var nameparts = name.split('.');
+  let nameparts = name.split('.');
   return {
     name: nameparts.slice(0, nameparts.length - 1).join('.') + ext,
-    hashedName: hashedName
+    hashedName
   };
 };
 
-var ManifestPlugin = function () {
-  function ManifestPlugin(options) {
-    _classCallCheck(this, ManifestPlugin);
-
+class ManifestPlugin {
+  constructor(options) {
     this.options = options;
   }
 
-  _createClass(ManifestPlugin, [{
-    key: 'apply',
-    value: function apply(compiler) {
-      var _this = this;
-
-      compiler.hooks.emit.tap('PublicPathChangePlugin', function (compilation) {
-        var stats = compilation.getStats().toJson();
-
-        var manifest = compilation.chunks.reduce(function (files, chunk) {
-          return chunk.files.reduce(function (files, name) {
-            var _filenameParser = filenameParser(name),
-                filename = _filenameParser.name,
-                hashedName = _filenameParser.hashedName;
-
-            if (chunk.canBeInitial()) {
-              if (!files.entryFiles) {
-                files.entryFiles = {};
-              }
-              files.entryFiles[filename] = hashedName;
-            }
-            files[filename] = hashedName;
-            return files;
-          }, files);
-        }, {});
-
-        manifest = stats.assets.reduce(function (files, asset) {
-          var isEntryAsset = asset.chunks.length > 0;
-          if (isEntryAsset) {
-            return files;
+  apply(compiler) {
+    compiler.hooks.emit.tap('PublicPathChangePlugin', compilation => {
+      let stats = compilation.getStats().toJson();
+      let manifest = compilation.chunks.reduce((files, chunk) => chunk.files.reduce((files, name) => {
+        let {
+          name: filename,
+          hashedName
+        } = filenameParser(name);
+
+        if (chunk.canBeInitial()) {
+          if (!files.entryFiles) {
+            files.entryFiles = {};
           }
-          var filename = asset.name;
 
-          var _filenameParser2 = filenameParser(filename),
-              name = _filenameParser2.name,
-              hashedName = _filenameParser2.hashedName;
+          files.entryFiles[filename] = hashedName;
+        }
 
-          files[name] = hashedName;
-          return files;
-        }, manifest);
+        files[filename] = hashedName;
+        return files;
+      }, files), {});
+      manifest = stats.assets.reduce((files, asset) => {
+        let isEntryAsset = asset.chunks.length > 0;
 
-        compilation.assets[_this.options.fileName] = new _webpackSources.RawSource(JSON.stringify(manifest));
-      });
-    }
-  }]);
+        if (isEntryAsset) {
+          return files;
+        }
+
+        let {
+          name: filename
+        } = asset;
+        let {
+          name,
+          hashedName
+        } = filenameParser(filename);
+        files[name] = hashedName;
+        return files;
+      }, manifest);
+      compilation.assets[this.options.fileName] = new _webpackSources.RawSource(JSON.stringify(manifest));
+    });
+  }
 
-  return ManifestPlugin;
-}();
+}
 
 exports.default = ManifestPlugin;

package/lib/plugins/ModuleStatsPlugin.js

@@ -1,214 +1,124 @@
-'use strict';
+"use strict";
 
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+exports.default = void 0;
 
-var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
+var _path = _interopRequireDefault(require("path"));
 
-var _slicedToArray = function () { function sliceIterator(arr, i) { var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"]) _i["return"](); } finally { if (_d) throw _e; } } return _arr; } return function (arr, i) { if (Array.isArray(arr)) { return arr; } else if (Symbol.iterator in Object(arr)) { return sliceIterator(arr, i); } else { throw new TypeError("Invalid attempt to destructure non-iterable instance"); } }; }();
-
-var _path = require('path');
-
-var _path2 = _interopRequireDefault(_path);
-
-var _webpackSources = require('webpack-sources');
+var _webpackSources = require("webpack-sources");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-var isValidModule = function isValidModule(name) {
-  if (name.includes('node_modules') && (name.includes('@zohodesk' + _path2.default.sep + 'components') || name.includes('@zohodesk' + _path2.default.sep + 'dot')) && !name.endsWith('index.js') && !name.endsWith('docs.js')) {
+let isValidModule = name => {
+  if (name.includes('node_modules') && (name.includes(`@zohodesk${_path.default.sep}components`) || name.includes(`@zohodesk${_path.default.sep}dot`)) && !name.endsWith('index.js') && !name.endsWith('docs.js')) {
     return true;
   }
 
   return !name.includes('index.js') && !name.endsWith('.css') && !name.endsWith('.png') && !name.includes('node_modules') && name.includes('src');
 };
 
-var getModuleName = function getModuleName(modulePath) {
-  var _path$parse$name$spli = _path2.default.parse(modulePath).name.split('.'),
-      _path$parse$name$spli2 = _slicedToArray(_path$parse$name$spli, 1),
-      name = _path$parse$name$spli2[0];
+let getModuleName = modulePath => {
+  let [name] = _path.default.parse(modulePath).name.split('.');
 
-  if (modulePath.includes('@zohodesk' + _path2.default.sep + 'components')) {
-    name = '@zohodesk/components/' + name;
-  } else if (modulePath.includes('@zohodesk' + _path2.default.sep + 'dot')) {
-    name = '@zohodesk/dot/' + name;
+  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;
 };
 
-var ModuleStatsPlugin = function () {
-  function ModuleStatsPlugin() {
-    var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-
-    _classCallCheck(this, ModuleStatsPlugin);
-
+class ModuleStatsPlugin {
+  constructor(options = {}) {
     this.options = options;
     this.options.filename = options.filename || 'js/moduleStats.js';
   }
 
-  _createClass(ModuleStatsPlugin, [{
-    key: 'apply',
-    value: function apply(compiler) {
-      var _this = this;
-
-      compiler.hooks.emit.tap('ModuleStatsPlugin', function (compilation) {
-        var stats = compilation.getStats().toJson();
-        var results = {};
-        var modules = stats.modules;
-
-        var _loop = function _loop(module) {
-          var name = module.name,
-              reasons = module.reasons;
-
-          if (isValidModule(name)) {
-            var references = new Set();
-            var referencedby = new Set();
-            var docsName = void 0;
-            compilation.modules.forEach(function (module) {
-              module.reasons.forEach(function (reason) {
-                var exportedValue = reason.dependency;
-                if (exportedValue.type === 'harmony export imported specifier') {
-                  if (exportedValue.module.userRequest.includes(name.replace('.', ''))) {
-                    docsName = exportedValue.name;
-                  }
+  apply(compiler) {
+    compiler.hooks.emit.tap('ModuleStatsPlugin', compilation => {
+      let stats = compilation.getStats().toJson();
+      let results = {};
+      let {
+        modules
+      } = stats;
+
+      for (let module of modules) {
+        let {
+          name,
+          reasons
+        } = module;
+
+        if (isValidModule(name)) {
+          let references = new Set();
+          let referencedby = new Set();
+          let docsName;
+          let fileName;
+          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;
                 }
-              });
+              }
             });
+          });
+          let currentModuleName = getModuleName(name);
+
+          if (Array.isArray(reasons)) {
+            for (let reason of reasons) {
+              let {
+                moduleName
+              } = reason;
+
+              if (isValidModule(moduleName)) {
+                let reasonedModuleName = getModuleName(moduleName);
+                referencedby.add(reasonedModuleName);
+              }
+            }
+          }
 
-            var currentModuleName = getModuleName(name);
-            if (Array.isArray(reasons)) {
-              var _iteratorNormalCompletion2 = true;
-              var _didIteratorError2 = false;
-              var _iteratorError2 = undefined;
+          for (let subModule of modules) {
+            let {
+              name: subModuleName,
+              reasons
+            } = subModule;
 
-              try {
-                for (var _iterator2 = reasons[Symbol.iterator](), _step2; !(_iteratorNormalCompletion2 = (_step2 = _iterator2.next()).done); _iteratorNormalCompletion2 = true) {
-                  var reason = _step2.value;
-                  var moduleName = reason.moduleName;
+            if (isValidModule(subModuleName)) {
+              let currentModuleName = getModuleName(subModuleName);
 
+              if (Array.isArray(reasons)) {
+                for (let reason of reasons) {
+                  let {
+                    moduleName: reasonedModuleName
+                  } = reason;
 
-                  if (isValidModule(moduleName)) {
-                    var reasonedModuleName = getModuleName(moduleName);
-                    referencedby.add(reasonedModuleName);
-                  }
-                }
-              } catch (err) {
-                _didIteratorError2 = true;
-                _iteratorError2 = err;
-              } finally {
-                try {
-                  if (!_iteratorNormalCompletion2 && _iterator2.return) {
-                    _iterator2.return();
-                  }
-                } finally {
-                  if (_didIteratorError2) {
-                    throw _iteratorError2;
+                  if (name === reasonedModuleName) {
+                    references.add(currentModuleName);
                   }
                 }
               }
             }
-            var _iteratorNormalCompletion3 = true;
-            var _didIteratorError3 = false;
-            var _iteratorError3 = undefined;
-
-            try {
-              for (var _iterator3 = modules[Symbol.iterator](), _step3; !(_iteratorNormalCompletion3 = (_step3 = _iterator3.next()).done); _iteratorNormalCompletion3 = true) {
-                var subModule = _step3.value;
-                var subModuleName = subModule.name,
-                    _reasons = subModule.reasons;
-
-                if (isValidModule(subModuleName)) {
-                  var _currentModuleName = getModuleName(subModuleName);
-                  if (Array.isArray(_reasons)) {
-                    var _iteratorNormalCompletion4 = true;
-                    var _didIteratorError4 = false;
-                    var _iteratorError4 = undefined;
-
-                    try {
-                      for (var _iterator4 = _reasons[Symbol.iterator](), _step4; !(_iteratorNormalCompletion4 = (_step4 = _iterator4.next()).done); _iteratorNormalCompletion4 = true) {
-                        var _reason = _step4.value;
-                        var _reasonedModuleName = _reason.moduleName;
-
-                        if (name === _reasonedModuleName) {
-                          references.add(_currentModuleName);
-                        }
-                      }
-                    } catch (err) {
-                      _didIteratorError4 = true;
-                      _iteratorError4 = err;
-                    } finally {
-                      try {
-                        if (!_iteratorNormalCompletion4 && _iterator4.return) {
-                          _iterator4.return();
-                        }
-                      } finally {
-                        if (_didIteratorError4) {
-                          throw _iteratorError4;
-                        }
-                      }
-                    }
-                  }
-                }
-              }
-            } catch (err) {
-              _didIteratorError3 = true;
-              _iteratorError3 = err;
-            } finally {
-              try {
-                if (!_iteratorNormalCompletion3 && _iterator3.return) {
-                  _iterator3.return();
-                }
-              } finally {
-                if (_didIteratorError3) {
-                  throw _iteratorError3;
-                }
-              }
-            }
-
-            results[currentModuleName] = {
-              name: currentModuleName,
-              references: Array.from(references),
-              referencedby: Array.from(referencedby),
-              docsName: docsName ? docsName : ''
-            };
           }
-        };
-
-        var _iteratorNormalCompletion = true;
-        var _didIteratorError = false;
-        var _iteratorError = undefined;
 
-        try {
-
-          for (var _iterator = modules[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
-            var module = _step.value;
-
-            _loop(module);
-          }
-        } catch (err) {
-          _didIteratorError = true;
-          _iteratorError = err;
-        } finally {
-          try {
-            if (!_iteratorNormalCompletion && _iterator.return) {
-              _iterator.return();
-            }
-          } finally {
-            if (_didIteratorError) {
-              throw _iteratorError;
-            }
-          }
+          results[currentModuleName] = {
+            name: currentModuleName,
+            references: Array.from(references),
+            referencedby: Array.from(referencedby),
+            docsName: docsName ? docsName : '',
+            fileName: name ? name : currentModuleName
+          };
         }
+      }
 
-        compilation.assets[_this.options.filename] = new _webpackSources.RawSource(JSON.stringify(results));
-      });
-    }
-  }]);
+      compilation.assets[this.options.filename] = new _webpackSources.RawSource(JSON.stringify(results));
+    });
+  }
 
-  return ModuleStatsPlugin;
-}();
+}
 
 exports.default = ModuleStatsPlugin;