feat: add hot option for hot module replacement

.changeset/hot-middleware-migration.md

@@ -0,0 +1,5 @@
+---
+"webpack-dev-middleware": minor
+---
+
+Added a `hot` option that enables hot module replacement, replacing the need for `webpack-hot-middleware`. Pass `hot: true` to enable with defaults, or `hot: { path, heartbeat, progress, statsOptions }` to customize. The client runtime is served by the middleware itself.

.cspell.json

@@ -24,7 +24,18 @@
     "finalhandler",
     "hono",
     "rspack",
-    "malformed"
+    "apos",
+    "malformed",
+    "Consolas",
+    "cspellcache",
+    "CSSOM",
+    "darkgrey",
+    "eslintcache",
+    "esmodules",
+    "mbold",
+    "mred",
+    "noopener",
+    "noreferrer"
   ],
   "ignorePaths": [
     "CHANGELOG.md",
@@ -36,6 +47,8 @@
     "coverage",
     "*.log",
     "./test/fixtures/**",
-    "./test/outputs/**"
+    "./test/outputs/**",
+    "client/**",
+    "examples/*/dist/**"
   ]
 }

.github/workflows/nodejs.yml

@@ -5,10 +5,12 @@ on:
     branches:
       - main
       - next
+      - hot-middleware
   pull_request:
     branches:
       - main
       - next
+      - hot-middleware
 
 permissions:
   contents: read

.gitignore

@@ -6,7 +6,8 @@ logs
 npm-debug.log*
 .eslintcache
 .cspellcache
-/dist
+/client
+dist
 /local
 /reports
 /test/outputs

babel.config.js

@@ -1,19 +1,33 @@
-const MIN_BABEL_VERSION = 7;
-
 module.exports = (api) => {
-  api.assertVersion(MIN_BABEL_VERSION);
   api.cache(true);
 
   return {
     presets: [
       [
         "@babel/preset-env",
         {
+          modules: false,
           targets: {
-            node: "20.9.0",
+            esmodules: true,
+            node: "0.12",
           },
         },
       ],
     ],
+    env: {
+      test: {
+        presets: [
+          [
+            "@babel/preset-env",
+            {
+              targets: {
+                node: "18.12.0",
+              },
+            },
+          ],
+        ],
+        plugins: ["@babel/plugin-transform-runtime"],
+      },
+    },
   };
 };

client-src/globals.d.ts

@@ -0,0 +1,39 @@
+/* eslint-disable */
+
+declare module "ansi-html-community" {
+  function ansiHtmlCommunity(str: string): string;
+  namespace ansiHtmlCommunity {
+    function setColors(colors: Record<string, string | string[]>): void;
+  }
+  export = ansiHtmlCommunity;
+}
+
+interface ClientReporter {
+  cleanProblemsCache(name: string): void;
+  problems(
+    type: "errors" | "warnings",
+    obj: { errors: string[]; warnings: string[]; name?: string },
+  ): boolean;
+  success(obj?: { name?: string }): void;
+  useCustomOverlay(customOverlay: unknown): void;
+}
+
+interface EventSourceWrapper {
+  addMessageListener(fn: (event: { data: string }) => void): void;
+  close(): void;
+}
+
+interface OverlayTrustedTypesPolicy {
+  createHTML(value: string): string;
+}
+
+interface Window {
+  __wdmEventSourceWrapper?: Record<string, EventSourceWrapper>;
+  __webpack_dev_middleware_hot_reporter__?: ClientReporter;
+  trustedTypes?: {
+    createPolicy(
+      name: string,
+      rules: { createHTML(value: string): string },
+    ): OverlayTrustedTypesPolicy;
+  };
+}