webpack-bundle-analyzer 4.9.0 → 5.2.0

package/lib/utils.js

@@ -4,45 +4,35 @@ const {
   inspect,
   types
 } = require('util');
-
-const _ = require('lodash');
-
 const opener = require('opener');
-
 const MONTHS = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'];
 exports.createAssetsFilter = createAssetsFilter;
-
 function createAssetsFilter(excludePatterns) {
-  const excludeFunctions = _(excludePatterns).castArray().compact().map(pattern => {
+  const excludeFunctions = (Array.isArray(excludePatterns) ? excludePatterns : [excludePatterns]).filter(Boolean).map(pattern => {
     if (typeof pattern === 'string') {
       pattern = new RegExp(pattern, 'u');
     }
-
     if (types.isRegExp(pattern)) {
       return asset => pattern.test(asset);
     }
-
     if (typeof pattern !== 'function') {
       throw new TypeError(`Pattern should be either string, RegExp or a function, but "${inspect(pattern, {
         depth: 0
       })}" got.`);
     }
-
     return pattern;
-  }).value();
-
+  });
   if (excludeFunctions.length) {
     return asset => excludeFunctions.every(fn => fn(asset) !== true);
   } else {
     return () => true;
   }
 }
+
 /**
  * @desc get string of current time
  * format: dd/MMM HH:mm
  * */
