webpack-bundle-analyzer 4.2.0 → 4.4.2

package/CHANGELOG.md

@@ -12,7 +12,40 @@ _Note: Gaps between patch versions are faulty, broken or test releases._
 
 ## UNRELEASED
 
-<!-- Add changelog entries for new changes under this section -->
+## 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**
+   * Fix missing module chunks ([#433](https://github.com/webpack-contrib/webpack-bundle-analyzer/pull/433) by [@deanshub](https://github.com/deanshub))
+
+ * **Internal**
+   * Fix tests timing out in CI ([#435](https://github.com/webpack-contrib/webpack-bundle-analyzer/pull/435) by [@deanshub](https://github.com/deanshub))
+   * Fix command in issue template ([#428](https://github.com/webpack-contrib/webpack-bundle-analyzer/pull/428) by [@cncolder](https://github.com/cncolder))
+
+## 4.4.0
+
+ * **Improvement**
+   * Keep treemap labels visible during zooming animations for better user experience ([#414](https://github.com/webpack-contrib/webpack-bundle-analyzer/pull/414) by [@stanislawosinski](https://github.com/stanislawosinski))
+     
+ * **Bug Fix**
+   * Don't show an empty tooltip when hovering over the FoamTree attribution group or between top-level groups ([#413](https://github.com/webpack-contrib/webpack-bundle-analyzer/pull/413) by [@stanislawosinski](https://github.com/stanislawosinski))
+ 
+ * **Internal**
+   * Upgrade FoamTree to version 3.5.0, replace vendor dependency with an NPM package ([#412](https://github.com/webpack-contrib/webpack-bundle-analyzer/pull/412) by [@stanislawosinski](https://github.com/stanislawosinski))
+    
+## 4.3.0
+
+ * **Improvement**
+   * Replace express with builtin node server, reducing number of dependencies ([#398](https://github.com/webpack-contrib/webpack-bundle-analyzer/pull/398) by [@TrySound](https://github.com/TrySound))
+   * Move `filesize` to dev dependencies, reducing number of dependencies ([#401](https://github.com/webpack-contrib/webpack-bundle-analyzer/pull/401) by [@realityking](https://github.com/realityking))
+   
+ * **Internal**
+   * Replace Travis with GitHub actions ([#402](https://github.com/webpack-contrib/webpack-bundle-analyzer/pull/402) by [@valscion](https://github.com/valscion))
 
 ## 4.2.0
 

package/README.md

@@ -178,6 +178,9 @@ Analyzer will use 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).
 
+<h2 align="center">Other tools</h2>
+
+- [Statoscope](https://github.com/smelukov/statoscope/blob/master/packages/ui-webpack/README.md) - Webpack bundle analyzing tool to find out why a certain module was bundled (and more features, including interactive treemap)
 
 <h2 align="center">Maintainers</h2>
 

package/lib/BundleAnalyzerPlugin.js

@@ -141,6 +141,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/analyzer.js

@@ -184,7 +184,7 @@ function getBundleModules(bundleStats) {
 
 function assetHasModule(statAsset, statModule) {
   // Checking if this module is the part of asset chunks
-  return statModule.chunks.some(moduleChunk => statAsset.chunks.includes(moduleChunk));
+  return (statModule.chunks || []).some(moduleChunk => statAsset.chunks.includes(moduleChunk));
 }
 
 function isEntryModule(statModule) {

package/lib/viewer.js

@@ -8,9 +8,9 @@ const http = require('http');
 
 const WebSocket = require('ws');
 
-const _ = require('lodash');
+const sirv = require('sirv');
 
-const express = require('express');
+const _ = require('lodash');
 
 const {
   bold
@@ -63,22 +63,27 @@ async function startServer(bundleStats, opts) {
   };
   let chartData = getChartData(analyzerOpts, bundleStats, bundleDir);
   if (!chartData) return;
-  const app = express();
-  app.use(express.static(`${projectRoot}/public`));
-  app.get('/', (req, res) => {
-    res.writeHead(200, {
-      'Content-Type': 'text/html'
-    });
-    const html = renderViewer({
-      mode: 'server',
-      title: resolveTitle(reportTitle),
-      chartData,
-      defaultSizes,
-      enableWebSocket: true
-    });
-    return res.end(html);
+  const sirvMiddleware = sirv(`${projectRoot}/public`, {
+    // disables caching and traverse the file system on every request
+    dev: true
+  });
+  const server = http.createServer((req, res) => {
+    if (req.method === 'GET' && req.url === '/') {
+      const html = renderViewer({
+        mode: 'server',
+        title: resolveTitle(reportTitle),
+        chartData,
+        defaultSizes,
+        enableWebSocket: true
+      });
+      res.writeHead(200, {
+        'Content-Type': 'text/html'
+      });
+      res.end(html);
+    } else {
+      sirvMiddleware(req, res);
+    }
   });
-  const server = http.createServer(app);
   await new Promise(resolve => {
     server.listen(port, host, () => {
       resolve();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "webpack-bundle-analyzer",
-  "version": "4.2.0",
+  "version": "4.4.2",
   "description": "Webpack plugin and CLI utility that represents bundle content as convenient interactive zoomable treemap",
   "author": "Yury Grunin <grunin.ya@ya.ru>",
   "license": "MIT",
@@ -37,11 +37,10 @@
     "acorn-walk": "^8.0.0",
     "chalk": "^4.1.0",
     "commander": "^6.2.0",
-    "express": "^4.17.1",
-    "filesize": "^6.1.0",
     "gzip-size": "^6.0.0",
     "lodash": "^4.17.20",
     "opener": "^1.5.2",
+    "sirv": "^1.0.7",
     "ws": "^7.3.1"
   },
   "devDependencies": {
@@ -53,6 +52,7 @@
     "@babel/preset-react": "7.12.5",
     "@babel/register": "7.12.1",
     "@babel/runtime": "7.12.5",
+    "@carrotsearch/foamtree": "3.5.0",
     "autoprefixer": "10.0.1",
     "babel-eslint": "10.1.0",
     "babel-loader": "8.1.0",
@@ -69,6 +69,7 @@
     "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",
     "gulp": "4.0.2",
     "gulp-babel": "8.0.0",
@@ -76,7 +77,7 @@
     "mobx-react": "6.3.1",
     "mocha": "8.2.1",
     "nightmare": "3.0.2",
-    "postcss": "8.1.6",
+    "postcss": "8.2.10",
     "postcss-icss-values": "2.0.2",
     "postcss-loader": "4.0.4",
     "preact": "10.5.5",