@maxhealth.tech/prefab 0.2.35 → 0.2.36

package/README.md

@@ -275,6 +275,24 @@ Button('Save', { onClick: new ShowToast('Saved!', { variant: 'success' }) })
 
 **MCP actions:** `CallTool`, `SendMessage`, `UpdateContext`, `RequestDisplayMode`
 
+**Real-time:** `Subscribe`, `Unsubscribe` — resource subscriptions with automatic polling fallback
+
+```ts
+import { Subscribe, Unsubscribe, ShowToast } from '@maxhealth.tech/prefab'
+
+// Live updates — uses native push when available, polls otherwise
+new Subscribe('chess://game/abc123', {
+  stateKey: '$game',
+  fallbackInterval: 2000,
+  fallbackTool: '_action',
+  fallbackArgs: { action: 'refresh' },
+  onData: new ShowToast('Game updated'),
+})
+
+// Cleanup
+Button('Leave', { onClick: new Unsubscribe('chess://game/abc123') })
+```
+
 ## Auto-Renderers
 
 Generate complete UIs from raw data — no manual component wiring:
@@ -339,6 +357,29 @@ return display_update({ count: 42, status: 'complete' })
 return display_error('User not found', { code: 404 })
 ```
 
+### `rendererHtml()` — Viewer HTML Shell
+
+Generate the complete HTML page for an MCP Apps viewer resource. Loads `prefab.css` + `renderer.auto.min.js` from the CDN automatically — no manual script wiring needed:
+
+```ts
+import { rendererHtml, registerViewerResource } from '@maxhealth.tech/prefab/mcp'
+
+// Minimal — just works
+const html = rendererHtml()
+
+// With extras
+const html = rendererHtml({
+  title: 'My App',
+  stylesheets: ['https://cdn.example.com/theme.css'],
+  scripts: ['https://cdn.example.com/plugin.js'],
+})
+
+// One-liner resource registration on your MCP server
+registerViewerResource(server, { title: 'Patient Browser' })
+```
+
+Options: `title`, `scripts`, `stylesheets`, `cdnBase` (override CDN URL).
+
 ## Browser Renderer
 
 Two bundles, zero external dependencies:

package/dist/app.d.ts

@@ -9,7 +9,7 @@ import type { ComponentJSON } from './core/component.js';
 import type { Action, ActionJSON } from './actions/types.js';
 import type { PipeFn } from './rx/pipes.js';
 /** Package version — injected by build script, updated at release time. */
-export declare const VERSION = "0.2.35";
+export declare const VERSION = "0.2.36";
 export interface Theme {
     light?: Record<string, string>;
     dark?: Record<string, string>;

package/dist/app.js

@@ -7,7 +7,7 @@
 import {} from './core/component.js';
 import { drainAutoState } from './rx/state-collector.js';
 /** Package version — injected by build script, updated at release time. */
-export const VERSION = '0.2.35';
+export const VERSION = '0.2.36';
 export class PrefabApp {
     title;
     view;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@maxhealth.tech/prefab",
-  "version": "0.2.35",
+  "version": "0.2.36",
   "description": "TypeScript declarative UI component library for MCP apps. Wire-compatible with Python prefab-ui.",
   "type": "module",
   "main": "dist/index.js",