@zohodesk/react-cli 0.0.1-beta.98 → 0.0.1-betaa.138.1

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;

package/lib/plugins/OptimizeJSPlugin.js

@@ -1,58 +1,41 @@
-'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 _optimizeJs = _interopRequireDefault(require("optimize-js"));
 
-var _optimizeJs = require('optimize-js');
-
-var _optimizeJs2 = _interopRequireDefault(_optimizeJs);
-
-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 OptimizeJSPlugin = function () {
-  function OptimizeJSPlugin() {
-    var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-
-    _classCallCheck(this, OptimizeJSPlugin);
-
+class OptimizeJSPlugin {
+  constructor(options = {}) {
     this.optimize = options.optimize;
   }
 
-  _createClass(OptimizeJSPlugin, [{
-    key: 'apply',
-    value: function apply(compiler) {
-      compiler.hooks.compilation.tap('OptimizeJSPlugin', function (compilation) {
-        compilation.hooks.afterOptimizeChunks.tap('OptimizeJSPlugin', function (chunks) {
-          chunks.forEach(function (chunk) {
-            var files = chunk.files.map(function (file) {
-              return file;
-            });
-            files.filter(function (file) {
-              return (/\.js$/.test(file)
-              );
-            }).forEach(function (file) {
-              try {
-                var asset = compilation.assets[file].source();
-                var result = (0, _optimizeJs2.default)(asset);
-                compilation.assets[file] = new _webpackSources.RawSource(result);
-              } catch (e) {
-                compilation.errors.push(e);
-              }
-            });
+  apply(compiler) {
+    compiler.hooks.compilation.tap('OptimizeJSPlugin', compilation => {
+      compilation.hooks.afterOptimizeChunks.tap('OptimizeJSPlugin', chunks => {
+        chunks.forEach(chunk => {
+          const files = chunk.files.map(file => file);
+          files.filter(file => /\.js$/.test(file)).forEach(file => {
+            try {
+              const asset = compilation.assets[file].source();
+              const result = (0, _optimizeJs.default)(asset);
+              compilation.assets[file] = new _webpackSources.RawSource(result);
+            } catch (e) {
+              compilation.errors.push(e);
+            }
           });
         });
       });
-    }
-  }]);
+    });
+  }
 
-  return OptimizeJSPlugin;
-}();
+}
 
-exports.default = OptimizeJSPlugin;
+var _default = OptimizeJSPlugin;
+exports.default = _default;

package/lib/plugins/PublicPathCallbackPlugin.js

@@ -1,137 +1,63 @@
-'use strict';
+"use strict";
 
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+exports.default = void 0;
+const MODULE_TYPE = 'css/mini-extract';
 
-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; }; }();
-
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-var MODULE_TYPE = 'css/mini-extract';
-
-var PublicPathCallbackPlugin = function () {
-  function PublicPathCallbackPlugin(_ref) {
-    var callback = _ref.callback;
-
-    _classCallCheck(this, PublicPathCallbackPlugin);
-
+class PublicPathCallbackPlugin {
+  constructor({
+    callback
+  }) {
     this.publicPathCallback = callback;
   }
 
-  _createClass(PublicPathCallbackPlugin, [{
-    key: 'getCssChunkObject',
-    value: function getCssChunkObject(mainChunk) {
-      var obj = {};
-      var _iteratorNormalCompletion = true;
-      var _didIteratorError = false;
-      var _iteratorError = undefined;
-
-      try {
-        for (var _iterator = mainChunk.getAllAsyncChunks()[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
-          var chunk = _step.value;
-          var _iteratorNormalCompletion2 = true;
-          var _didIteratorError2 = false;
-          var _iteratorError2 = undefined;
+  getCssChunkObject(mainChunk) {
+    const obj = {};
 
-          try {
-            for (var _iterator2 = chunk.modulesIterable[Symbol.iterator](), _step2; !(_iteratorNormalCompletion2 = (_step2 = _iterator2.next()).done); _iteratorNormalCompletion2 = true) {
-              var module = _step2.value;
-
-              if (module.type === MODULE_TYPE) {
-                obj[chunk.id] = 1;
-                break;
-              }
-            }
-          } catch (err) {
-            _didIteratorError2 = true;
-            _iteratorError2 = err;
-          } finally {
-            try {
-              if (!_iteratorNormalCompletion2 && _iterator2.return) {
-                _iterator2.return();
-              }
-            } finally {
-              if (_didIteratorError2) {
-                throw _iteratorError2;
-              }
-            }
-          }
-        }
-      } catch (err) {
-        _didIteratorError = true;
-        _iteratorError = err;
-      } finally {
-        try {
-          if (!_iteratorNormalCompletion && _iterator.return) {
-            _iterator.return();
-          }
-        } finally {
-          if (_didIteratorError) {
-            throw _iteratorError;
-          }
+    for (const chunk of mainChunk.getAllAsyncChunks()) {
+      for (const module of chunk.modulesIterable) {
+        if (module.type === MODULE_TYPE) {
+          obj[chunk.id] = 1;
+          break;
         }
       }
-
-      return obj;
     }
-  }, {
-    key: 'needChunkOnDemandLoadingCode',
-    value: function needChunkOnDemandLoadingCode(chunk) {
-      var _iteratorNormalCompletion3 = true;
-      var _didIteratorError3 = false;
-      var _iteratorError3 = undefined;
 
-      try {
-        for (var _iterator3 = chunk.groupsIterable[Symbol.iterator](), _step3; !(_iteratorNormalCompletion3 = (_step3 = _iterator3.next()).done); _iteratorNormalCompletion3 = true) {
-          var chunkGroup = _step3.value;
+    return obj;
+  }
 
-          if (chunkGroup.getNumberOfChildren() > 0) {
-            return true;
-          }
-        }
-      } catch (err) {
-        _didIteratorError3 = true;
-        _iteratorError3 = err;
-      } finally {
-        try {
-          if (!_iteratorNormalCompletion3 && _iterator3.return) {
-            _iterator3.return();
-          }
-        } finally {
-          if (_didIteratorError3) {
-            throw _iteratorError3;
-          }
-        }
+  needChunkOnDemandLoadingCode(chunk) {
+    for (const chunkGroup of chunk.groupsIterable) {
+      if (chunkGroup.getNumberOfChildren() > 0) {
+        return true;
       }
-
-      return false;
     }
-  }, {
-    key: 'apply',
-    value: function apply(compiler) {
-      var _this = this;
 
-      compiler.hooks.thisCompilation.tap('PublicPathCallbackPlugin', function (compilation) {
-        compilation.mainTemplate.hooks.requireEnsure.tap('PublicPathCallbackPlugin', function (source, chunk) {
-          var chunkMap = _this.getCssChunkObject(chunk);
-          if (Object.keys(chunkMap).length > 0) {
-            return source.replace('__webpack_require__.p', _this.publicPathCallback + '("css")');
-          }
-        });
-      });
+    return false;
+  }
+
+  apply(compiler) {
+    compiler.hooks.thisCompilation.tap('PublicPathCallbackPlugin', compilation => {
+      compilation.mainTemplate.hooks.requireEnsure.tap('PublicPathCallbackPlugin', (source, chunk) => {
+        const chunkMap = this.getCssChunkObject(chunk);
 
-      compiler.hooks.compilation.tap('PublicPathCallbackPlugin', function (compilation) {
-        compilation.mainTemplate.hooks.localVars.tap('PublicPathCallbackPlugin', function (source, chunk) {
-          if (_this.needChunkOnDemandLoadingCode(chunk)) {
-            return source.replace('__webpack_require__.p', _this.publicPathCallback + '("js")');
-          }
-        });
+        if (Object.keys(chunkMap).length > 0) {
+          return source.replace('__webpack_require__.p', `${this.publicPathCallback}("css")`);
+        }
       });
-    }
-  }]);
+    });
+    compiler.hooks.compilation.tap('PublicPathCallbackPlugin', compilation => {
+      compilation.mainTemplate.hooks.localVars.tap('PublicPathCallbackPlugin', (source, chunk) => {
+        if (this.needChunkOnDemandLoadingCode(chunk)) {
+          return source.replace('__webpack_require__.p', `${this.publicPathCallback}("js")`);
+        }
+      });
+    });
+  }
 
-  return PublicPathCallbackPlugin;
-}();
+}
 
-exports.default = PublicPathCallbackPlugin;
+var _default = PublicPathCallbackPlugin;
+exports.default = _default;