-
Notifications
You must be signed in to change notification settings - Fork 3
/
sendAppHTML.ts
75 lines (66 loc) · 2.31 KB
/
sendAppHTML.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
import { ViteDevServer } from "vite";
import { TemplateModuleInternal } from "../../../common/src/template/internal/types.js";
import {
RenderTemplate,
TemplateRenderProps,
} from "../../../common/src/template/types.js";
import { getLang } from "../../../common/src/template/head.js";
import { Response } from "express-serve-static-core";
import { getContentType } from "./getContentType.js";
import { getGlobalClientServerRenderTemplates } from "../../../common/src/template/internal/getTemplateFilepaths.js";
import { ProjectStructure } from "../../../common/src/project/structure.js";
import {
getHydrationTemplateDev,
getServerTemplateDev,
} from "../../../common/src/template/hydration.js";
/**
* Renders the HTML for a given {@link TemplateModuleInternal}
* and {@link TemplateRenderProps}, and sends it back to the Response.
*/
export default async function sendAppHTML(
res: Response,
templateModuleInternal: TemplateModuleInternal<any, any>,
props: TemplateRenderProps,
vite: ViteDevServer,
pathname: string,
projectStructure: ProjectStructure
) {
if (templateModuleInternal.render) {
res
.status(200)
.type(getContentType(templateModuleInternal, props))
.end(templateModuleInternal.render(props));
return;
}
const clientServerRenderTemplates = getGlobalClientServerRenderTemplates(
projectStructure.templatesRoot,
projectStructure.scopedTemplatesPath
);
const serverRenderTemplateModule = (await vite.ssrLoadModule(
clientServerRenderTemplates.serverRenderTemplatePath
)) as RenderTemplate;
const serverHtml = await serverRenderTemplateModule.render({
Page: templateModuleInternal.default!,
pageProps: props,
});
const headConfig = templateModuleInternal.getHeadConfig
? templateModuleInternal.getHeadConfig(props)
: undefined;
const clientHydrationString = getHydrationTemplateDev(
clientServerRenderTemplates.clientRenderTemplatePath,
templateModuleInternal.path,
props
);
const clientInjectedServerHtml = getServerTemplateDev(
clientHydrationString,
serverHtml,
getLang(headConfig, props),
headConfig
);
const html = await vite.transformIndexHtml(
pathname,
clientInjectedServerHtml
);
// Send the rendered HTML back.
res.status(200).type(getContentType(templateModuleInternal, props)).end(html);
}