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
92
93
94
95
96
97
98
99
100
101
102
|
import type { FallbackMessageContainer } from "../../src/api/schema";
import { maybeInjectApp } from "macro:./appInjector";
var globalStyles = [];
function insertGlobalStyleSheet({ detail: url }) {
globalStyles.push(
new Promise((resolve, reject) => {
const link: HTMLLinkElement = document.createElement("link");
link.rel = "stylesheet";
link.href = url;
link.onload = resolve;
link.onabort = reject;
link.onerror = reject;
document.head.appendChild(link);
}),
);
}
const nCSS = document.createElement("noscript");
nCSS.setAttribute("data-n-css", "");
document.head.appendChild(nCSS);
document.addEventListener("onimportcss", insertGlobalStyleSheet);
var once = false;
function insertNextHeadCount() {
if (!once) {
document.head.insertAdjacentHTML(
"beforeend",
`<meta name="next-head-count" content="0">`,
);
once = true;
}
}
maybeInjectApp();
globalThis.__BUN_APP_STYLES = [...globalThis["__BUN"].allImportedStyles].map(
(style) => {
const url = new URL(style, location.origin);
if (url.origin === location.origin && url.href === style) {
return url.pathname;
}
return style;
},
);
import { _boot, pageLoader } from "./client.development";
function renderFallback({ router }: FallbackMessageContainer) {
const route = router.routes.values[router.route];
if (!document.getElementById("__next")) {
const next = document.createElement("div");
next.id = "__next";
document.body.prepend(next);
}
document.removeEventListener("onimportcss", insertGlobalStyleSheet);
document.addEventListener("onimportcss", pageLoader.onImportCSS);
var cssQueue;
return import(route)
.then((Namespace) => {
nCSS.remove();
document.head.appendChild(nCSS);
cssQueue = [...globalStyles, ...pageLoader.cssQueue];
pageLoader.cssQueue = [];
insertNextHeadCount();
return _boot(Namespace, true);
})
.then(() => {
cssQueue = [...cssQueue, ...pageLoader.cssQueue.slice()];
pageLoader.cssQueue = [];
return Promise.allSettled(cssQueue);
})
.finally(() => {
document.body.style.visibility = "visible";
document.removeEventListener("onimportcss", pageLoader.onImportCSS);
});
}
export default function render(props: FallbackMessageContainer) {
// @ts-expect-error bun:error.js is real
return import("/bun:error.js").then(({ renderFallbackError }) => {
return renderFallback(props).then(
() => {
Promise.all(pageLoader.cssQueue).finally(() => {
renderFallbackError(props);
document.body.style.visibility = "visible";
});
},
(err) => {
console.error(err);
Promise.all(pageLoader.cssQueue).finally(() => {
renderFallbackError(props);
});
},
);
});
}
|
