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

package/lib/plugins/ReportGeneratePlugin.js

@@ -1,182 +1,181 @@
-'use strict';
+"use strict";
 
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+exports.default = void 0;
 
-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 _fs = _interopRequireDefault(require("fs"));
 
-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 _fs = require('fs');
+var _redis = _interopRequireDefault(require("redis"));
 
-var _fs2 = _interopRequireDefault(_fs);
-
-var _path = require('path');
-
-var _path2 = _interopRequireDefault(_path);
-
-var _redis = require('redis');
-
-var _redis2 = _interopRequireDefault(_redis);
-
-var _utils = require('../utils');
+var _utils = require("../utils");
 
 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 options = (0, _utils.getOptions)();
+let {
+  app: {
+    branch,
+    redisHost,
+    redisPort
+  }
+} = options;
 
-var options = (0, _utils.getOptions)();
-var _options$app = options.app,
-    branch = _options$app.branch,
-    redisHost = _options$app.redisHost,
-    redisPort = _options$app.redisPort;
+class reportGeneratePlugin {
+  apply(compiler) {
+    compiler.hooks.emit.tapAsync('reportGeneratePlugin', (compilation, callback) => {
+      function formatBytes(bytes) {
+        if (bytes) {
+          let isNegative;
 
-var reportGeneratePlugin = function () {
-  function reportGeneratePlugin() {
-    _classCallCheck(this, reportGeneratePlugin);
-  }
+          if (bytes < 0) {
+            bytes = bytes * -1; //eslint-disable-line
 
-  _createClass(reportGeneratePlugin, [{
-    key: 'apply',
-    value: function apply(compiler) {
-      compiler.hooks.emit.tapAsync('reportGeneratePlugin', function (compilation, callback) {
-        function formatBytes(bytes) {
-          if (bytes) {
-            var isNegative = void 0;
-            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';
+            isNegative = true;
+          }
+
+          if (bytes < 1024) {
+            if (isNegative) {
+              return `- ${bytes} Bytes`;
             }
+
+            return `${bytes} Bytes`;
+          } else if (bytes < 1048576) {
             if (isNegative) {
-              return '- ' + (bytes / 1073741824).toFixed(3) + ' GB';
+              return `- ${(bytes / 1024).toFixed(3)} KB`;
             }
-            return (bytes / 1073741824).toFixed(3) + ' GB';
-          }
-        }
 
-        var client = _redis2.default.createClient(redisPort, redisHost);
+            return `${(bytes / 1024).toFixed(3)} KB`;
+          } else if (bytes < 1073741824) {
+            if (isNegative) {
+              return `- ${(bytes / 1048576).toFixed(3)} MB`;
+            }
 
-        client.on('connect', function () {
-          (0, _utils.log)('Redis client connected');
-        });
+            return `${(bytes / 1048576).toFixed(3)} MB`;
+          }
 
-        client.on('error', function (err) {
-          (0, _utils.log)('Something went wrong ' + err);
-        });
+          if (isNegative) {
+            return `- ${(bytes / 1073741824).toFixed(3)} GB`;
+          }
 
-        if (_fs2.default.existsSync(_path2.default.resolve(process.cwd(), 'build', 'stats.json'))) {
-          var statsJSON = _fs2.default.readFileSync(_path2.default.resolve(process.cwd(), 'build', 'stats.json'), 'utf8');
+          return `${(bytes / 1073741824).toFixed(3)} GB`;
+        }
+      }
 
-          statsJSON = JSON.parse(statsJSON);
-          var finalObj = {};
+      let client = _redis.default.createClient(redisPort, redisHost);
 
-          var branchName = branch ? branch : (0, _utils.getCurrentBranch)();
+      client.on('connect', () => {
+        (0, _utils.log)('Redis client connected');
+      });
+      client.on('error', err => {
+        (0, _utils.log)(`Something went wrong ${err}`);
+      });
 
-          (0, _utils.log)(branchName);
+      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)();
+        (0, _utils.log)(branchName);
+        statsJSON.assets.forEach(assetObj => {
+          let nameSplitList = assetObj.name.split('/')[assetObj.name.split('/').length - 1].split('.'); // eslint-disable-line
+
+          let [, hash] = nameSplitList;
+          let name = `${nameSplitList[0]}.${nameSplitList[2]}`;
+          let {
+            size
+          } = assetObj;
+          let tempObject = {
+            name,
+            hash,
+            size
+          }; // eslint-disable-next-line
+
+          if (!finalObj.hasOwnProperty(name)) {
+            finalObj[name] = tempObject;
+          }
+        });
+        client.exists(branchName, (err, bool) => {
+          if (!bool) {
+            client.set(branchName, JSON.stringify(finalObj), _redis.default.print);
+            client.quit();
+          } else {
+            let reportObj = {
+              increased: [],
+              hashChanged: [],
+              branchName
+            };
+            client.get(branchName, (err, reply) => {
+              if (err) {
+                (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)) {
+                    if (parseInt(reply[fileName].size) < parseInt(finalObj[fileName].size)) {
+                      reportObj.increased.push({
+                        name: fileName,
+                        size: {
+                          old: formatBytes(reply[fileName].size),
+                          new: formatBytes(finalObj[fileName].size),
+                          diff: formatBytes(parseInt(finalObj[fileName].size) - parseInt(reply[fileName].size))
+                        }
+                      });
+                    }
 
-          statsJSON.assets.forEach(function (assetObj) {
-            var nameSplitList = assetObj.name.split('/')[assetObj.name.split('/').length - 1].split('.'); // eslint-disable-line
+                    if (reply[fileName].hash !== finalObj[fileName].hash) {
+                      reportObj.hashChanged.push({
+                        name: fileName,
+                        hash: {
+                          old: reply[fileName].hash,
+                          new: finalObj[fileName].hash
+                        }
+                      });
+                    }
+                  }
+                });
+                let json = JSON.stringify(reportObj);
 
-            var _nameSplitList = _slicedToArray(nameSplitList, 2),
-                hash = _nameSplitList[1];
+                _fs.default.writeFile(_path.default.resolve(process.cwd(), 'build', 'buildtrack.js'), `let statsJson=${json}`, err => {
+                  if (err) {
+                    throw err;
+                  }
 
-            var name = nameSplitList[0] + '.' + nameSplitList[2];
-            var size = assetObj.size;
+                  (0, _utils.log)('Stats Json generated!');
+                });
+              }
+            });
+            client.set(branchName, JSON.stringify(finalObj), _redis.default.print); // fs.copyFileSync(
+            //   path.resolve(
+            //     process.cwd(),
+            //     'node_modules',
+            //     '@zohodesk',
+            //     'react-cli',
+            //     'lib',
+            //     'utils',
+            //     'buildstats.html'
+            //   ),
+            //   path.resolve(process.cwd(), 'build', 'buildstats.html')
+            // );
+
+            client.quit();
+            callback && callback();
+          }
 
-            var tempObject = { name: name, hash: hash, size: size };
-            // eslint-disable-next-line
-            if (!finalObj.hasOwnProperty(name)) {
-              finalObj[name] = tempObject;
-            }
-          });
-
-          client.exists(branchName, function (err, bool) {
-            if (!bool) {
-              client.set(branchName, JSON.stringify(finalObj), _redis2.default.print);
-              client.quit();
-            } else {
-              var reportObj = { increased: [], hashChanged: [], branchName: branchName };
-              client.get(branchName, function (err, reply) {
-                if (err) {
-                  (0, _utils.log)(err);
-                } else {
-                  reply = JSON.parse(reply); // eslint-disable-line
-                  Object.keys(reply).forEach(function (fileName) {
-                    // eslint-disable-next-line
-                    if (finalObj.hasOwnProperty(fileName)) {
-                      if (parseInt(reply[fileName].size) < parseInt(finalObj[fileName].size)) {
-                        reportObj.increased.push({
-                          name: fileName,
-                          size: {
-                            old: formatBytes(reply[fileName].size),
-                            new: formatBytes(finalObj[fileName].size),
-                            diff: formatBytes(parseInt(finalObj[fileName].size) - parseInt(reply[fileName].size))
-                          }
-                        });
-                      }
-                      if (reply[fileName].hash !== finalObj[fileName].hash) {
-                        reportObj.hashChanged.push({
-                          name: fileName,
-                          hash: {
-                            old: reply[fileName].hash,
-                            new: finalObj[fileName].hash
-                          }
-                        });
-                      }
-                    }
-                  });
-                  var json = JSON.stringify(reportObj);
-                  _fs2.default.writeFile(_path2.default.resolve(process.cwd(), 'build', 'buildtrack.js'), 'let statsJson=' + json, function (err) {
-                    if (err) {
-                      throw err;
-                    }
-                    (0, _utils.log)('Stats Json generated!');
-                  });
-                }
-              });
-              client.set(branchName, JSON.stringify(finalObj), _redis2.default.print);
-              // fs.copyFileSync(
-              //   path.resolve(
-              //     process.cwd(),
-              //     'node_modules',
-              //     '@zohodesk',
-              //     'react-cli',
-              //     'lib',
-              //     'utils',
-              //     'buildstats.html'
-              //   ),
-              //   path.resolve(process.cwd(), 'build', 'buildstats.html')
-              // );
-              client.quit();
-              callback && callback();
-            }
-            if (err) {
-              (0, _utils.log)(err);
-            }
-          });
-        }
-      });
-    }
-  }]);
+          if (err) {
+            (0, _utils.log)(err);
+          }
+        });
+      }
+    });
+  }
 
