webpack-bundle-analyzer 2.9.2 → 2.11.1

package/lib/tree/ContentModule.js

@@ -0,0 +1,67 @@
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+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 _get = function get(object, property, receiver) { if (object === null) object = Function.prototype; var desc = Object.getOwnPropertyDescriptor(object, property); if (desc === undefined) { var parent = Object.getPrototypeOf(object); if (parent === null) { return undefined; } else { return get(parent, property, receiver); } } else if ("value" in desc) { return desc.value; } else { var getter = desc.get; if (getter === undefined) { return undefined; } return getter.call(receiver); } };
+
+var _Module2 = require('./Module');
+
+var _Module3 = _interopRequireDefault(_Module2);
+
+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"); } }
+
+function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
+
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
+
+var ContentModule = function (_Module) {
+  _inherits(ContentModule, _Module);
+
+  function ContentModule(name, data, ownerModule, parent) {
+    _classCallCheck(this, ContentModule);
+
+    var _this = _possibleConstructorReturn(this, (ContentModule.__proto__ || Object.getPrototypeOf(ContentModule)).call(this, name, data, parent));
+
+    _this.ownerModule = ownerModule;
+    return _this;
+  }
+
+  _createClass(ContentModule, [{
+    key: 'getSize',
+    value: function getSize(sizeType) {
+      var ownerModuleSize = this.ownerModule[sizeType];
+
+      if (ownerModuleSize !== undefined) {
+        return Math.floor(this.size / this.ownerModule.size * ownerModuleSize);
+      }
+    }
+  }, {
+    key: 'toChartData',
+    value: function toChartData() {
+      return Object.assign({}, _get(ContentModule.prototype.__proto__ || Object.getPrototypeOf(ContentModule.prototype), 'toChartData', this).call(this), {
+        inaccurateSizes: true
+      });
+    }
+  }, {
+    key: 'parsedSize',
+    get: function get() {
+      return this.getSize('parsedSize');
+    }
+  }, {
+    key: 'gzipSize',
+    get: function get() {
+      return this.getSize('gzipSize');
+    }
+  }]);
+
+  return ContentModule;
+}(_Module3.default);
+
+exports.default = ContentModule;
+;

package/lib/tree/Folder.js

@@ -0,0 +1,114 @@
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+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 _get = function get(object, property, receiver) { if (object === null) object = Function.prototype; var desc = Object.getOwnPropertyDescriptor(object, property); if (desc === undefined) { var parent = Object.getPrototypeOf(object); if (parent === null) { return undefined; } else { return get(parent, property, receiver); } } else if ("value" in desc) { return desc.value; } else { var getter = desc.get; if (getter === undefined) { return undefined; } return getter.call(receiver); } };
+
+var _lodash = require('lodash');
+
+var _lodash2 = _interopRequireDefault(_lodash);
+
+var _gzipSize = require('gzip-size');
+
+var _gzipSize2 = _interopRequireDefault(_gzipSize);
+
+var _Module = require('./Module');
+
+var _Module2 = _interopRequireDefault(_Module);
+
+var _BaseFolder2 = require('./BaseFolder');
+
+var _BaseFolder3 = _interopRequireDefault(_BaseFolder2);
+
+var _ConcatenatedModule = require('./ConcatenatedModule');
+
+var _ConcatenatedModule2 = _interopRequireDefault(_ConcatenatedModule);
+
+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"); } }
+
+function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
+
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
+
+var Folder = function (_BaseFolder) {
+  _inherits(Folder, _BaseFolder);
+
+  function Folder() {
+    _classCallCheck(this, Folder);
+
+    return _possibleConstructorReturn(this, (Folder.__proto__ || Object.getPrototypeOf(Folder)).apply(this, arguments));
+  }
+
+  _createClass(Folder, [{
+    key: 'addModule',
+    value: function addModule(moduleData) {
+      var pathParts = (0, _utils.getModulePathParts)(moduleData);
+
+      if (!pathParts) {
+        return;
+      }
+
+      var _ref = [pathParts.slice(0, -1), _lodash2.default.last(pathParts)],
+          folders = _ref[0],
+          fileName = _ref[1];
+
+      var currentFolder = this;
+
+      _lodash2.default.each(folders, function (folderName) {
+        var childNode = currentFolder.getChild(folderName);
+
+        if (
+        // Folder is not created yet
+        !childNode ||
+        // In some situations (invalid usage of dynamic `require()`) webpack generates a module with empty require
+        // context, but it's moduleId points to a directory in filesystem.
+        // In this case we replace this `File` node with `Folder`.
+        // See `test/stats/with-invalid-dynamic-require.json` as an example.
+        !(childNode instanceof Folder)) {
+          childNode = currentFolder.addChildFolder(new Folder(folderName));
+        }
+
+        currentFolder = childNode;
+      });
+
+      var ModuleConstructor = moduleData.modules ? _ConcatenatedModule2.default : _Module2.default;
+      var module = new ModuleConstructor(fileName, moduleData, this);
+      currentFolder.addChildModule(module);
+    }
+  }, {
+    key: 'toChartData',
+    value: function toChartData() {
+      return Object.assign({}, _get(Folder.prototype.__proto__ || Object.getPrototypeOf(Folder.prototype), 'toChartData', this).call(this), {
+        parsedSize: this.parsedSize,
+        gzipSize: this.gzipSize
+      });
+    }
+  }, {
+    key: 'parsedSize',
+    get: function get() {
+      return this.src ? this.src.length : undefined;
+    }
+  }, {
+    key: 'gzipSize',
+    get: function get() {
+      if (!_lodash2.default.has(this, '_gzipSize')) {
+        this._gzipSize = this.src ? _gzipSize2.default.sync(this.src) : undefined;
+      }
+
+      return this._gzipSize;
+    }
+  }]);
+
+  return Folder;
+}(_BaseFolder3.default);
+
+exports.default = Folder;
+;

