Reorg build files

tsck · tsck · commit 23fc3705b332 · 2025-12-04T10:30:21.000-05:00
diff --git a/.gitignore b/.gitignore
@@ -2,7 +2,7 @@ dist
 node_modules
 
 # Auto-generated UI entry files (generated by vite.ui.config.ts)
-src/ui/entries/*.html
+src/ui/entries/
 .vscode/mcp.json
 .github/prompts/*
 
diff --git a/package.json b/package.json
@@ -28,12 +28,12 @@
     },
     "./ui": {
       "import": {
-        "types": "./dist/esm/ui/build.d.ts",
-        "default": "./dist/esm/ui/build.js"
+        "types": "./dist/esm/ui/index.d.ts",
+        "default": "./dist/esm/ui/index.js"
       },
       "require": {
-        "types": "./dist/cjs/ui/build.d.ts",
-        "default": "./dist/cjs/ui/build.js"
+        "types": "./dist/cjs/ui/index.d.ts",
+        "default": "./dist/cjs/ui/index.js"
       }
     }
   },
diff --git a/src/ui/build/config.ts b/src/ui/build/config.ts
@@ -120,14 +120,3 @@ export function createUIBuildConfig(options: UIBuildOptions): UserConfig {
         ...viteConfig,
     };
 }
-
-/**
- * Re-export the UIRegistry for consumers who want to programmatically
- * register custom UIs at runtime.
- */
-export { UIRegistry, getDefaultUIRegistry, setDefaultUIRegistry } from "./registry.js";
-
-/**
- * Re-export the useRenderData hook for consumers building custom UI components.
- */
-export { useRenderData } from "./hooks/index.js";
diff --git a/src/ui/build/index.ts b/src/ui/build/index.ts
@@ -0,0 +1,5 @@
+/**
+ * Build utilities for UI components.
+ */
+export { createUIBuildConfig, discoverComponents } from "./config.js";
+export type { UIBuildOptions } from "./config.js";
diff --git a/src/ui/build/mount.tsx b/src/ui/build/mount.tsx
@@ -61,3 +61,4 @@ function mount() {
 }
 
 mount();
+
diff --git a/src/ui/build/template.html b/src/ui/build/template.html
@@ -0,0 +1,12 @@
+<!doctype html>
+<html lang="en">
+    <head>
+        <meta charset="UTF-8" />
+        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+        <title>{{TITLE}}</title>
+    </head>
+    <body>
+        <div id="root" data-component="{{COMPONENT_NAME}}"></div>
+        <script type="module" src="../build/mount.tsx"></script>
+    </body>
+</html>
diff --git a/src/ui/index.ts b/src/ui/index.ts
@@ -0,0 +1,3 @@
+export { UIRegistry, getDefaultUIRegistry, setDefaultUIRegistry } from "./registry.js";
+export { useRenderData } from "./hooks/index.js";
+export { createUIBuildConfig } from "./build/index.js";
diff --git a/src/ui/template.html b/src/ui/template.html
diff --git a/tsconfig.build.json b/tsconfig.build.json
@@ -27,5 +27,5 @@
     }
   },
   "include": ["src/**/*.ts", "src/**/*.tsx"],
-  "exclude": ["src/ui/entries/**/*"]
+  "exclude": ["src/ui/entries/**/*", "src/ui/build/mount.tsx"]
 }
diff --git a/vite.ui.config.ts b/vite.ui.config.ts
@@ -7,7 +7,7 @@ import { join, resolve } from "path";
 
 const componentsDir = resolve(__dirname, "src/ui/components");
 const entriesDir = resolve(__dirname, "src/ui/entries");
-const templatePath = resolve(__dirname, "src/ui/template.html");
+const templatePath = resolve(__dirname, "src/ui/build/template.html");
 
 /**
  * Discover all component directories in src/ui/components/

Original file line number	Diff line number	Diff line change
`@@ -61,3 +61,4 @@ function mount() {`
`61`	`61`	`}`
`62`	`62`
`63`	`63`	`mount();`
	`64`	`+`
Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,3 @@`
	`1`	`+export { UIRegistry, getDefaultUIRegistry, setDefaultUIRegistry } from "./registry.js";`
	`2`	`+export { useRenderData } from "./hooks/index.js";`
	`3`	`+export { createUIBuildConfig } from "./build/index.js";`
Original file line number	Diff line number	Diff line change
`@@ -27,5 +27,5 @@`
`27`	`27`	`}`
`28`	`28`	`},`
`29`	`29`	`"include": ["src/*/.ts", "src/*/.tsx"],`
`30`		`- "exclude": ["src/ui/entries/*/"]`
	`30`	`+ "exclude": ["src/ui/entries/*/", "src/ui/build/mount.tsx"]`
`31`	`31`	`}`