feat: h3

packages/vike-node/README.md

@@ -149,6 +149,7 @@ app.use(
 - Express
 - Fastify
 - Hono
+- H3
 - Elysia (Bun)
 
 Express:
@@ -212,6 +213,38 @@ function startServer() {
 }
 ```
 
+H3:
+
+```js
+// server/index.js
+
+import vike from 'vike-node/h3'
+import {
+    createApp,
+    createRouter,
+    eventHandler,
+    toNodeListener,
+    toWebRequest,
+} from "h3"
+
+startServer()
+
+function startServer() {
+  const app = createApp();
+  const port = +(process.env.PORT || 3000)
+  const router = createRouter();
+  router.use("/**", eventHandler(vike()));
+
+    app.use(router);
+
+    const server = createServer(toNodeListener(app)).listen(port);
+
+    server.on("listening", () => {
+        console.log(`Server running at http://localhost:${port}`);
+    });
+}
+```
+
 Elysia (Bun):
 
 ```js

packages/vike-node/package.json

@@ -5,6 +5,7 @@
   "exports": {
     "./connect": "./dist/connect.js",
     "./fastify": "./dist/fastify.js",
+    "./h3": "./dist/h3.js",
     "./hono": "./dist/hono.js",
     "./elysia": "./dist/elysia.js",
     "./plugin": "./dist/plugin/index.js"
@@ -31,6 +32,7 @@
     "@brillout/release-me": "^0.4.0",
     "@types/node": "^20.14.12",
     "fastify": "^4.28.1",
+    "h3": "^1.12.0",
     "hono": "^4.5.1",
     "elysia": "^1.1.4",
     "typescript": "^5.5.4",
@@ -45,6 +47,9 @@
       "fastify": [
         "./dist/fastify.d.ts"
       ],
+      "h3": [
+        "./dist/h3.d.ts"
+      ],
       "hono": [
         "./dist/hono.d.ts"
       ],

packages/vike-node/src/h3.ts

@@ -0,0 +1 @@
+export { vike, vike as default } from './runtime/frameworks/h3.js'

packages/vike-node/src/runtime/frameworks/h3.ts

@@ -0,0 +1,45 @@
+export { vike }
+
+import { EventHandlerRequest, H3Event, toWebRequest } from 'h3'
+import { connectToWeb } from '../adapters/connectToWeb.js'
+import { globalStore } from '../globalStore.js'
+import { createHandler } from '../handler.js'
+import type { VikeOptions } from '../types.js'
+
+/**
+ * Creates a H3 middleware to handle Vike requests and HMR (Hot Module Replacement).
+ *
+ * @param {VikeOptions} [options] - Configuration options for Vike.
+ *
+ * @returns {MiddlewareHandler} A H3 middleware function that processes requests with Vike.
+ *
+ * @description
+ * This function creates a H3 middleware that integrates Vike's server-side rendering capabilities
+ * and handles Hot Module Replacement (HMR) for development environments. The middleware:
+ *
+ * 1. Checks for and handles HMR WebSocket upgrade requests.
+ * 2. Processes regular requests using Vike's handler.
+ * 3. Adapts Node.js-style request handling to work with Web standard Response objects.
+ */
+function vike(options?: VikeOptions<Request>) {
+    const handler = createHandler(options);
+
+    return async function middleware(event: H3Event<EventHandlerRequest>) {
+        const request = toWebRequest(event);
+
+        globalStore.setupHMRProxy(event.node.req);
+
+        const response = await connectToWeb((req, res, next) =>
+            handler({
+                req,
+                res,
+                next,
+                platformRequest: request
+            })
+        )(request)
+
+        if (response) {
+            return response
+        }
+    }
+}