package/lib/tree/Module.js

@@ -0,0 +1,101 @@
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+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 _lodash = require('lodash');
+
+var _lodash2 = _interopRequireDefault(_lodash);
+
+var _gzipSize = require('gzip-size');
+
+var _gzipSize2 = _interopRequireDefault(_gzipSize);
+
+var _Node2 = require('./Node');
+
+var _Node3 = _interopRequireDefault(_Node2);
+
+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"); } }
+
+function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
+
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
+
+var Module = function (_Node) {
+  _inherits(Module, _Node);
+
+  function Module(name, data, parent) {
+    _classCallCheck(this, Module);
+
+    var _this = _possibleConstructorReturn(this, (Module.__proto__ || Object.getPrototypeOf(Module)).call(this, name, parent));
+
+    _this.data = data;
+    return _this;
+  }
+
+  _createClass(Module, [{
+    key: 'mergeData',
+    value: function mergeData(data) {
+      if (data.size) {
+        this.size += data.size;
+      }
+
+      if (data.parsedSrc) {
+        this.src = (this.src || '') + data.parsedSrc;
+      }
+    }
+  }, {
+    key: 'toChartData',
+    value: function toChartData() {
+      return {
+        id: this.data.id,
+        label: this.name,
+        path: this.path,
+        statSize: this.size,
+        parsedSize: this.parsedSize,
+        gzipSize: this.gzipSize
+      };
+    }
+  }, {
+    key: 'src',
+    get: function get() {
+      return this.data.parsedSrc;
+    },
+    set: function set(value) {
+      this.data.parsedSrc = value;
+      delete this._gzipSize;
+    }
+  }, {
+    key: 'size',
+    get: function get() {
+      return this.data.size;
+    },
+    set: function set(value) {
+      this.data.size = value;
+    }
+  }, {
+    key: 'parsedSize',
+    get: function get() {
+      return this.src ? this.src.length : undefined;
+    }
+  }, {
+    key: 'gzipSize',
+    get: function get() {
+      if (!_lodash2.default.has(this, '_gzipSize')) {
+        this._gzipSize = this.src ? _gzipSize2.default.sync(this.src) : undefined;
+      }
+
+      return this._gzipSize;
+    }
+  }]);
+
+  return Module;
+}(_Node3.default);
+
+exports.default = Module;
+;

package/lib/tree/Node.js

@@ -0,0 +1,38 @@
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+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 Node = function () {
+  function Node(name, parent) {
+    _classCallCheck(this, Node);
+
+    this.name = name;
+    this.parent = parent;
+  }
+
+  _createClass(Node, [{
+    key: 'path',
+    get: function get() {
+      var path = [];
+      var node = this;
+
+      while (node) {
+        path.push(node.name);
+        node = node.parent;
+      }
+
+      return path.reverse().join('/');
+    }
+  }]);
+
+  return Node;
+}();
+
+exports.default = Node;
+;

package/lib/tree/utils.js

@@ -0,0 +1,34 @@
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getModulePathParts = getModulePathParts;
+
+var _lodash = require('lodash');
+
+var _lodash2 = _interopRequireDefault(_lodash);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var MULTI_MODULE_REGEXP = /^multi /;
+
+function getModulePathParts(moduleData) {
+  if (MULTI_MODULE_REGEXP.test(moduleData.identifier)) {
+    return [moduleData.identifier];
+  }
+
+  var parsedPath = _lodash2.default
+  // Removing loaders from module path: they're joined by `!` and the last part is a raw module path
+  .last(moduleData.name.split('!'))
+  // Splitting module path into parts
+  .split('/')
+  // Removing first `.`
+  .slice(1)
+  // Replacing `~` with `node_modules`
+  .map(function (part) {
+    return part === '~' ? 'node_modules' : part;
+  });
+
+  return parsedPath.length ? parsedPath : null;
+}

