generated from jonluca/vite-typescript-ssr-react
-
Notifications
You must be signed in to change notification settings - Fork 0
/
server.ts
91 lines (75 loc) · 2.64 KB
/
server.ts
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
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
import fs from "fs";
import express, { Express, RequestHandler } from "express";
import { createServer as createViteServer } from "vite";
import serveStatic from "serve-static";
import compression from "compression";
import { getApi } from "./src/server/routes/api";
import { ServerResponse } from "http";
import { fileURLToPath } from "url";
import { dirname, resolve } from "path";
const __filename = fileURLToPath(import.meta.url);
const __dirname = dirname(__filename);
const isTest = process.env.NODE_ENV === "test" || !!process.env.VITE_TEST_BUILD;
const createServer = async (root = process.cwd(), isProd = process.env.NODE_ENV === "production") => {
const localResolve = (p: string) => resolve(__dirname, p);
const indexProd = isProd ? fs.readFileSync(localResolve("./client/index.html"), "utf-8") : "";
const app: Express = express();
app.use(express.json() as RequestHandler);
app.use(express.urlencoded({ extended: true }) as RequestHandler);
let vite: any;
if (!isProd) {
vite = await createViteServer({
root,
logLevel: isTest ? "error" : "info",
server: {
middlewareMode: true,
watch: {
usePolling: true,
interval: 100,
},
},
});
// use vite's connect instance as middleware
app.use(vite.middlewares);
} else {
app.use(compression());
const requestHandler = serveStatic<ServerResponse>(localResolve("./client"), {
index: false,
}) as RequestHandler;
app.use(requestHandler);
}
app.use("/api", getApi);
app.use("*", async ({ originalUrl }, res) => {
try {
const url = originalUrl;
let template;
let render;
if (!isProd) {
// always read fresh template in dev
template = fs.readFileSync(localResolve("index.html"), "utf-8");
template = await vite.transformIndexHtml(url, template);
render = (await vite.ssrLoadModule("/src/client/entry-server.tsx")).render;
} else {
template = indexProd;
const entryServer = require("./server/entry-server.js");
render = entryServer.render;
}
const appHtml = render(url);
const html = template.replace(`<!--app-html-->`, appHtml);
res.status(200).set({ "Content-Type": "text/html" }).end(html);
} catch (e: any) {
!isProd && vite.ssrFixStacktrace(e);
console.error(e.stack);
res.status(500).end(e.stack);
}
});
return { app, vite };
};
createServer().then(({ app }) => {
const port = process.env.PORT || 7456;
app.listen(Number(port), "0.0.0.0", () => {
console.log(`App is listening on http://localhost:${port}`);
});
});
// for test use
export { createServer };