init

2026-02-08 01:46:28 +01:00 · 2023-03-26 22:15:07 +02:00
commit 9b1a067d56
80 changed files with 7889 additions and 0 deletions
--- a/bin/resources/page/index.ts
+++ b/bin/resources/page/index.ts
@@ -0,0 +1,62 @@
+import React, { ComponentType } from "react";
+import { renderToStaticMarkup } from "react-dom/server";
+import { HelmetProvider, FilledContext } from "react-helmet-async";
+import { Asset, Bundler } from "../../bundler";
+import { Observable } from "../../observable";
+import { ServerStyleSheet } from "styled-components";
+import { resolve } from "path";
+
+type PageOptions = {
+  path: string;
+  template: Observable<ComponentType<any>>;
+  props: Observable<any>;
+  bundler: Bundler;
+};
+const createPage = (options: PageOptions) => {
+  const data = Observable.combine({
+    template: options.template,
+    props: options.props,
+  });
+  const page = data.pipe(async ({ template, props }) => {
+    const sheet = new ServerStyleSheet();
+    const helmetContext: FilledContext = {} as any;
+    const body = sheet.collectStyles(
+      React.createElement(
+        HelmetProvider,
+        { context: helmetContext },
+        React.createElement(template, props)
+      )
+    );
+    const bodyHtml = renderToStaticMarkup(body);
+    const { helmet } = helmetContext;
+
+    const css = sheet.getStyleTags();
+    const headHtml = [
+      css,
+      helmet.title?.toString(),
+      helmet.priority?.toString(),
+      helmet.meta?.toString(),
+      helmet.link?.toString(),
+      helmet.script?.toString(),
+    ]
+      .filter(Boolean)
+      .join("");
+    const html = `<!DOCTYPE html>
+<html lang="en">
+  <head>
+    ${headHtml}
+  </head>
+  <body>
+    ${bodyHtml}
+  </body>
+</html>
+  `;
+    const asset: Asset = { content: html };
+    return asset;
+  });
+
+  const path = resolve("/", options.path, "index.html");
+  return options.bundler.register(path, page);
+};
+
+export { createPage };