package/lib/viewer.js

@@ -176,6 +176,7 @@ function getChartData(logger) {
     chartData = analyzer.getViewerData.apply(analyzer, args.concat([{ logger }]));
   } catch (err) {
     logger.error(`Could't analyze webpack bundle:\n${err}`);
+    logger.debug(err.stack);
     chartData = null;
   }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "webpack-bundle-analyzer",
-  "version": "2.9.2",
+  "version": "2.11.1",
   "description": "Webpack plugin and CLI utility that represents bundle content as convenient interactive zoomable treemap",
   "author": "Yury Grunin <grunin.ya@ya.ru>",
   "license": "MIT",
@@ -23,8 +23,8 @@
     "build": "gulp build",
     "npm-publish": "npm run lint && npm run build && npm test && npm publish",
     "lint": "eslint --ext js,jsx .",
-    "test": "mocha --compilers js:babel-core/register",
-    "test-dev": "mocha --watch --compilers js:babel-core/register"
+    "test": "mocha --exit --require babel-core/register",
+    "test-dev": "mocha --watch --require babel-core/register"
   },
   "files": [
     "public",
@@ -33,47 +33,47 @@
     "views"
   ],
   "dependencies": {
-    "acorn": "^5.1.1",
-    "chalk": "^1.1.3",
-    "commander": "^2.9.0",
-    "ejs": "^2.5.6",
-    "express": "^4.15.2",
-    "filesize": "^3.5.9",
-    "gzip-size": "^3.0.0",
+    "acorn": "^5.3.0",
+    "bfj-node4": "^5.2.0",
+    "chalk": "^2.3.0",
+    "commander": "^2.13.0",
+    "ejs": "^2.5.7",
+    "express": "^4.16.2",
+    "filesize": "^3.5.11",
+    "gzip-size": "^4.1.0",
     "lodash": "^4.17.4",
     "mkdirp": "^0.5.1",
     "opener": "^1.4.3",
     "ws": "^4.0.0"
   },
   "devDependencies": {
-    "babel-core": "6.24.1",
-    "babel-eslint": "7.2.3",
-    "babel-loader": "7.0.0",
+    "babel-core": "6.26.0",
+    "babel-eslint": "8.2.1",
+    "babel-loader": "7.1.2",
     "babel-plugin-transform-class-properties": "6.24.1",
-    "babel-plugin-transform-object-rest-spread": "6.23.0",
+    "babel-plugin-transform-object-rest-spread": "6.26.0",
     "babel-plugin-transform-react-jsx": "6.24.1",
-    "babel-preset-env": "1.4.0",
-    "chai": "3.5.0",
-    "chai-subset": "1.5.0",
+    "babel-preset-env": "1.6.1",
+    "chai": "4.1.2",
+    "chai-subset": "1.6.0",
     "classnames": "2.2.5",
-    "css-loader": "0.28.1",
-    "del": "2.2.2",
-    "eslint": "3.19.0",
-    "eslint-plugin-react": "7.0.0",
+    "css-loader": "0.28.9",
+    "del": "3.0.0",
+    "eslint": "4.16.0",
+    "eslint-config-th0r": "1.0.0",
+    "eslint-config-th0r-react": "1.0.0",
+    "eslint-plugin-react": "7.6.1",
     "exports-loader": "0.6.4",
-    "gulp": "3.9.1",
-    "gulp-babel": "6.1.2",
-    "gulp-plumber": "1.1.0",
-    "gulp-util": "3.0.8",
-    "gulp-watch": "4.3.11",
-    "mocha": "3.3.0",
+    "gulp": "4.0.0",
+    "gulp-babel": "7.0.1",
+    "mocha": "5.0.0",
     "nightmare": "2.10.0",
-    "preact": "8.1.0",
-    "sinon": "2.2.0",
+    "preact": "8.2.7",
+    "sinon": "4.2.2",
     "stream-combiner2": "1.1.1",
-    "style-loader": "0.17.0",
-    "webpack": "2.5.1",
-    "webpack-dev-server": "2.4.5"
+    "style-loader": "0.20.1",
+    "webpack": "3.10.0",
+    "webpack-dev-server": "2.11.1"
   },
   "keywords": [
     "webpack",