-  return reportGeneratePlugin;
-}();
+}
 
 exports.default = reportGeneratePlugin;

package/lib/plugins/ResourceHintsPlugin.js

@@ -1,49 +1,67 @@
-'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; }; }();
+const {
+  Template
+} = require('webpack');
 
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+const pluginName = 'prefetch-preload-chunk-plugin';
 
-var _require = require('webpack'),
-    Template = _require.Template;
+class ResourceHintsPlugin {
+  apply(compiler) {
+    compiler.hooks.thisCompilation.tap(pluginName, ({
+      mainTemplate
+    }) => {
+      mainTemplate.hooks.requireExtensions.tap(pluginName, (source, chunk, hash) => {
+        const idNameMap = chunk.getChunkMaps().name;
+        const nameIdMap = {};
+        let needsMap = false;
 
-var pluginName = 'prefetch-preload-chunk-plugin';
+        for (const key in idNameMap) {
+          if (Object.prototype.hasOwnProperty.call(idNameMap, key)) {
+            const value = idNameMap[key];
+            nameIdMap[value] = key;
 
-var ResourceHintsPlugin = function () {
-  function ResourceHintsPlugin() {
-    _classCallCheck(this, ResourceHintsPlugin);
-  }
-
-  _createClass(ResourceHintsPlugin, [{
-    key: 'apply',
-    value: function apply(compiler) {
-      compiler.hooks.thisCompilation.tap(pluginName, function (_ref) {
-        var mainTemplate = _ref.mainTemplate;
-
-        mainTemplate.hooks.requireExtensions.tap(pluginName, function (source, chunk, hash) {
-          var idNameMap = chunk.getChunkMaps().name;
-          var nameIdMap = {};
-          var needsMap = false;
-          for (var key in idNameMap) {
-            if (Object.prototype.hasOwnProperty.call(idNameMap, key)) {
-              var value = idNameMap[key];
-              nameIdMap[value] = key;
-              if (key !== value) {
-                needsMap = true;
-              }
+            if (key !== value) {
+              needsMap = true;
             }
           }
-          return Template.asString([source, '', '// Prefetch a chunk (' + pluginName + ')', mainTemplate.requireFn + '.pfc = function prefetchChunk(chunkId) {', Template.indent((needsMap ? ['chunkId = ' + JSON.stringify(nameIdMap) + '[chunkId]||chunkId;'] : []).concat(['var promises = [];', 'if(installedChunks[chunkId] === undefined) {', Template.indent(['installedChunks[chunkId] = null;', mainTemplate.hooks.linkPrefetch.call('', chunk, hash), 'document.head.appendChild(link);', mainTemplate.hooks.requireEnsure.call('', chunk, hash)]), '}'])), '};', '// Preload a chunk (' + pluginName + ')', mainTemplate.requireFn + '.plc = function preloadChunk(chunkId) {', Template.indent((needsMap ? ['chunkId = ' + JSON.stringify(nameIdMap) + '[chunkId]||chunkId;'] : []).concat(['if(installedChunks[chunkId] === undefined) {', Template.indent(['installedChunks[chunkId] = null;', mainTemplate.hooks.linkPreload.call('', chunk, hash), 'document.head.appendChild(link);', 'var head = document.getElementsByTagName(\'head\')[0];', mainTemplate.hooks.jsonpScript.call('', chunk, hash), 'head.appendChild(script);']), '}'])), '};']);
-        });
+        }
+
+        return Template.asString([source, '', `${mainTemplate.requireFn}.getChunkId = function getChunkId(chunkId) {`, Template.indent((needsMap ? [`chunkId = ${JSON.stringify(nameIdMap)}[chunkId]||chunkId;`] : []).concat(['return chunkId;'])), '}', `// Prefetch a chunk (${pluginName})`, `${mainTemplate.requireFn}.pfc = function prefetchChunk(chunkId) {`, Template.indent([`chunkId = ${mainTemplate.requireFn}.getChunkId(chunkId)`, `${mainTemplate.requireFn}.e(chunkId);`]), '};',
+        /*
+          (needsMap
+            ? [`chunkId = ${JSON.stringify(nameIdMap)}[chunkId]||chunkId;`]
+            : []
+          ).concat([
+            'var promises = [];',
+            'if(installedChunks[chunkId] === undefined) {',
+            Template.indent([
+              'installedChunks[chunkId] = null;',
+              /* mainTemplate.hooks.linkPrefetch.call('', chunk, hash),
+              'document.head.appendChild(link);', */
+
+        /*
+              mainTemplate.hooks.requireEnsure.call('', chunk, hash)
+            ]),
+            '}'
+          ])
+        ),
+        '}',
+        */
+        `// Preload a chunk (${pluginName})`, `${mainTemplate.requireFn}.plc = function preloadChunk(chunkId) {`, Template.indent([`chunkId = ${mainTemplate.requireFn}.getChunkId(chunkId)`, 'if(installedChunks[chunkId] === undefined) {', Template.indent(['installedChunks[chunkId] = null;', mainTemplate.hooks.linkPreload.call('', chunk, hash), 'document.head.appendChild(link);', `${mainTemplate.requireFn}.e(chunkId);` // 'var head = document.getElementsByTagName(\'head\')[0];',
+        // mainTemplate.hooks.jsonpScript.call('', chunk, hash),
+        // 'head.appendChild(script);'
+        ]), '}']), '};']);
       });
-    }
-  }]);
+    });
+  }
 
-  return ResourceHintsPlugin;
-}();
+}
 
-exports.default = ResourceHintsPlugin;
+var _default = ResourceHintsPlugin;
+exports.default = _default;

package/lib/plugins/ScriptInstrumentPlugin.js

@@ -1,51 +1,36 @@
-'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 _fs = _interopRequireDefault(require("fs"));
 
-var _fs = require('fs');
-
-var _fs2 = _interopRequireDefault(_fs);
-
-var _path = require('path');
-
-var _path2 = _interopRequireDefault(_path);
+var _path = _interopRequireDefault(require("path"));
 
 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 coverageScript = _fs2.default.readFileSync(_path2.default.resolve(__dirname, '..', 'templates', 'CoverageScriptTemplate.js')).toString();
-
-var ScriptInstrumentPlugin = function () {
-  function ScriptInstrumentPlugin() {
-    _classCallCheck(this, ScriptInstrumentPlugin);
-  }
-
-  _createClass(ScriptInstrumentPlugin, [{
-    key: 'apply',
-    value: function apply(compiler) {
-      compiler.hooks.emit.tapAsync('ScriptInstrumentPlugin', function (compilation, callback) {
-        compilation.chunks.forEach(function (chunk) {
-          chunk.files.forEach(function (filename) {
-            if (filename === 'vendor.js') {
-              compilation.assets[filename].children.forEach(function (child) {
-                if (child._value) {
-                  child._value = coverageScript + child._value;
-                }
-              });
-            }
-          });
+let coverageScript = _fs.default.readFileSync(_path.default.resolve(__dirname, '..', 'templates', 'CoverageScriptTemplate.js')).toString();
+
+class ScriptInstrumentPlugin {
+  apply(compiler) {
+    compiler.hooks.emit.tapAsync('ScriptInstrumentPlugin', (compilation, callback) => {
+      compilation.chunks.forEach(chunk => {
+        chunk.files.forEach(filename => {
+          if (filename === 'vendor.js') {
+            compilation.assets[filename].children.forEach(child => {
+              if (child._value) {
+                child._value = coverageScript + child._value;
+              }
+            });
+          }
         });
-        callback();
       });
-    }
-  }]);
+      callback();
+    });
+  }
 
-  return ScriptInstrumentPlugin;
-}();
+}
 
 exports.default = ScriptInstrumentPlugin;