Updates

2026-02-26 04:08:06 +01:00
parent 8177df7dd3
commit f7c0e927c7
39 changed files with 1003 additions and 306 deletions
@@ -0,0 +1,50 @@
+import path from "path";
+import { renderToString } from "react-dom/server";
+import grabContants from "../../../utils/grab-constants";
+import EJSON from "../../../utils/ejson";
+import type { PageDistGenParams } from "../../../types";
+import isDevelopment from "../../../utils/is-development";
+
+export default async function genWebHTML({
+    component,
+    pageProps,
+    pageName,
+    module,
+}: PageDistGenParams) {
+    const { ClientRootElementIDName, ClientWindowPagePropsName } =
+        await grabContants();
+
+    const componentHTML = renderToString(component);
+
+    const SCRIPT_SRC = path.join("/public/routes", pageName + ".js");
+
+    let html = `<!DOCTYPE html>\n`;
+
+    if (isDevelopment()) {
+        html += `<script>
+            const hmr = new EventSource("/__hmr");
+            hmr.addEventListener("update", (event) => {
+                if (event.data === "reload") {
+                    window.location.reload();
+                }
+            });
+        </script>\n`;
+    }
+
+    html += `<html>\n`;
+    html += `    <head>\n`;
+    html += `        <meta charset="utf-8" />\n`;
+    html += `        <title>React SSR with Bun</title>\n`;
+    html += `    </head>\n`;
+    html += `    <body>\n`;
+    html += `        <div id="${ClientRootElementIDName}">${componentHTML}</div>\n`;
+    html += `        <script>window.${ClientWindowPagePropsName} = ${
+        EJSON.stringify(pageProps || {}) || "{}"
+    }</script>\n`;
+    html += `        <script src="${SCRIPT_SRC}" type="module"></script>\n`;
+
+    html += `    </body>\n`;
+    html += `</html>\n`;
+
+    return html;
+}