webpack-bundle-analyzer 4.2.0 → 4.3.0

package/CHANGELOG.md

@@ -14,6 +14,15 @@ _Note: Gaps between patch versions are faulty, broken or test releases._
 
 <!-- Add changelog entries for new changes under this section -->
 
+## 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
 
  * **Improvement**

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.3.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",
@@ -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": {
@@ -69,6 +68,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",

package/src/viewer.js

@@ -3,8 +3,8 @@ const fs = require('fs');
 const http = require('http');
 
 const WebSocket = require('ws');
+const sirv = require('sirv');
 const _ = require('lodash');
-const express = require('express');
 const {bold} = require('chalk');
 
 const Logger = require('./Logger');
@@ -48,22 +48,26 @@ async function startServer(bundleStats, opts) {
 
   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(app);
+  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);
+    }
+  });
 
   await new Promise(resolve => {
     server.listen(port, host, () => {