Initial commit

build.ts

@@ -0,0 +1,69 @@
+#!/usr/bin/env tsx
+import { execSync } from "child_process";
+import * as esbuild from "esbuild";
+import { readFile, writeFile } from "fs/promises";
+
+// Run TypeScript compiler for type declarations
+execSync("tsc", { stdio: "inherit" });
+
+const isDevelopment = process.env.NODE_ENV === "development";
+
+// Build all JavaScript/TypeScript files
+async function buildJs(
+  entrypoint: string,
+  opts: { outdir?: string; target?: "browser" | "node" } = {},
+) {
+  return esbuild.build({
+    entryPoints: [entrypoint],
+    outdir: opts.outdir ?? "dist",
+    platform: opts.target === "node" ? "node" : "browser",
+    format: "esm",
+    bundle: true,
+    minify: !isDevelopment,
+    sourcemap: isDevelopment ? "inline" : false,
+  });
+}
+
+await Promise.all([
+  buildJs("src/index.ts", { outdir: "dist/src" }),
+  buildJs("src/react/useApp.tsx", { outdir: "dist/src/react" }),
+  buildJs("examples/example-ui-react.tsx", { outdir: "dist/examples" }),
+  buildJs("examples/example-ui.ts", { outdir: "dist/examples" }),
+  buildJs("examples/example-server.ts", {
+    target: "node",
+    outdir: "dist/examples",
+  }),
+]);
+
+async function inlineHtml(htmlFilePath: string, outputFilePath: string) {
+  let html = await readFile(htmlFilePath, "utf-8");
+  // Find all src sources, then fetch them, then replace them
+  const files = html.matchAll(
+    /<script src="((?:\.\/)?dist\/.*?\.js)"><\/script>/g,
+  );
+  const fileContent = Object.fromEntries(
+    await Promise.all(
+      Array.from(files, async ([, filename]) => {
+        const scriptContent = await readFile(filename, "utf-8");
+        return [filename, scriptContent];
+      }),
+    ),
+  );
+  html = html.replace(
+    /<script src="((?:\.\/)?dist\/.*?\.js)"><\/script>/g,
+    (_, filename) => {
+      let scriptContent = fileContent[filename];
+      // Escape </script> to prevent premature script tag closing
+      // This is the standard way to inline scripts safely
+      scriptContent = scriptContent.replace(/<\/script>/gi, "<\\/script>");
+      return `<script>${scriptContent}</script>`;
+    },
+  );
+  await writeFile(outputFilePath, html);
+}
+
+await inlineHtml("examples/example-ui.html", "dist/examples/example-ui.html");
+await inlineHtml(
+  "examples/example-ui-react.html",
+  "dist/examples/example-ui-react.html",
+);