-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.mjs
46 lines (43 loc) · 1.2 KB
/
index.mjs
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
import { createMiddleware } from "@hattip/adapter-node";
import { createServer as createViteDevServer } from "vite";
import react from "@vitejs/plugin-react";
import { readFile } from "node:fs/promises";
const viteDevServer = await createViteDevServer({
server: {
middlewareMode: true,
},
appType: "ssr",
plugins: [react()],
});
const html = await readFile("./index.html", "utf-8");
const ssr = createMiddleware(async ({ request }) => {
if (request.headers.get("accept").includes("text/x-component")) {
try {
const { render } = await viteDevServer.ssrLoadModule("./rsc.jsx");
return new Response(await render(), {
headers: {
"content-type": "text/x-component",
},
});
} catch (e) {
return new Response(e.stack, {
status: 500,
headers: {
"content-type": "text/plain",
},
});
}
}
return new Response(
await viteDevServer.transformIndexHtml(request.url, html),
{
headers: {
"content-type": "text/html",
},
}
);
});
viteDevServer.middlewares.use(ssr);
viteDevServer.middlewares.listen(3000).on("listening", () => {
console.log("Listening on http://localhost:3000");
});