webpack-bundle-analyzer 4.10.1 → 5.0.0

package/lib/viewer.js

@@ -1,37 +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 {
-  isPlainObject
-} = require('is-plain-object');
-
 const {
   bold
 } = 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();
@@ -39,7 +24,10 @@ function resolveTitle(reportTitle) {
     return reportTitle;
   }
 }
-
+function resolveDefaultSizes(defaultSizes, compressionAlgorithm) {
+  if (['gzip', 'brotli'].includes(defaultSizes)) return compressionAlgorithm;
+  return defaultSizes;
+}
 module.exports = {
   startServer,
   generateReport,
@@ -48,7 +36,6 @@ module.exports = {
   // deprecated
   start: startServer
 };
-
 async function startServer(bundleStats, opts) {
   const {
     port = 8888,
@@ -57,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);
@@ -79,7 +68,8 @@ async function startServer(bundleStats, opts) {
         title: resolveTitle(reportTitle),
         chartData,
         entrypoints,
-        defaultSizes,
+        defaultSizes: resolveDefaultSizes(defaultSizes, compressionAlgorithm),
+        compressionAlgorithm,
         enableWebSocket: true
       });
       res.writeHead(200, {
@@ -99,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);
       }
@@ -120,7 +109,6 @@ async function startServer(bundleStats, opts) {
     http: server,
     updateChartData
   };
-
   function updateChartData(bundleStats) {
     const newChartData = getChartData(analyzerOpts, bundleStats, bundleDir);
     if (!newChartData) return;
@@ -135,7 +123,6 @@ async function startServer(bundleStats, opts) {
     });
   }
 }
-
 async function generateReport(bundleStats, opts) {
   const {
     openBrowser = true,
@@ -144,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;
@@ -157,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);
@@ -166,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), {
@@ -190,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) && Object.keys(chartData).length === 0) {
-    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,22 +1,22 @@
 {
   "name": "webpack-bundle-analyzer",
-  "version": "4.10.1",
+  "version": "5.0.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": {
@@ -25,8 +25,8 @@
     "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",
@@ -39,26 +39,23 @@
     "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",
     "opener": "^1.5.2",
     "picocolors": "^1.0.0",
     "sirv": "^2.0.3",
     "ws": "^7.3.1"
   },
   "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-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",
@@ -75,7 +72,7 @@
     "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",
@@ -85,14 +82,14 @@
     "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",