webpack-bundle-analyzer 4.4.1 → 4.6.0

package/CHANGELOG.md

@@ -12,6 +12,28 @@ _Note: Gaps between patch versions are faulty, broken or test releases._
 
 ## UNRELEASED
 
+## 4.6.0
+
+* **New Feature** 
+  * Support outputting different URL in server mode ([#520](https://github.com/webpack-contrib/webpack-bundle-analyzer/pull/520) by [@southorange1228](https://github.com/southorange1228))
+  * Use deterministic chunk colors (#[501](https://github.com/webpack-contrib/webpack-bundle-analyzer/pull/501) by [@CreativeTechGuy](https://github.com/CreativeTechGuy))
+
+## 4.5.0
+
+ * **Improvement**
+   * Stop publishing src folder to npm ([#478](https://github.com/webpack-contrib/webpack-bundle-analyzer/pull/478) by [@wood1986](https://github.com/wood1986))
+
+* **Internal**
+  * Update some dependencies ([#448](https://github.com/webpack-contrib/webpack-bundle-analyzer/pull/448))
+  * Replace nightmare with Puppeteer ([#469](https://github.com/webpack-contrib/webpack-bundle-analyzer/pull/469) by [@valscion](https://github.com/valscion))
+  * Replace Mocha with Jest ([#470](https://github.com/webpack-contrib/webpack-bundle-analyzer/pull/470) by [@valscion](https://github.com/valscion))
+
+## 4.4.2
+
+ * **Bug Fix**
+   * Fix failure with `compiler.outputFileSystem.constructor` being `undefined` ([#447](https://github.com/webpack-contrib/webpack-bundle-analyzer/pull/447) by [@kedarv](https://github.com/kedarv) and [@alexander-akait](https://github.com/alexander-akait))
+     * **NOTE:** This fix doesn't have added test coverage so the fix might break in future versions unless test coverage is added later.
+
 ## 4.4.1
 
  * **Bug Fix**

package/README.md

@@ -59,6 +59,7 @@ new BundleAnalyzerPlugin(options?: object)
 |**`analyzerMode`**|One of: `server`, `static`, `json`, `disabled`|Default: `server`. In `server` mode analyzer will start HTTP server to show bundle report. In `static` mode single HTML file with bundle report will be generated. In `json` mode single JSON file with bundle report will be generated. In `disabled` mode you can use this plugin to just generate Webpack Stats JSON file by setting `generateStatsFile` to `true`. |
 |**`analyzerHost`**|`{String}`|Default: `127.0.0.1`. Host that will be used in `server` mode to start HTTP server.|
 |**`analyzerPort`**|`{Number}` or `auto`|Default: `8888`. Port that will be used in `server` mode to start HTTP server.|
+|**`analyzerUrl`**|`{Function}` called with `{ listenHost: string, listenHost: string, boundAddress: server.address}`. [server.address comes from Node.js](https://nodejs.org/api/net.html#serveraddress)| Default: `http://${listenHost}:${boundAddress.port}`. The URL printed to console with server mode.|
 |**`reportFilename`**|`{String}`|Default: `report.html`. Path to bundle report file that will be generated in `static` mode. It can be either an absolute path or a path relative to a bundle output directory (which is output.path in webpack config).|
 |**`reportTitle`**|`{String\|function}`|Default: function that returns pretty printed current date and time. Content of the HTML `title` element; or a function of the form `() => string` that provides the content.|
 |**`defaultSizes`**|One of: `stat`, `parsed`, `gzip`|Default: `parsed`. Module sizes to show in report by default. [Size definitions](#size-definitions) section describes what these values mean.|
@@ -173,8 +174,8 @@ The Chunk Context Menu can be opened by right-clicking or `Ctrl`-clicking on a s
 
 It happens when `webpack-bundle-analyzer` analyzes files that don't actually exist in your file system, for example when you work with `webpack-dev-server` that keeps all the files in RAM. If you use `webpack-bundle-analyzer` as a plugin you won't get any errors, however if you run it via CLI you get the error message in terminal:
 ```
-Couldn't parse bundle asset "your_bundle_name.bundle.js".
-Analyzer will use module sizes from stats file.
+Error parsing bundle asset "your_bundle_name.bundle.js": no such file
+No bundles were parsed. Analyzer will show only original module sizes from stats file.
 ```
 To get more information about it you can read [issue #147](https://github.com/webpack-contrib/webpack-bundle-analyzer/issues/147).
 

package/lib/BundleAnalyzerPlugin.js

@@ -34,6 +34,7 @@ class BundleAnalyzerPlugin {
       logLevel: 'info',
       // deprecated
       startAnalyzer: true,
+      analyzerUrl: utils.defaultAnalyzerUrl,
       ...opts,
       analyzerPort: 'analyzerPort' in opts ? opts.analyzerPort === 'auto' ? 0 : opts.analyzerPort : 8888
     };
@@ -114,7 +115,8 @@ class BundleAnalyzerPlugin {
         bundleDir: this.getBundleDirFromCompiler(),
         logger: this.logger,
         defaultSizes: this.opts.defaultSizes,
-        excludeAssets: this.opts.excludeAssets
+        excludeAssets: this.opts.excludeAssets,
+        analyzerUrl: this.opts.analyzerUrl
       });
     }
   }
@@ -141,6 +143,10 @@ class BundleAnalyzerPlugin {
   }
 
   getBundleDirFromCompiler() {
+    if (typeof this.compiler.outputFileSystem.constructor === 'undefined') {
+      return this.compiler.outputPath;
+    }
+
     switch (this.compiler.outputFileSystem.constructor.name) {
       case 'MemoryFileSystem':
         return null;

package/lib/bin/analyzer.js

@@ -24,13 +24,14 @@ const SIZES = new Set(['stat', 'parsed', 'gzip']);
 const program = commander.version(require('../../package.json').version).usage(`<bundleStatsFile> [bundleDir] [options]
 
   Arguments:
-  
+
     bundleStatsFile  Path to Webpack Stats JSON file.
     bundleDir        Directory containing all generated bundles.
                      You should provided it if you want analyzer to show you the real parsed module sizes.
                      By default a directory of stats file is used.`).option('-m, --mode <mode>', 'Analyzer mode. Should be `server`,`static` or `json`.' + br('In `server` mode analyzer will start HTTP server to show bundle report.') + br('In `static` mode single HTML file with bundle report will be generated.') + br('In `json` mode single JSON file with bundle report will be generated.'), 'server').option( // Had to make `host` parameter optional in order to let `-h` flag output help message
 // Fixes https://github.com/webpack-contrib/webpack-bundle-analyzer/issues/239
 '-h, --host [host]', 'Host that will be used in `server` mode to start HTTP server.', '127.0.0.1').option('-p, --port <n>', 'Port that will be used in `server` mode to start HTTP server.', 8888).option('-r, --report <file>', 'Path to bundle report file that will be generated in `static` mode.').option('-t, --title <title>', 'String to use in title element of html report.').option('-s, --default-sizes <type>', 'Module sizes to show in treemap by default.' + br(`Possible values: ${[...SIZES].join(', ')}`), 'parsed').option('-O, --no-open', "Don't open report in default browser automatically.").option('-e, --exclude <regexp>', 'Assets that should be excluded from the report.' + br('Can be specified multiple times.'), array()).option('-l, --log-level <level>', 'Log level.' + br(`Possible values: ${[...Logger.levels].join(', ')}`), Logger.defaultLevel).parse(process.argv);
+let [bundleStatsFile, bundleDir] = program.args;
 let {
   mode,
   host,
@@ -40,9 +41,8 @@ let {
   defaultSizes,
   logLevel,
   open: openBrowser,
-  exclude: excludeAssets,
-  args: [bundleStatsFile, bundleDir]
-} = program;
+  exclude: excludeAssets
+} = program.opts();
 const logger = new Logger(logLevel);
 
 if (typeof reportTitle === 'undefined') {

package/lib/utils.js

@@ -53,6 +53,14 @@ 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,
+    boundAddress
+  } = options;
+  return `http://${listenHost}:${boundAddress.port}`;
+};
 /**
  * Calls opener on a URI, but silently try / catches it.
  */

package/lib/viewer.js

@@ -55,7 +55,8 @@ async function startServer(bundleStats, opts) {
     logger = new Logger(),
     defaultSizes = 'parsed',
     excludeAssets = null,
-    reportTitle
+    reportTitle,
+    analyzerUrl
   } = opts || {};
   const analyzerOpts = {
     logger,
@@ -87,7 +88,11 @@ async function startServer(bundleStats, opts) {
   await new Promise(resolve => {
     server.listen(port, host, () => {
       resolve();
-      const url = `http://${host}:${server.address().port}`;
+      const url = analyzerUrl({
+        listenPort: port,
+        listenHost: host,
+        boundAddress: server.address()
+      });
       logger.info(`${bold('Webpack Bundle Analyzer')} is started at ${bold(url)}\n` + `Use ${bold('Ctrl+C')} to close it`);
 
       if (openBrowser) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "webpack-bundle-analyzer",
-  "version": "4.4.1",
+  "version": "4.6.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",
@@ -24,19 +24,18 @@
     "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 && mocha --exit --require @babel/register",
-    "test-dev": "npm run install-test-webpack-versions && mocha --watch --watch-ignore test/output --require @babel/register"
+    "test": "npm run install-test-webpack-versions && jest --runInBand",
+    "test-dev": "npm run install-test-webpack-versions && jest --watch --runInBand"
   },
   "files": [
     "public",
-    "lib",
-    "src"
+    "lib"
   ],
   "dependencies": {
     "acorn": "^8.0.4",
     "acorn-walk": "^8.0.0",
     "chalk": "^4.1.0",
-    "commander": "^6.2.0",
+    "commander": "^7.2.0",
     "gzip-size": "^6.0.0",
     "lodash": "^4.17.20",
     "opener": "^1.5.2",
@@ -44,50 +43,48 @@
     "ws": "^7.3.1"
   },
   "devDependencies": {
-    "@babel/core": "7.12.3",
-    "@babel/plugin-proposal-class-properties": "7.12.1",
-    "@babel/plugin-proposal-decorators": "7.12.1",
-    "@babel/plugin-transform-runtime": "7.12.1",
-    "@babel/preset-env": "7.12.1",
-    "@babel/preset-react": "7.12.5",
-    "@babel/register": "7.12.1",
-    "@babel/runtime": "7.12.5",
+    "@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",
     "@carrotsearch/foamtree": "3.5.0",
-    "autoprefixer": "10.0.1",
+    "autoprefixer": "10.2.5",
     "babel-eslint": "10.1.0",
-    "babel-loader": "8.1.0",
+    "babel-loader": "8.2.2",
     "babel-plugin-lodash": "3.3.4",
-    "chai": "4.2.0",
+    "chai": "4.3.4",
     "chai-subset": "1.6.0",
-    "classnames": "2.2.6",
-    "core-js": "3.6.5",
-    "css-loader": "5.0.1",
-    "cssnano": "4.1.10",
+    "classnames": "2.3.1",
+    "core-js": "3.12.1",
+    "css-loader": "5.2.5",
+    "cssnano": "5.0.4",
     "del": "6.0.0",
     "eslint": "5.16.0",
     "eslint-config-th0r": "2.0.0",
     "eslint-config-th0r-react": "2.0.1",
-    "eslint-plugin-react": "7.21.5",
-    "exports-loader": "1.1.1",
-    "filesize": "^6.1.0",
-    "globby": "11.0.1",
+    "eslint-plugin-react": "7.23.2",
+    "filesize": "^6.3.0",
+    "globby": "11.0.3",
     "gulp": "4.0.2",
     "gulp-babel": "8.0.0",
+    "jest": "27.2.2",
     "mobx": "5.15.7",
     "mobx-react": "6.3.1",
-    "mocha": "8.2.1",
-    "nightmare": "3.0.2",
-    "postcss": "8.1.6",
+    "postcss": "8.3.0",
     "postcss-icss-values": "2.0.2",
-    "postcss-loader": "4.0.4",
-    "preact": "10.5.5",
+    "postcss-loader": "5.3.0",
+    "preact": "10.5.13",
+    "puppeteer": "10.4.0",
     "stream-combiner2": "1.1.1",
     "style-loader": "2.0.0",
-    "terser-webpack-plugin": "5.0.3",
+    "terser-webpack-plugin": "5.1.2",
     "url-loader": "4.1.1",
-    "webpack": "5.4.0",
+    "webpack": "5.37.1",
     "webpack-cli": "3.3.12",
-    "webpack-dev-server": "3.11.0"
+    "webpack-dev-server": "3.11.2"
   },
   "keywords": [
     "webpack",