@maxhealth.tech/prefab 0.1.2

package/CHANGELOG.md

@@ -0,0 +1,51 @@
+# Changelog
+
+All notable changes to this project will be documented in this file.
+
+## [0.1.0] — 2026-04-20
+
+Initial release.
+
+### Component Library
+- Core classes: `Component`, `ContainerComponent`, `StatefulComponent`
+- `PrefabApp` wrapper with `$prefab` v0.2 wire format and `toHTML()` self-contained page export
+- `rx()` reactive expression builder (pipes, comparisons, ternary, built-in vars)
+- 80+ components across layout, typography, card, data, form, chart, control, interactive, media, alert
+- Table components: `Table`, `TableHead`, `TableBody`, `TableFooter`, `TableRow`, `TableHeader`, `TableCell`, `TableCaption`, `ExpandableRow`
+- Form extensions: `Radio`, `RadioGroup`, `Combobox`, `ComboboxOption`, `Calendar`, `DatePicker`, `Field`, `ChoiceCard`, and more
+- Chart extensions: `RadialChart`, `Histogram` (in addition to Bar, Line, Area, Pie, Radar, Scatter, Sparkline)
+- Composition: `Define`, `Use`, `Slot` for template reuse
+- Client actions: `SetState`, `ToggleState`, `AppendState`, `PopState`, `ShowToast`, `CloseOverlay`, `OpenLink`, `SetInterval`, `Fetch`, `OpenFilePicker`, `CallHandler`
+- MCP actions: `CallTool`, `SendMessage`, `UpdateContext`, `RequestDisplayMode`
+
+### MCP Display Helpers
+- `display()`, `display_form()`, `display_update()`, `display_error()`
+
+### Auto-Renderers
+- `autoDetail`, `autoTable`, `autoChart`, `autoForm`, `autoComparison`, `autoMetrics`, `autoTimeline`, `autoProgress`
+
+### Browser Renderer
+- Vanilla DOM renderer — 55+ components, zero framework dependencies
+- Reactive `Store` with get/set/merge/toggle/append
+- Rx expression engine: ternary, logical, arithmetic, 15+ pipes, dot access, scoped variables
+- Action dispatcher — 15 action types
+- MCP transport — HTTP POST to `/mcp/tools/call`
+- Theme engine — CSS custom properties from `theme` field (light/dark)
+- Chart renderer — built-in SVG for Bar, Line, Area, Pie
+- Mermaid integration — delegates to global `mermaid` if available
+- IIFE bundle: `renderer.min.js` (54KB) for `<script>` tag usage, `window.prefab` global
+
+### ext-apps Bridge
+- `app()` one-call factory with PostMessage transport, host theme mapping, lifecycle hooks
+- Capability negotiation, display mode requests, tool input/result/cancelled/partial events
+- Auto-detect environment: iframe → PostMessage, standalone → HTTP transport
+
+### Validation & Accessibility
+- `validateWireFormat()` + `isValidWireFormat()` with detailed error reporting
+- Stylesheet injection — renderer applies `stylesheets` field as `<style>` tags
+- ARIA roles/attributes and keyboard navigation on all interactive components
+
+### Infra
+- GitHub Actions CI (test + build on push) and publish (npm on tag)
+- 253 tests passing across 11 files (570 assertions)
+- MIT license

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Max Health Inc
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,340 @@
+# prefab
+
+[![CI](https://github.com/Max-Health-Inc/prefab-ui/actions/workflows/ci.yml/badge.svg)](https://github.com/Max-Health-Inc/prefab-ui/actions/workflows/ci.yml)
+[![npm](https://img.shields.io/npm/v/@maxhealth.tech/prefab)](https://www.npmjs.com/package/@maxhealth.tech/prefab)
+[![TypeScript](https://img.shields.io/badge/TypeScript-6.0-blue?logo=typescript&logoColor=white)](https://www.typescriptlang.org/)
+[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)
+
+TypeScript declarative UI component library for MCP apps. Wire-compatible with PrefectHQ's Python [prefab-ui](https://github.com/PrefectHQ/prefab) — **same `$prefab` JSON, two languages**.
+
+Write MCP servers in **TypeScript/Bun** and generate the exact same wire format that Python servers produce. Render the output in **any web app** with the included vanilla DOM renderer. Full circle: server-side DSL → JSON → browser UI.
+
+- **55+ components** — layout, form, data, charts, media, interactive, control flow
+- **Reactive state** — `rx()` expressions, `SetState`/`ToggleState`/`AppendState` actions
+- **MCP-native** — `display()`, `display_form()`, `CallTool`, `SendMessage` built in
+- **Browser renderer** — zero dependencies, vanilla DOM (optional separate import)
+- **ext-apps bridge** — `app()` factory with PostMessage transport, host theme, lifecycle hooks
+- **Auto-renderers** — `autoTable()`, `autoChart()`, `autoForm()`, `autoMetrics()` and more
+
+## Works Everywhere
+
+The renderer is **vanilla DOM** — no framework dependency. Drop it into any web app:
+
+- **React** — mount into a `ref` div
+- **Vue / Svelte / Angular** — same, it's just DOM
+- **Plain HTML** — single `<script>` tag
+- **Electron / Tauri** — desktop apps with web views
+- **Any iframe** — ext-apps, embedded widgets, sandboxed UIs
+
+Any app that connects to MCP servers can render `$prefab` tool output as rich interactive UI — tables, charts, forms, badges — with zero custom code.
+
+## Install
+
+```bash
+npm install @maxhealth.tech/prefab
+# or
+bun add @maxhealth.tech/prefab
+```
+
+## Quick Start
+
+### Server-side (MCP tool handler)
+
+```ts
+import { display, autoTable, H1, Column } from '@maxhealth.tech/prefab'
+
+async function listUsers(args: any) {
+  const users = await db.query('SELECT * FROM users')
+  return display(
+    Column({ children: [
+      H1('Users'),
+      autoTable(users),
+    ]}),
+    { title: 'User List' }
+  )
+}
+```
+
+### Client-side (browser ext-app)
+
+```html
+<script src="https://cdn.jsdelivr.net/npm/@maxhealth.tech/prefab/dist/renderer.min.js"></script>
+<script>
+  const ui = await prefab.app();
+
+  ui.onToolInput((args) => {
+    // Render wire-format JSON received from the MCP host
+    ui.mount('#root', args);
+  });
+</script>
+```
+
+## Components
+
+### Layout
+`Column`, `Row`, `Grid`, `GridItem`, `Container`, `Div`, `Span`, `Dashboard`, `DashboardItem`, `Pages`, `Page`
+
+### Typography
+`Heading`, `H1`–`H4`, `Text`, `P`, `Lead`, `Large`, `Small`, `Muted`, `BlockQuote`, `Label`, `Link`, `Code`, `Markdown`, `Kbd`
+
+### Card
+`Card`, `CardHeader`, `CardTitle`, `CardDescription`, `CardContent`, `CardFooter`
+
+### Data Display
+`DataTable`, `col`, `Badge`, `Dot`, `Metric`, `Ring`, `Progress`, `Separator`, `Loader`, `Icon`
+
+### Table
+`Table`, `TableHead`, `TableBody`, `TableFooter`, `TableRow`, `TableHeader`, `TableCell`, `TableCaption`, `ExpandableRow`
+
+### Form
+`Form`, `Input`, `Textarea`, `Button`, `ButtonGroup`, `Select`, `SelectOption`, `SelectGroup`, `SelectLabel`, `SelectSeparator`, `Checkbox`, `Switch`, `Slider`, `Radio`, `RadioGroup`, `Combobox`, `ComboboxOption`, `ComboboxGroup`, `ComboboxLabel`, `ComboboxSeparator`, `Calendar`, `DatePicker`, `Field`, `FieldTitle`, `FieldDescription`, `FieldContent`, `FieldError`, `ChoiceCard`
+
+### Interactive
+`Tabs`, `Tab`, `Accordion`, `AccordionItem`, `Dialog`, `Popover`, `Tooltip`, `HoverCard`, `Carousel`
+
+### Charts
+`BarChart`, `LineChart`, `AreaChart`, `PieChart`, `RadarChart`, `ScatterChart`, `Sparkline`, `RadialChart`, `Histogram`
+
+### Media
+`Image`, `Audio`, `Video`, `Embed`, `Svg`, `DropZone`, `Mermaid`
+
+### Alert
+`Alert`, `AlertTitle`, `AlertDescription`
+
+### Control Flow
+`ForEach`, `If`, `Elif`, `Else`, `Define`, `Use`, `Slot`
+
+## Reactive Expressions
+
+Use `rx()` to create reactive expressions that update when state changes:
+
+```ts
+import { rx, STATE } from '@maxhealth.tech/prefab'
+
+// Simple state reference
+Text(rx('count'))                    // → "{{ count }}"
+
+// Arithmetic
+Text(rx('count').add(1))             // → "{{ count + 1 }}"
+
+// Dot-path access
+Text(rx('user').dot('name'))         // → "{{ user.name }}"
+
+// Direct template string
+Text('Hello, {{ user.name }}!')      // interpolated at render time
+
+// Ternary
+Badge(rx('status').eq('active').then('Online', 'Offline'))
+
+// Pipes (filters)
+Text(rx('amount').currency())        // → "{{ amount | currency }}"
+Text(rx('items').length())           // → "{{ items | length }}"
+Text(rx('name').upper().truncate(20)) // → "{{ name | upper | truncate:20 }}"
+
+// STATE proxy (single-level shorthand: STATE.key → rx('key'))
+Text(STATE.count)                    // → "{{ count }}"
+```
+
+**Built-in pipes:** `upper`, `lower`, `capitalize`, `truncate`, `currency`, `number`, `percent`, `date`, `time`, `datetime`, `length`, `default`, `json`, `keys`, `values`, `first`, `last`
+
+## Actions
+
+Actions are triggered by user interactions (`onClick`, `onChange`, `onSubmit`) or lifecycle events (`onMount`):
+
+```ts
+import { SetState, ToggleState, CallTool, ShowToast, OpenLink, rx } from '@maxhealth.tech/prefab'
+
+// Client-side state mutation
+Button('Increment', { onClick: new SetState('count', rx('count').add(1)) })
+
+// Toggle boolean
+Button('Toggle', { onClick: new ToggleState('expanded') })
+
+// MCP tool call
+Button('Refresh', { onClick: new CallTool('get_data', { arguments: { id: '{{ selectedId }}' } }) })
+
+// Toast notification
+Button('Save', { onClick: new ShowToast('Saved!', { variant: 'success' }) })
+```
+
+**Client actions:** `SetState`, `ToggleState`, `AppendState`, `PopState`, `ShowToast`, `CloseOverlay`, `OpenLink`, `SetInterval`, `Fetch`, `OpenFilePicker`, `CallHandler`
+
+**MCP actions:** `CallTool`, `SendMessage`, `UpdateContext`, `RequestDisplayMode`
+
+## Auto-Renderers
+
+Generate complete UIs from raw data — no manual component wiring:
+
+```ts
+import { autoTable, autoChart, autoForm, autoMetrics } from '@maxhealth.tech/prefab'
+
+// Table from array of objects
+autoTable(users, { title: 'Users', search: true })
+
+// Chart from data + series definitions
+autoChart(
+  salesData,
+  [{ dataKey: 'revenue', label: 'Revenue', color: '#3b82f6' }],
+  { title: 'Revenue', chartType: 'bar', xAxis: 'month' },
+)
+
+// Form that submits to an MCP tool
+autoForm(
+  [
+    { name: 'email', type: 'email', required: true },
+    { name: 'name', label: 'Full Name', required: true },
+  ],
+  'create_user',
+  { title: 'New User', submitLabel: 'Create' },
+)
+
+// KPI metric cards
+autoMetrics([
+  { label: 'Revenue', value: '$42K', delta: '+12%', trend: 'up', trendSentiment: 'positive' },
+  { label: 'Users', value: '3,420', delta: '+5%', trend: 'up', trendSentiment: 'positive' },
+])
+```
+
+**Auto-renderers:** `autoDetail`, `autoTable`, `autoChart`, `autoForm`, `autoComparison`, `autoMetrics`, `autoTimeline`, `autoProgress`
+
+## MCP Display Helpers
+
+Return UIs from MCP tool handlers:
+
+```ts
+import { display, display_form, display_update, display_error } from '@maxhealth.tech/prefab'
+import { Column, H1 } from '@maxhealth.tech/prefab'
+
+// Full UI
+return display(Column({ children: [H1('Dashboard'), autoMetrics(kpis)] }), { title: 'Dashboard' })
+
+// Form that submits back to a tool (fields, toolName, options)
+return display_form(
+  [
+    { name: 'name', type: 'text', required: true },
+    { name: 'email', type: 'email' },
+  ],
+  'update_user',
+  { title: 'Edit User' },
+)
+
+// Partial state update (no full re-render)
+return display_update({ count: 42, status: 'complete' })
+
+// Error display
+return display_error('User not found', { code: 404 })
+```
+
+## Browser Renderer
+
+The renderer is a 54KB IIFE bundle with zero external dependencies:
+
+```html
+<script src="renderer.min.js"></script>
+<script>
+  // Mount from wire format data
+  const app = PrefabRenderer.mount(document.getElementById('root'), wireData);
+
+  // Or auto-mount from embedded data
+  // (set window.__PREFAB_DATA__ before loading the script)
+</script>
+```
+
+### ext-apps Bridge
+
+For MCP ext-apps running in iframes:
+
+```js
+const ui = await prefab.app();
+
+// Receive tool input from host
+ui.onToolInput((args) => {
+  ui.render('#root', buildUI(args));
+});
+
+// Call tools on the host
+const result = await ui.callTool('get_data', { query: 'active users' });
+
+// Request display mode change
+ui.requestMode('fullscreen');
+
+// Access host context
+console.log(ui.host);        // { name, version, ... }
+console.log(ui.capabilities); // { toast, clipboard, ... }
+console.log(ui.theme);       // host CSS variables
+```
+
+## Wire Format
+
+All UIs serialize to the `$prefab` wire format (JSON):
+
+```json
+{
+  "$prefab": { "version": "0.2" },
+  "view": {
+    "type": "Column",
+    "children": [
+      { "type": "H1", "content": "Hello" },
+      { "type": "Text", "content": "{{ message }}" }
+    ]
+  },
+  "state": {
+    "message": "Welcome to prefab"
+  },
+  "theme": {
+    "light": { "primary": "#3b82f6" },
+    "dark": { "primary": "#60a5fa" }
+  }
+}
+```
+
+### Wire Format Fields
+
+| Field | Type | Description |
+|---|---|---|
+| `$prefab` | `{ version: string }` | Format identifier and version |
+| `view` | `ComponentJSON` | Root component tree |
+| `state` | `Record<string, unknown>` | Initial reactive state |
+| `theme` | `{ light?, dark? }` | CSS custom property overrides |
+| `defs` | `Record<string, ComponentJSON>` | Reusable component templates |
+| `keyBindings` | `Record<string, ActionJSON>` | Keyboard shortcut → action mappings |
+
+### Component JSON Shape
+
+```json
+{
+  "type": "Button",
+  "content": "Click me",
+  "variant": "default",
+  "onClick": {
+    "action": "setState",
+    "key": "count",
+    "value": "{{ count + 1 }}"
+  }
+}
+```
+
+## Subpath Exports
+
+```ts
+import { ... } from '@maxhealth.tech/prefab'           // Everything
+import { ... } from '@maxhealth.tech/prefab/actions'    // Actions only
+import { ... } from '@maxhealth.tech/prefab/rx'         // Rx expressions only
+import { ... } from '@maxhealth.tech/prefab/charts'     // Chart components only
+import { ... } from '@maxhealth.tech/prefab/mcp'        // MCP display helpers
+import { ... } from '@maxhealth.tech/prefab/renderer'   // Browser renderer
+```
+
+## Development
+
+```bash
+bun install          # Install dependencies
+bun test             # Run tests (362 passing)
+bun run build        # TypeScript compile + IIFE bundle
+bun run lint         # ESLint
+bun run typecheck    # Type check without emitting
+```
+
+## License
+
+MIT

package/dist/actions/client.d.ts

@@ -0,0 +1,98 @@
+/**
+ * Client-side actions — executed by the prefab renderer without server roundtrip.
+ */
+import type { Action, ActionJSON } from './types.js';
+export interface SetStateOpts {
+    onSuccess?: Action | Action[];
+    onError?: Action | Action[];
+}
+export declare class SetState implements Action {
+    readonly key: string;
+    readonly value: unknown;
+    private readonly opts?;
+    constructor(key: string, value: unknown, opts?: SetStateOpts | undefined);
+    toJSON(): ActionJSON;
+}
+export declare class ToggleState implements Action {
+    readonly key: string;
+    constructor(key: string);
+    toJSON(): ActionJSON;
+}
+export declare class AppendState implements Action {
+    readonly key: string;
+    readonly value: unknown;
+    readonly index?: number | undefined;
+    constructor(key: string, value: unknown, index?: number | undefined);
+    toJSON(): ActionJSON;
+}
+export declare class PopState implements Action {
+    readonly key: string;
+    readonly index: number | string;
+    constructor(key: string, index: number | string);
+    toJSON(): ActionJSON;
+}
+export type ToastVariant = 'default' | 'success' | 'error' | 'warning' | 'info';
+export interface ShowToastOpts {
+    description?: string;
+    variant?: ToastVariant;
+    duration?: number;
+}
+export declare class ShowToast implements Action {
+    readonly message: string;
+    private readonly opts?;
+    constructor(message: string, opts?: ShowToastOpts | undefined);
+    toJSON(): ActionJSON;
+}
+export declare class CloseOverlay implements Action {
+    toJSON(): ActionJSON;
+}
+export declare class OpenLink implements Action {
+    readonly url: string;
+    readonly target: string;
+    constructor(url: string, target?: string);
+    toJSON(): ActionJSON;
+}
+export declare class SetInterval implements Action {
+    readonly intervalMs: number;
+    readonly onTick: Action | Action[];
+    constructor(intervalMs: number, onTick: Action | Action[]);
+    toJSON(): ActionJSON;
+}
+export interface FetchOpts {
+    method?: 'GET' | 'POST' | 'PUT' | 'DELETE' | 'PATCH';
+    headers?: Record<string, string>;
+    body?: unknown;
+    resultKey?: string;
+    onSuccess?: Action | Action[];
+    onError?: Action | Action[];
+}
+export declare class Fetch implements Action {
+    readonly url: string;
+    private readonly opts?;
+    constructor(url: string, opts?: FetchOpts | undefined);
+    toJSON(): ActionJSON;
+}
+export interface OpenFilePickerOpts {
+    accept?: string;
+    multiple?: boolean;
+    resultKey?: string;
+    onSuccess?: Action | Action[];
+}
+export declare class OpenFilePicker implements Action {
+    private readonly opts?;
+    constructor(opts?: OpenFilePickerOpts | undefined);
+    toJSON(): ActionJSON;
+}
+export interface CallHandlerOpts {
+    arguments?: Record<string, unknown>;
+    resultKey?: string;
+    onSuccess?: Action | Action[];
+    onError?: Action | Action[];
+}
+export declare class CallHandler implements Action {
+    readonly handler: string;
+    private readonly opts?;
+    constructor(handler: string, opts?: CallHandlerOpts | undefined);
+    toJSON(): ActionJSON;
+}
+//# sourceMappingURL=client.d.ts.map

package/dist/actions/client.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"client.d.ts","sourceRoot":"","sources":["../../src/actions/client.ts"],"names":[],"mappings":"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"}