refactor: replace compression with http-compression (#146)

Author: chenjiahan

package.json

@@ -50,12 +50,12 @@
     "@types/serve-static": "^2.2.0",
     "@types/ws": "^8.18.1",
     "chokidar": "^3.6.0",
-    "connect-next": "^4.0.0",
     "connect-history-api-fallback": "^2.0.0",
+    "connect-next": "^4.0.0",
     "http-proxy-middleware": "^3.0.5",
     "ipaddr.js": "^2.3.0",
-    "serve-static": "^2.2.1",
     "serve-index": "^1.9.2",
+    "serve-static": "^2.2.1",
     "webpack-dev-middleware": "^7.4.5",
     "ws": "^8.19.0"
   },
@@ -66,17 +66,16 @@
     "@rspack/core": "2.0.0-beta.5",
     "@rspack/plugin-react-refresh": "1.6.1",
     "@rstest/core": "^0.9.0",
-    "@types/compression": "^1.8.1",
     "@types/mime-types": "3.0.1",
     "@types/node": "^24.12.0",
     "@types/node-forge": "^1.3.14",
     "@types/trusted-types": "^2.0.7",
     "@types/ws": "8.18.1",
-    "express": "^5.2.1",
-    "compression": "^1.8.1",
     "cross-env": "^10.1.0",
     "css-loader": "^7.1.4",
+    "express": "^5.2.1",
     "hono": "^4.12.5",
+    "http-compression": "^1.1.2",
     "http-proxy": "^1.18.1",
     "launch-editor": "^2.13.1",
     "nano-staged": "^0.9.0",

pnpm-lock.yaml

@@ -15,7 +15,6 @@ export default defineConfig({
           'serve-static': 'commonjs serve-static',
           'serve-index': 'commonjs serve-index',
           selfsigned: 'commonjs selfsigned',
-          compression: 'commonjs compression',
           chokidar: 'commonjs chokidar',
         },
       },

rslib.config.ts

@@ -0,0 +1,34 @@
+declare module 'http-compression' {
+  import type {
+    BrotliOptions,
+    GzipOptions,
+    IncomingHttpHeaders,
+    IncomingMessage,
+    ServerResponse,
+  } from 'node:http';
+
+  interface CompressionLevelOptions {
+    brotli?: number;
+    gzip?: number;
+  }
+
+  interface HttpCompressionOptions {
+    threshold?: number;
+    level?: CompressionLevelOptions;
+    brotli?: boolean | BrotliOptions;
+    gzip?: boolean | GzipOptions;
+    mimes?: RegExp;
+  }
+
+  type Next = (err?: unknown) => void;
+
+  type HttpCompressionMiddleware = (
+    req: IncomingMessage,
+    res: ServerResponse,
+    next?: Next,
+  ) => void;
+
+  export default function compression(
+    options?: HttpCompressionOptions,
+  ): HttpCompressionMiddleware;
+}

src/http-compression.d.ts

@@ -14,6 +14,7 @@ import * as os from 'node:os';
 import * as path from 'node:path';
 import * as url from 'node:url';
 import * as util from 'node:util';
+import compression from 'http-compression';
 import ipaddr from 'ipaddr.js';
 import { getPort } from './getPort';
 import { WebsocketServer } from './servers/WebsocketServer';
@@ -1650,10 +1651,10 @@ class Server<
 
     // compress is placed last and uses unshift so that it will be the first middleware used
     if (this.options.compress) {
-      const { default: compression } = await import(
-        /* webpackChunkName: "compression" */ 'compression'
-      );
-      middlewares.push({ name: 'compression', middleware: compression() });
+      middlewares.push({
+        name: 'compression',
+        middleware: compression(),
+      });
     }
 
     if (typeof this.options.headers !== 'undefined') {