init

2025-12-31 01:09:34 +07:00
commit 772e84c761
25 changed files with 1774 additions and 0 deletions
--- a/src/index.tsx
+++ b/src/index.tsx
@@ -0,0 +1,52 @@
+import { Hono } from 'hono'
+import { renderer } from './renderer'
+import { createApp } from './main';
+import { renderToWebStream } from 'vue/server-renderer';
+import { streamText } from 'hono/streaming';
+import { renderSSRHead } from '@unhead/vue/server';
+
+const app = new Hono()
+
+// app.use(renderer)
+
+// app.get('/', (c) => {
+//   return c.text('Hello World!')
+//   // return c.render(<h1>Hello!</h1>)
+// })
+app.get("*", async (c) => {
+  const url = new URL(c.req.url);
+  const { app, router, head } = createApp();
+  router.push(url.pathname);
+  await router.isReady();
+  return streamText(c, async (stream) => {
+    c.header("Content-Type", "text/html; charset=utf-8");
+    c.header("Content-Encoding", "Identity");
+    const ctx = {};
+    const appStream = renderToWebStream(app, ctx);
+    await stream.write("<!DOCTYPE html><html lang='en'><head>");
+    await stream.write("<base href='" + url.origin + "'/>");
+    await renderSSRHead(head).then((headString) => stream.write(headString.headTags.replace(/\n/g, "")));
+    await stream.write(`<link
+          href="https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap"rel="stylesheet"></link>`);
+    await stream.write("</head><body class='font-sans bg-[#f9fafd] text-gray-800 antialiased flex flex-col'>");
+		await stream.pipe(appStream);
+		let json = htmlEscape(JSON.stringify(JSON.stringify(ctx)));
+		await stream.write(`<script>window.__SSR_STATE__ = JSON.parse(${json});</script>`);
+		await stream.write("</body></html>");
+  });
+  // return c.body(renderToWebStream(app, {}));
+})
+const ESCAPE_LOOKUP: { [match: string]: string } = {
+	"&": "\\u0026",
+	">": "\\u003e",
+	"<": "\\u003c",
+	"\u2028": "\\u2028",
+	"\u2029": "\\u2029",
+};
+
+const ESCAPE_REGEX = /[&><\u2028\u2029]/g;
+
+function htmlEscape(str: string): string {
+	return str.replace(ESCAPE_REGEX, (match) => ESCAPE_LOOKUP[match]);
+}
+export default app