-
Notifications
You must be signed in to change notification settings - Fork 170
/
bootstrap.ts
84 lines (80 loc) · 2.54 KB
/
bootstrap.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
import React from 'https://esm.sh/react'
import { hydrate, render } from 'https://esm.sh/react-dom'
import { ALEPH, getModuleImportUrl } from './app.ts'
import { ErrorBoundary } from './error.ts'
import { createRouter } from './router.ts'
import type { AppManifest, Module, RouterURL } from './types.ts'
import util from './util.ts'
export default async function bootstrap({
baseUrl,
defaultLocale,
locales,
keyModules,
pageModules
}: AppManifest & {
keyModules: Record<string, Module>
pageModules: Record<string, Module>
}) {
const { document } = window as any
const mainEl = document.querySelector('main')
const dataEl = document.getElementById('ssr-data')
let url: RouterURL
if (dataEl) {
const data = JSON.parse(dataEl.innerHTML)
if (util.isPlainObject(data.url)) {
url = data.url
} else {
throw new Error("invalid ssr-data")
}
} else {
url = createRouter(
baseUrl,
Object.keys(pageModules),
{
defaultLocale,
locales: Object.keys(locales)
}
)
}
const pageModule = pageModules[url.pagePath]!
const [
{ default: data },
{ default: App },
{ default: E404 },
{ default: Page }
] = await Promise.all([
keyModules.data ? import(getModuleImportUrl(baseUrl, keyModules.data)) : Promise.resolve({ default: {} }),
keyModules.app ? import(getModuleImportUrl(baseUrl, keyModules.app)) : Promise.resolve({}),
keyModules['404'] ? import(getModuleImportUrl(baseUrl, keyModules['404'])) : Promise.resolve({}),
pageModule ? import(getModuleImportUrl(baseUrl, pageModule)) : Promise.resolve({}),
])
const el = React.createElement(
ErrorBoundary,
null,
React.createElement(
ALEPH,
{
initial: {
manifest: { baseUrl, defaultLocale, locales },
pageModules,
url,
data,
components: { E404, App, Page }
}
}
)
)
if (dataEl) {
hydrate(el, mainEl)
// remove ssr head elements, set a timmer to avoid tab title flash
setTimeout(() => {
Array.from(document.head.children).forEach((el: any) => {
if (el.hasAttribute('ssr')) {
document.head.removeChild(el)
}
})
}, 0)
} else {
render(el, mainEl)
}
}