webpack-bundle-analyzer 4.9.1 → 4.10.0

package/CHANGELOG.md

@@ -12,6 +12,14 @@ _Note: Gaps between patch versions are faulty, broken or test releases._
 
 ## UNRELEASED
 
+## 4.10.0
+
+* **Improvement**
+  * Allows filtering the list of entrypoints ([#624](https://github.com/webpack-contrib/webpack-bundle-analyzer/pull/624) by [@chriskrogh](https://github.com/chriskrogh))
+
+* **Internal**
+  * Make module much slimmer by replacing all `lodash.*` packages ([#612](https://github.com/webpack-contrib/webpack-bundle-analyzer/pull/612)) by [@sukkaw](https://github.com/sukkaw).
+
 ## 4.9.1
 
 * **Internal**

package/lib/analyzer.js

@@ -4,14 +4,6 @@ const fs = require('fs');
 
 const path = require('path');
 
-const pullAll = require('lodash.pullall');
-
-const invokeMap = require('lodash.invokemap');
-
-const uniqBy = require('lodash.uniqby');
-
-const flatten = require('lodash.flatten');
-
 const gzipSize = require('gzip-size');
 
 const {
@@ -128,7 +120,7 @@ function getViewerData(bundleStats, bundleDir, opts) {
     } // Picking modules from current bundle script
 
 
-    const assetModules = modules.filter(statModule => assetHasModule(statAsset, statModule)); // Adding parsed sources
+    let assetModules = modules.filter(statModule => assetHasModule(statAsset, statModule)); // Adding parsed sources
 
     if (parsedModules) {
       const unparsedEntryModules = [];
@@ -151,7 +143,7 @@ function getViewerData(bundleStats, bundleDir, opts) {
           unparsedEntryModules[0].parsedSrc = assetSources.runtimeSrc;
         } else {
           // If there are multiple entry points we move all of them under synthetic concatenated module.
-          pullAll(assetModules, unparsedEntryModules);
+          assetModules = assetModules.filter(mod => !unparsedEntryModules.includes(mod));
           assetModules.unshift({
             identifier: './entry modules',
             name: './entry modules',
@@ -181,7 +173,7 @@ function getViewerData(bundleStats, bundleDir, opts) {
       statSize: asset.tree.size || asset.size,
       parsedSize: asset.parsedSize,
       gzipSize: asset.gzipSize,
-      groups: invokeMap(asset.tree.children, 'toChartData'),
+      groups: Object.values(asset.tree.children).map(i => i.toChartData()),
       isInitialByEntrypoint: (_chunkToInitialByEntr = chunkToInitialByEntrypoint[filename]) !== null && _chunkToInitialByEntr !== void 0 ? _chunkToInitialByEntr : {}
     };
   });
@@ -200,8 +192,20 @@ function getChildAssetBundles(bundleStats, assetName) {
 function getBundleModules(bundleStats) {
   var _bundleStats$chunks;
 
-  return uniqBy(flatten((((_bundleStats$chunks = bundleStats.chunks) === null || _bundleStats$chunks === void 0 ? void 0 : _bundleStats$chunks.map(chunk => chunk.modules)) || []).concat(bundleStats.modules).filter(Boolean)), 'id' // Filtering out Webpack's runtime modules as they don't have ids and can't be parsed (introduced in Webpack 5)
-  ).filter(m => !isRuntimeModule(m));
+  const seenIds = new Set();
+  return flatten((((_bundleStats$chunks = bundleStats.chunks) === null || _bundleStats$chunks === void 0 ? void 0 : _bundleStats$chunks.map(chunk => chunk.modules)) || []).concat(bundleStats.modules).filter(Boolean)).filter(mod => {
+    // Filtering out Webpack's runtime modules as they don't have ids and can't be parsed (introduced in Webpack 5)
+    if (isRuntimeModule(mod)) {
+      return false;
+    }
+
+    if (seenIds.has(mod.id)) {
+      return false;
+    }
+
+    seenIds.add(mod.id);
+    return true;
+  });
 }
 
 function assetHasModule(statAsset, statModule) {
@@ -241,4 +245,36 @@ function getChunkToInitialByEntrypoint(bundleStats) {
   return chunkToEntrypointInititalMap;
 }
 
-;
+;
+/**
+ * arr-flatten <https://github.com/jonschlinkert/arr-flatten>
+ *
+ * Copyright (c) 2014-2017, Jon Schlinkert.
+ * Released under the MIT License.
+ *
+ * Modified by Sukka <https://skk.moe>
+ *
+ * Replace recursively flatten with one-level deep flatten to match lodash.flatten
+ *
+ * TODO: replace with Array.prototype.flat once Node.js 10 support is dropped
+ */
+
+function flatten(arr) {
+  if (!arr) return [];
+  const len = arr.length;
+  if (!len) return [];
+  let cur;
+  const res = [];
+
+  for (let i = 0; i < len; i++) {
+    cur = arr[i];
+
+    if (Array.isArray(cur)) {
+      res.push(...cur);
+    } else {
+      res.push(cur);
+    }
+  }
+
+  return res;
+}

package/lib/template.js

@@ -5,7 +5,9 @@ const path = require('path');
 
 const fs = require('fs');
 
-const escape = require('lodash.escape');
+const {
+  escape
+} = require('html-escaper');
 
 const projectRoot = path.resolve(__dirname, '..');
 const assetsRoot = path.join(projectRoot, 'public');

package/lib/tree/BaseFolder.js

@@ -5,8 +5,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
-var _lodash = _interopRequireDefault(require("lodash.invokemap"));
-
 var _Node = _interopRequireDefault(require("./Node"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -117,7 +115,7 @@ class BaseFolder extends _Node.default {
       label: this.name,
       path: this.path,
       statSize: this.size,
-      groups: (0, _lodash.default)(this.children, 'toChartData')
+      groups: Object.values(this.children).map(child => child.toChartData())
     };
   }
 

package/lib/tree/ConcatenatedModule.js

@@ -5,8 +5,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
-var _lodash = _interopRequireDefault(require("lodash.invokemap"));
-
 var _Module = _interopRequireDefault(require("./Module"));
 
 var _ContentModule = _interopRequireDefault(require("./ContentModule"));
@@ -88,13 +86,17 @@ class ConcatenatedModule extends _Module.default {
   }
 
   mergeNestedFolders() {
-    (0, _lodash.default)(this.children, 'mergeNestedFolders');
+    Object.values(this.children).forEach(child => {
+      if (child.mergeNestedFolders) {
+        child.mergeNestedFolders();
+      }
+    });
   }
 
   toChartData() {
     return { ...super.toChartData(),
       concatenated: true,
-      groups: (0, _lodash.default)(this.children, 'toChartData')
+      groups: Object.values(this.children).map(child => child.toChartData())
     };
   }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "webpack-bundle-analyzer",
-  "version": "4.9.1",
+  "version": "4.10.0",
   "description": "Webpack plugin and CLI utility that represents bundle content as convenient interactive zoomable treemap",
   "author": "Yury Grunin <grunin.ya@ya.ru>",
   "license": "MIT",
@@ -18,6 +18,7 @@
   "engines": {
     "node": ">= 10.13.0"
   },
+  "packageManager": "npm@6.14.8",
   "scripts": {
     "start": "gulp watch",
     "build": "gulp build",
@@ -36,15 +37,11 @@
     "acorn": "^8.0.4",
     "acorn-walk": "^8.0.0",
     "commander": "^7.2.0",
+    "debounce": "^1.2.1",
     "escape-string-regexp": "^4.0.0",
     "gzip-size": "^6.0.0",
+    "html-escaper": "^2.0.2",
     "is-plain-object": "^5.0.0",
-    "lodash.debounce": "^4.0.8",
-    "lodash.escape": "^4.0.1",
-    "lodash.flatten": "^4.4.0",
-    "lodash.invokemap": "^4.6.0",
-    "lodash.pullall": "^4.2.0",
-    "lodash.uniqby": "^4.7.0",
     "opener": "^1.5.2",
     "picocolors": "^1.0.0",
     "sirv": "^2.0.3",