-
-
 exports.defaultTitle = function () {
   const time = new Date();
   const year = time.getFullYear();
@@ -53,7 +43,6 @@ exports.defaultTitle = function () {
   const currentTime = `${day} ${month} ${year} at ${hour}:${minute}`;
   return `${process.env.npm_package_name || 'Webpack Bundle Analyzer'} [${currentTime}]`;
 };
-
 exports.defaultAnalyzerUrl = function (options) {
   const {
     listenHost,
@@ -61,11 +50,10 @@ exports.defaultAnalyzerUrl = function (options) {
   } = options;
   return `http://${listenHost}:${boundAddress.port}`;
 };
+
 /**
  * Calls opener on a URI, but silently try / catches it.
  */
-
-
 exports.open = function (uri, logger) {
   try {
     opener(uri);

package/lib/viewer.js

@@ -1,35 +1,22 @@
 "use strict";
 
 const path = require('path');
-
 const fs = require('fs');
-
 const http = require('http');
-
 const WebSocket = require('ws');
-
 const sirv = require('sirv');
-
-const _ = require('lodash');
-
 const {
   bold
-} = require('chalk');
-
+} = require('picocolors');
 const Logger = require('./Logger');
-
 const analyzer = require('./analyzer');
-
 const {
   open
 } = require('./utils');
-
 const {
   renderViewer
 } = require('./template');
-
 const projectRoot = path.resolve(__dirname, '..');
-
 function resolveTitle(reportTitle) {
   if (typeof reportTitle === 'function') {
     return reportTitle();
@@ -37,7 +24,10 @@ function resolveTitle(reportTitle) {
     return reportTitle;
   }
 }
-
+function resolveDefaultSizes(defaultSizes, compressionAlgorithm) {
+  if (['gzip', 'brotli', 'zstd'].includes(defaultSizes)) return compressionAlgorithm;
+  return defaultSizes;
+}
 module.exports = {
   startServer,
   generateReport,
@@ -46,7 +36,6 @@ module.exports = {
   // deprecated
   start: startServer
 };
-
 async function startServer(bundleStats, opts) {
   const {
     port = 8888,
@@ -55,13 +44,15 @@ async function startServer(bundleStats, opts) {
     bundleDir = null,
     logger = new Logger(),
     defaultSizes = 'parsed',
+    compressionAlgorithm,
     excludeAssets = null,
     reportTitle,
     analyzerUrl
   } = opts || {};
   const analyzerOpts = {
     logger,
-    excludeAssets
+    excludeAssets,
+    compressionAlgorithm
   };
   let chartData = getChartData(analyzerOpts, bundleStats, bundleDir);
   const entrypoints = getEntrypoints(bundleStats);
@@ -77,7 +68,8 @@ async function startServer(bundleStats, opts) {
         title: resolveTitle(reportTitle),
         chartData,
         entrypoints,
-        defaultSizes,
+        defaultSizes: resolveDefaultSizes(defaultSizes, compressionAlgorithm),
+        compressionAlgorithm,
         enableWebSocket: true
       });
       res.writeHead(200, {
@@ -97,7 +89,6 @@ async function startServer(bundleStats, opts) {
         boundAddress: server.address()
       });
       logger.info(`${bold('Webpack Bundle Analyzer')} is started at ${bold(url)}\n` + `Use ${bold('Ctrl+C')} to close it`);
-
       if (openBrowser) {
         open(url, logger);
       }
@@ -118,7 +109,6 @@ async function startServer(bundleStats, opts) {
     http: server,
     updateChartData
   };
-
   function updateChartData(bundleStats) {
     const newChartData = getChartData(analyzerOpts, bundleStats, bundleDir);
     if (!newChartData) return;
@@ -133,7 +123,6 @@ async function startServer(bundleStats, opts) {
     });
   }
 }
-
 async function generateReport(bundleStats, opts) {
   const {
     openBrowser = true,
@@ -142,11 +131,13 @@ async function generateReport(bundleStats, opts) {
     bundleDir = null,
     logger = new Logger(),
     defaultSizes = 'parsed',
+    compressionAlgorithm,
     excludeAssets = null
   } = opts || {};
   const chartData = getChartData({
     logger,
-    excludeAssets
+    excludeAssets,
+    compressionAlgorithm
   }, bundleStats, bundleDir);
   const entrypoints = getEntrypoints(bundleStats);
   if (!chartData) return;
@@ -155,7 +146,8 @@ async function generateReport(bundleStats, opts) {
     title: resolveTitle(reportTitle),
     chartData,
     entrypoints,
-    defaultSizes,
+    defaultSizes: resolveDefaultSizes(defaultSizes, compressionAlgorithm),
+    compressionAlgorithm,
     enableWebSocket: false
   });
   const reportFilepath = path.resolve(bundleDir || process.cwd(), reportFilename);
@@ -164,22 +156,22 @@ async function generateReport(bundleStats, opts) {
   });
   fs.writeFileSync(reportFilepath, reportHtml);
   logger.info(`${bold('Webpack Bundle Analyzer')} saved report to ${bold(reportFilepath)}`);
-
   if (openBrowser) {
     open(`file://${reportFilepath}`, logger);
   }
 }
-
 async function generateJSONReport(bundleStats, opts) {
   const {
     reportFilename,
     bundleDir = null,
     logger = new Logger(),
-    excludeAssets = null
+    excludeAssets = null,
+    compressionAlgorithm
   } = opts || {};
   const chartData = getChartData({
     logger,
-    excludeAssets
+    excludeAssets,
+    compressionAlgorithm
   }, bundleStats, bundleDir);
   if (!chartData) return;
   await fs.promises.mkdir(path.dirname(reportFilename), {
@@ -188,33 +180,31 @@ async function generateJSONReport(bundleStats, opts) {
   await fs.promises.writeFile(reportFilename, JSON.stringify(chartData));
   logger.info(`${bold('Webpack Bundle Analyzer')} saved JSON report to ${bold(reportFilename)}`);
 }
-
 function getChartData(analyzerOpts, ...args) {
   let chartData;
   const {
     logger
   } = analyzerOpts;
-
   try {
     chartData = analyzer.getViewerData(...args, analyzerOpts);
   } catch (err) {
-    logger.error(`Could't analyze webpack bundle:\n${err}`);
+    logger.error(`Couldn't analyze webpack bundle:\n${err}`);
     logger.debug(err.stack);
     chartData = null;
   }
 
-  if (_.isPlainObject(chartData) && _.isEmpty(chartData)) {
-    logger.error("Could't find any javascript bundles in provided stats file");
+  // chartData can either be an array (bundleInfo[]) or null. It can't be an plain object anyway
+  if (
+  // analyzer.getViewerData() doesn't failed in the previous step
+  chartData && !Array.isArray(chartData)) {
+    logger.error("Couldn't find any javascript bundles in provided stats file");
     chartData = null;
   }
-
   return chartData;
 }
-
 function getEntrypoints(bundleStats) {
-  if (bundleStats === null || bundleStats === undefined) {
+  if (bundleStats === null || bundleStats === undefined || !bundleStats.entrypoints) {
     return [];
   }
-
-  return Object.values(bundleStats.entrypoints || {}).map(entrypoint => entrypoint.name);
+  return Object.values(bundleStats.entrypoints).map(entrypoint => entrypoint.name);
 }

package/package.json

@@ -1,31 +1,32 @@
 {
   "name": "webpack-bundle-analyzer",
-  "version": "4.9.0",
+  "version": "5.2.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",
-  "homepage": "https://github.com/webpack-contrib/webpack-bundle-analyzer",
-  "changelog": "https://github.com/webpack-contrib/webpack-bundle-analyzer/blob/master/CHANGELOG.md",
+  "homepage": "https://github.com/webpack/webpack-bundle-analyzer",
+  "changelog": "https://github.com/webpack/webpack-bundle-analyzer/blob/main/CHANGELOG.md",
   "bugs": {
-    "url": "https://github.com/webpack-contrib/webpack-bundle-analyzer/issues"
+    "url": "https://github.com/webpack/webpack-bundle-analyzer/issues"
   },
   "repository": {
     "type": "git",
-    "url": "git+https://github.com/webpack-contrib/webpack-bundle-analyzer.git"
+    "url": "git+https://github.com/webpack/webpack-bundle-analyzer.git"
   },
   "main": "lib/index.js",
   "bin": "lib/bin/analyzer.js",
   "engines": {
-    "node": ">= 10.13.0"
+    "node": ">= 20.9.0"
   },
+  "packageManager": "npm@6.14.8",
   "scripts": {
     "start": "gulp watch",
     "build": "gulp build",
     "npm-publish": "npm run lint && npm run build && npm test && npm publish",
     "lint": "eslint --ext js,jsx .",
     "install-test-webpack-versions": "./bin/install-test-webpack-versions.sh",
-    "test": "npm run install-test-webpack-versions && jest --runInBand",
-    "test-dev": "npm run install-test-webpack-versions && jest --watch --runInBand"
+    "test": "npm run install-test-webpack-versions && NODE_OPTIONS=--openssl-legacy-provider jest --runInBand",
+    "test-dev": "npm run install-test-webpack-versions && NODE_OPTIONS=--openssl-legacy-provider jest --watch --runInBand"
   },
   "files": [
     "public",
@@ -35,26 +36,27 @@
     "@discoveryjs/json-ext": "0.5.7",
     "acorn": "^8.0.4",
     "acorn-walk": "^8.0.0",
-    "chalk": "^4.1.0",
     "commander": "^7.2.0",
-    "gzip-size": "^6.0.0",
-    "lodash": "^4.17.20",
+    "debounce": "^1.2.1",
+    "escape-string-regexp": "^4.0.0",
+    "html-escaper": "^2.0.2",
     "opener": "^1.5.2",
-    "sirv": "^1.0.7",
-    "ws": "^7.3.1"
+    "picocolors": "^1.0.0",
+    "sirv": "^3.0.2",
+    "ws": "^8.19.0"
   },
   "devDependencies": {
-    "@babel/core": "7.14.3",
-    "@babel/plugin-proposal-class-properties": "7.13.0",
-    "@babel/plugin-proposal-decorators": "7.14.2",
-    "@babel/plugin-transform-runtime": "7.14.3",
-    "@babel/preset-env": "7.14.2",
-    "@babel/preset-react": "7.13.13",
-    "@babel/runtime": "7.14.0",
+    "@babel/core": "7.26.9",
+    "@babel/plugin-proposal-decorators": "7.25.9",
+    "@babel/plugin-transform-class-properties": "^7.27.1",
+    "@babel/plugin-transform-runtime": "7.26.9",
+    "@babel/preset-env": "7.26.9",
+    "@babel/preset-react": "7.26.3",
+    "@babel/runtime": "7.26.9",
     "@carrotsearch/foamtree": "3.5.0",
     "autoprefixer": "10.2.5",
     "babel-eslint": "10.1.0",
-    "babel-loader": "8.2.2",
+    "babel-loader": "9.2.1",
     "babel-plugin-lodash": "3.3.4",
     "chai": "4.3.4",
     "chai-subset": "1.6.0",
@@ -71,21 +73,24 @@
     "globby": "11.0.3",
     "gulp": "4.0.2",
     "gulp-babel": "8.0.0",
-    "jest": "27.2.2",
+    "jest": "^30.2.0",
+    "lodash.memoize": "^4.1.2",
+    "lodash.merge": "^4.6.2",
+    "lodash.partial": "^4.2.1",
     "mobx": "5.15.7",
     "mobx-react": "6.3.1",
     "postcss": "8.3.0",
     "postcss-icss-values": "2.0.2",
     "postcss-loader": "5.3.0",
     "preact": "10.5.13",
-    "puppeteer": "10.4.0",
+    "puppeteer": "^24.30.0",
     "stream-combiner2": "1.1.1",
     "style-loader": "2.0.0",
     "terser-webpack-plugin": "5.1.2",
     "url-loader": "4.1.1",
-    "webpack": "5.76.0",
-    "webpack-cli": "3.3.12",
-    "webpack-dev-server": "3.11.3"
+    "webpack": "5.98.0",
+    "webpack-cli": "6.0.1",
+    "webpack-dev-server": "5.2.0"
   },
   "keywords": [
     "webpack",