@xmachines/play-dom 1.0.0-beta.16

package/dist/PlayRenderer.d.ts

@@ -0,0 +1,58 @@
+/**
+ * PlayRenderer.ts — XMachines wrapper around the pure dom-renderer layer.
+ *
+ * Bridges actor.currentView (TC39 Signal) to the inner DOM renderer using watchSignal.
+ * Exposes connect() / disconnect() methods following the same pattern as
+ * play-react, play-vue, and play-solid PlayRenderer classes.
+ *
+ * State store: uses external `store` option if provided (controlled mode); otherwise
+ * creates a fresh @xstate/store atom per view transition seeded from spec.state.
+ */
+import type { AbstractActor, Viewable } from "@xmachines/play-actor";
+import type { AnyActorLogic } from "xstate";
+import type { DomRegistry, PlayDomOptions } from "./types.js";
+/**
+ * PlayRenderer connects an actor's currentView signal to the DOM renderer.
+ *
+ * Usage:
+ * ```typescript
+ * const renderer = new PlayRenderer(container, actor, registry, { actions: { ... } });
+ * renderer.connect();
+ *
+ * // Controlled mode — bring your own store:
+ * import { createAtom } from "@xstate/store";
+ * import { xstateStoreStateStore } from "@json-render/xstate";
+ * const store = xstateStoreStateStore({ atom: createAtom({ username: "" }) });
+ * const renderer = new PlayRenderer(container, actor, registry, { store, actions: { ... } });
+ *
+ * // Later:
+ * renderer.disconnect();
+ * ```
+ */
+export declare class PlayRenderer {
+    private readonly container;
+    private readonly actor;
+    private readonly registry;
+    private readonly options;
+    private _unwatch;
+    /**
+     * @param container - The `HTMLElement` to render into. Cleared and repopulated on every view transition.
+     * @param actor - Actor instance providing the `currentView` signal (must implement `Viewable`).
+     * @param registry - Map of component type names to `DomComponentRenderer` functions.
+     * @param options - Optional configuration: `actions` map (action name → XState event type) and
+     *   optional external `store` (controlled mode — when omitted, a fresh `@xstate/store` atom is
+     *   created per view transition seeded from `spec.state`).
+     */
+    constructor(container: HTMLElement, actor: AbstractActor<AnyActorLogic> & Viewable, registry: DomRegistry, options?: PlayDomOptions);
+    /**
+     * Start watching actor.currentView and render to container.
+     * Renders the initial view synchronously, then subscribes to signal changes.
+     */
+    connect(): void;
+    /**
+     * Stop watching and clear the container.
+     */
+    disconnect(): void;
+    private _render;
+}
+//# sourceMappingURL=PlayRenderer.d.ts.map

package/dist/PlayRenderer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlayRenderer.d.ts","sourceRoot":"","sources":["../src/PlayRenderer.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAMH,OAAO,KAAK,EAAE,aAAa,EAAE,QAAQ,EAAgB,MAAM,uBAAuB,CAAC;AACnF,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,QAAQ,CAAC;AAE5C,OAAO,KAAK,EAAE,WAAW,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAE9D;;;;;;;;;;;;;;;;;GAiBG;AACH,qBAAa,YAAY;IAYvB,OAAO,CAAC,QAAQ,CAAC,SAAS;IAC1B,OAAO,CAAC,QAAQ,CAAC,KAAK;IACtB,OAAO,CAAC,QAAQ,CAAC,QAAQ;IACzB,OAAO,CAAC,QAAQ,CAAC,OAAO;IAdzB,OAAO,CAAC,QAAQ,CAA6B;IAE7C;;;;;;;OAOG;gBAEe,SAAS,EAAE,WAAW,EACtB,KAAK,EAAE,aAAa,CAAC,aAAa,CAAC,GAAG,QAAQ,EAC9C,QAAQ,EAAE,WAAW,EACrB,OAAO,GAAE,cAAmB;IAG9C;;;OAGG;IACH,OAAO,IAAI,IAAI;IAKf;;OAEG;IACH,UAAU,IAAI,IAAI;IAMlB,OAAO,CAAC,OAAO;CA8Bf"}

package/dist/PlayRenderer.js

@@ -0,0 +1,91 @@
+/**
+ * PlayRenderer.ts — XMachines wrapper around the pure dom-renderer layer.
+ *
+ * Bridges actor.currentView (TC39 Signal) to the inner DOM renderer using watchSignal.
+ * Exposes connect() / disconnect() methods following the same pattern as
+ * play-react, play-vue, and play-solid PlayRenderer classes.
+ *
+ * State store: uses external `store` option if provided (controlled mode); otherwise
+ * creates a fresh @xstate/store atom per view transition seeded from spec.state.
+ */
+import { watchSignal } from "@xmachines/play-signals";
+import { createAtom } from "@xstate/store";
+import { xstateStoreStateStore } from "@json-render/xstate";
+import { renderSpec } from "./dom-renderer.js";
+/**
+ * PlayRenderer connects an actor's currentView signal to the DOM renderer.
+ *
+ * Usage:
+ * ```typescript
+ * const renderer = new PlayRenderer(container, actor, registry, { actions: { ... } });
+ * renderer.connect();
+ *
+ * // Controlled mode — bring your own store:
+ * import { createAtom } from "@xstate/store";
+ * import { xstateStoreStateStore } from "@json-render/xstate";
+ * const store = xstateStoreStateStore({ atom: createAtom({ username: "" }) });
+ * const renderer = new PlayRenderer(container, actor, registry, { store, actions: { ... } });
+ *
+ * // Later:
+ * renderer.disconnect();
+ * ```
+ */
+export class PlayRenderer {
+    container;
+    actor;
+    registry;
+    options;
+    _unwatch = null;
+    /**
+     * @param container - The `HTMLElement` to render into. Cleared and repopulated on every view transition.
+     * @param actor - Actor instance providing the `currentView` signal (must implement `Viewable`).
+     * @param registry - Map of component type names to `DomComponentRenderer` functions.
+     * @param options - Optional configuration: `actions` map (action name → XState event type) and
+     *   optional external `store` (controlled mode — when omitted, a fresh `@xstate/store` atom is
+     *   created per view transition seeded from `spec.state`).
+     */
+    constructor(container, actor, registry, options = {}) {
+        this.container = container;
+        this.actor = actor;
+        this.registry = registry;
+        this.options = options;
+    }
+    /**
+     * Start watching actor.currentView and render to container.
+     * Renders the initial view synchronously, then subscribes to signal changes.
+     */
+    connect() {
+        this._render(this.actor.currentView.get());
+        this._unwatch = watchSignal(this.actor.currentView, (view) => this._render(view));
+    }
+    /**
+     * Stop watching and clear the container.
+     */
+    disconnect() {
+        this._unwatch?.();
+        this._unwatch = null;
+        this.container.replaceChildren();
+    }
+    _render(view) {
+        this.container.replaceChildren();
+        if (!view)
+            return;
+        // Resolve the store: external (controlled) or fresh per-view atom
+        const store = this.options.store
+            ? this.options.store
+            : xstateStoreStateStore({
+                atom: createAtom(view.spec.state ?? {}),
+            });
+        const send = this.actor.send.bind(this.actor);
+        const actorActions = this.options.actions ?? {};
+        const rerender = () => {
+            this.container.replaceChildren();
+            const node = renderSpec(view.spec, store, this.registry, send, this.actor, actorActions);
+            if (node)
+                this.container.appendChild(node);
+        };
+        store.subscribe(rerender);
+        rerender();
+    }
+}
+//# sourceMappingURL=PlayRenderer.js.map

package/dist/PlayRenderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlayRenderer.js","sourceRoot":"","sources":["../src/PlayRenderer.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAEH,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAEtD,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,qBAAqB,EAAE,MAAM,qBAAqB,CAAC;AAG5D,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAG/C;;;;;;;;;;;;;;;;;GAiBG;AACH,MAAM,OAAO,YAAY;IAYN;IACA;IACA;IACA;IAdV,QAAQ,GAAwB,IAAI,CAAC;IAE7C;;;;;;;OAOG;IACH,YACkB,SAAsB,EACtB,KAA8C,EAC9C,QAAqB,EACrB,UAA0B,EAAE;QAH5B,cAAS,GAAT,SAAS,CAAa;QACtB,UAAK,GAAL,KAAK,CAAyC;QAC9C,aAAQ,GAAR,QAAQ,CAAa;QACrB,YAAO,GAAP,OAAO,CAAqB;IAC3C,CAAC;IAEJ;;;OAGG;IACH,OAAO;QACN,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE,CAAC,CAAC;QAC3C,IAAI,CAAC,QAAQ,GAAG,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC,WAAW,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC;IACnF,CAAC;IAED;;OAEG;IACH,UAAU;QACT,IAAI,CAAC,QAAQ,EAAE,EAAE,CAAC;QAClB,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;QACrB,IAAI,CAAC,SAAS,CAAC,eAAe,EAAE,CAAC;IAClC,CAAC;IAEO,OAAO,CAAC,IAAyB;QACxC,IAAI,CAAC,SAAS,CAAC,eAAe,EAAE,CAAC;QACjC,IAAI,CAAC,IAAI;YAAE,OAAO;QAElB,kEAAkE;QAClE,MAAM,KAAK,GAAe,IAAI,CAAC,OAAO,CAAC,KAAK;YAC3C,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,KAAK;YACpB,CAAC,CAAC,qBAAqB,CAAC;gBACtB,IAAI,EAAE,UAAU,CAAE,IAAI,CAAC,IAAI,CAAC,KAAiC,IAAI,EAAE,CAAC;aACpE,CAAC,CAAC;QAEL,MAAM,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QAC9C,MAAM,YAAY,GAAG,IAAI,CAAC,OAAO,CAAC,OAAO,IAAI,EAAE,CAAC;QAEhD,MAAM,QAAQ,GAAG,GAAS,EAAE;YAC3B,IAAI,CAAC,SAAS,CAAC,eAAe,EAAE,CAAC;YACjC,MAAM,IAAI,GAAG,UAAU,CACtB,IAAI,CAAC,IAAI,EACT,KAAK,EACL,IAAI,CAAC,QAAQ,EACb,IAAI,EACJ,IAAI,CAAC,KAAK,EACV,YAAY,CACZ,CAAC;YACF,IAAI,IAAI;gBAAE,IAAI,CAAC,SAAS,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;QAC5C,CAAC,CAAC;QAEF,KAAK,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC;QAC1B,QAAQ,EAAE,CAAC;IACZ,CAAC;CACD"}

package/dist/connect-renderer.d.ts

@@ -0,0 +1,44 @@
+/**
+ * connect-renderer.ts — Backward compatibility wrapper around PlayRenderer.
+ *
+ * Provides the original `connectRenderer()` function API for consumers that
+ * have not yet migrated to the PlayRenderer class-based API.
+ *
+ * The implementation delegates entirely to PlayRenderer.
+ */
+import type { ConnectRendererOptions } from "./types.js";
+/**
+ * Connect a signal-driven DOM renderer to an actor's currentView signal.
+ *
+ * Subscribes to `actor.currentView` via TC39 Signals and renders `DomComponentRenderer`
+ * functions into the provided `container` element on every state change.
+ *
+ * - Renders the initial view immediately (synchronous)
+ * - Re-renders when `actor.currentView` signal changes (via microtask)
+ * - Clears container when view is `null` (optionally appends fallback)
+ *
+ * @param options - ConnectRendererOptions
+ * @returns A cleanup function that stops all DOM mutations
+ *
+ * @example
+ * ```typescript
+ * import { connectRenderer, type DomComponentRenderer } from "@xmachines/play-dom";
+ *
+ * const unwatch = connectRenderer({
+ *   actor,
+ *   registry: {
+ *     Home: (element, ctx) => {
+ *       const el = document.createElement("div");
+ *       el.textContent = element.props.title as string;
+ *       return el;
+ *     },
+ *   },
+ *   container: document.getElementById("app")!,
+ * });
+ *
+ * // Later: stop watching
+ * unwatch();
+ * ```
+ */
+export declare function connectRenderer(options: ConnectRendererOptions): () => void;
+//# sourceMappingURL=connect-renderer.d.ts.map

package/dist/connect-renderer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"connect-renderer.d.ts","sourceRoot":"","sources":["../src/connect-renderer.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAGH,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,YAAY,CAAC;AAEzD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AACH,wBAAgB,eAAe,CAAC,OAAO,EAAE,sBAAsB,GAAG,MAAM,IAAI,CAiB3E"}

package/dist/connect-renderer.js

@@ -0,0 +1,54 @@
+/**
+ * connect-renderer.ts — Backward compatibility wrapper around PlayRenderer.
+ *
+ * Provides the original `connectRenderer()` function API for consumers that
+ * have not yet migrated to the PlayRenderer class-based API.
+ *
+ * The implementation delegates entirely to PlayRenderer.
+ */
+import { PlayRenderer } from "./PlayRenderer.js";
+/**
+ * Connect a signal-driven DOM renderer to an actor's currentView signal.
+ *
+ * Subscribes to `actor.currentView` via TC39 Signals and renders `DomComponentRenderer`
+ * functions into the provided `container` element on every state change.
+ *
+ * - Renders the initial view immediately (synchronous)
+ * - Re-renders when `actor.currentView` signal changes (via microtask)
+ * - Clears container when view is `null` (optionally appends fallback)
+ *
+ * @param options - ConnectRendererOptions
+ * @returns A cleanup function that stops all DOM mutations
+ *
+ * @example
+ * ```typescript
+ * import { connectRenderer, type DomComponentRenderer } from "@xmachines/play-dom";
+ *
+ * const unwatch = connectRenderer({
+ *   actor,
+ *   registry: {
+ *     Home: (element, ctx) => {
+ *       const el = document.createElement("div");
+ *       el.textContent = element.props.title as string;
+ *       return el;
+ *     },
+ *   },
+ *   container: document.getElementById("app")!,
+ * });
+ *
+ * // Later: stop watching
+ * unwatch();
+ * ```
+ */
+export function connectRenderer(options) {
+    const playDomOptions = options.actions ? { actions: options.actions } : {};
+    const renderer = new PlayRenderer(options.container, options.actor, options.registry, playDomOptions);
+    renderer.connect();
+    // Handle fallback for null view (backward compat)
+    // If container is empty after initial render, append fallback
+    if (options.fallback && options.container.children.length === 0) {
+        options.container.appendChild(options.fallback);
+    }
+    return () => renderer.disconnect();
+}
+//# sourceMappingURL=connect-renderer.js.map

package/dist/connect-renderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"connect-renderer.js","sourceRoot":"","sources":["../src/connect-renderer.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAGjD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AACH,MAAM,UAAU,eAAe,CAAC,OAA+B;IAC9D,MAAM,cAAc,GAAG,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,OAAO,EAAE,OAAO,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;IAC3E,MAAM,QAAQ,GAAG,IAAI,YAAY,CAChC,OAAO,CAAC,SAAS,EACjB,OAAO,CAAC,KAAK,EACb,OAAO,CAAC,QAAQ,EAChB,cAAc,CACd,CAAC;IACF,QAAQ,CAAC,OAAO,EAAE,CAAC;IAEnB,kDAAkD;IAClD,8DAA8D;IAC9D,IAAI,OAAO,CAAC,QAAQ,IAAI,OAAO,CAAC,SAAS,CAAC,QAAQ,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QACjE,OAAO,CAAC,SAAS,CAAC,WAAW,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC;IACjD,CAAC;IAED,OAAO,GAAG,EAAE,CAAC,QAAQ,CAAC,UAAU,EAAE,CAAC;AACpC,CAAC"}

package/dist/dom-renderer.d.ts

@@ -0,0 +1,23 @@
+/**
+ * dom-renderer.ts — Pure json-render-core compatible DOM renderer.
+ *
+ * Zero XMachines dependencies. Takes a Spec + StateStore + DomRegistry
+ * and produces DOM nodes.
+ *
+ * This layer is upstreamable to @json-render/dom as a PR to vercel-labs/json-render.
+ */
+import type { Spec, StateStore } from "@json-render/core";
+import type { DomRegistry, DomRenderContext } from "./types.js";
+/**
+ * Render a Spec tree into DOM nodes using the provided DomRegistry.
+ *
+ * @param spec - The json-render Spec describing the UI tree
+ * @param store - StateStore holding the current state values
+ * @param registry - Map of element type names to DomComponentRenderer functions
+ * @param send - Function to dispatch XState events from UI interactions
+ * @param actor - Raw actor — available to DOM components for state reading, complex events
+ * @param actorActions - Map of json-render action names → XState event types
+ * @returns The root DOM node, or null if root element is invisible or unknown
+ */
+export declare function renderSpec(spec: Spec, store: StateStore, registry: DomRegistry, send: DomRenderContext["send"], actor: DomRenderContext["actor"], actorActions: Record<string, string>): Node | null;
+//# sourceMappingURL=dom-renderer.d.ts.map

package/dist/dom-renderer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dom-renderer.d.ts","sourceRoot":"","sources":["../src/dom-renderer.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAGH,OAAO,KAAK,EAAE,IAAI,EAAE,UAAU,EAAa,MAAM,mBAAmB,CAAC;AAErE,OAAO,KAAK,EAAE,WAAW,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAC;AAEhE;;;;;;;;;;GAUG;AACH,wBAAgB,UAAU,CACzB,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,UAAU,EACjB,QAAQ,EAAE,WAAW,EACrB,IAAI,EAAE,gBAAgB,CAAC,MAAM,CAAC,EAC9B,KAAK,EAAE,gBAAgB,CAAC,OAAO,CAAC,EAChC,YAAY,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GAClC,IAAI,GAAG,IAAI,CAsDb"}

package/dist/dom-renderer.js

@@ -0,0 +1,103 @@
+/**
+ * dom-renderer.ts — Pure json-render-core compatible DOM renderer.
+ *
+ * Zero XMachines dependencies. Takes a Spec + StateStore + DomRegistry
+ * and produces DOM nodes.
+ *
+ * This layer is upstreamable to @json-render/dom as a PR to vercel-labs/json-render.
+ */
+import { evaluateVisibility, resolveDynamicValue } from "@json-render/core";
+import { resolveProps } from "./resolve-state.js";
+/**
+ * Render a Spec tree into DOM nodes using the provided DomRegistry.
+ *
+ * @param spec - The json-render Spec describing the UI tree
+ * @param store - StateStore holding the current state values
+ * @param registry - Map of element type names to DomComponentRenderer functions
+ * @param send - Function to dispatch XState events from UI interactions
+ * @param actor - Raw actor — available to DOM components for state reading, complex events
+ * @param actorActions - Map of json-render action names → XState event types
+ * @returns The root DOM node, or null if root element is invisible or unknown
+ */
+export function renderSpec(spec, store, registry, send, actor, actorActions) {
+    function renderElement(key) {
+        const element = spec.elements[key];
+        if (!element)
+            return null;
+        // Evaluate visibility condition
+        if (element.visible !== undefined) {
+            const stateModel = store.getSnapshot();
+            const visible = evaluateVisibility(element.visible, { stateModel });
+            if (!visible)
+                return null;
+        }
+        // Resolve $state expressions in props
+        const resolvedProps = resolveProps(element.props ?? {}, store);
+        // Build context for this element
+        const ctx = {
+            spec,
+            store,
+            send,
+            actor,
+            actorActions,
+            renderChildren: (keys) => keys.flatMap((k) => {
+                const n = renderElement(k);
+                return n ? [n] : [];
+            }),
+        };
+        // Look up renderer in registry
+        const renderer = registry[element.type];
+        if (!renderer)
+            return null; // unknown type → null (matches json-render behavior)
+        // Create resolved element to pass to renderer
+        const resolvedElement = { ...element, props: resolvedProps };
+        const node = renderer(resolvedElement, ctx);
+        if (!node)
+            return null;
+        // Wire event handlers from element.on
+        if (element.on && node instanceof HTMLElement) {
+            wireEventHandlers(node, element.on, ctx);
+        }
+        // Append children into the node if it has children and is an HTMLElement
+        const childKeys = element.children ?? [];
+        if (childKeys.length > 0 && node instanceof HTMLElement) {
+            const childNodes = ctx.renderChildren(childKeys);
+            childNodes.forEach((child) => node.appendChild(child));
+        }
+        return node;
+    }
+    return renderElement(spec.root);
+}
+/**
+ * Wire event handlers from element.on bindings to DOM event listeners.
+ *
+ * Maps json-render event names to DOM events (e.g. "click" → "click").
+ * For each binding, checks actorActions map to find the XState event type.
+ * If found, calls send() with that event type on the DOM event.
+ */
+function wireEventHandlers(node, on, ctx) {
+    if (!on)
+        return;
+    for (const [domEvent, binding] of Object.entries(on)) {
+        // binding can be ActionBinding | ActionBinding[]
+        const bindings = Array.isArray(binding) ? binding : [binding];
+        node.addEventListener(domEvent, () => {
+            for (const b of bindings) {
+                const eventType = ctx.actorActions[b.action];
+                if (eventType) {
+                    // Resolve DynamicValue params ($state:/ references) against current store
+                    const stateModel = ctx.store.getSnapshot();
+                    const resolvedParams = {};
+                    if (b.params) {
+                        for (const [key, val] of Object.entries(b.params)) {
+                            resolvedParams[key] = resolveDynamicValue(val, stateModel);
+                        }
+                    }
+                    ctx.send({ type: eventType, ...resolvedParams });
+                }
+                // Unknown action → no-op (matches json-render silent behavior)
+            }
+        });
+    }
+}
+//# sourceMappingURL=dom-renderer.js.map

package/dist/dom-renderer.js.map

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

package/dist/errors.d.ts

@@ -0,0 +1,46 @@
+import { PlayError } from "@xmachines/play";
+/**
+ * Thrown by `connectRenderer` when the `components` option is `null` or `undefined`.
+ *
+ * A missing catalog is a programmer error — the components map must be provided
+ * to the renderer. The `componentName` that was being looked up is encoded in
+ * the error message.
+ *
+ * **Error code:** `PLAY_RENDERER_MISSING_CATALOG`
+ *
+ * @example
+ * ```typescript
+ * import { MissingCatalogError } from "@xmachines/play-dom";
+ *
+ * // In a catch block:
+ * if (err instanceof MissingCatalogError) {
+ *   console.error("components option was not provided to connectRenderer()");
+ * }
+ * ```
+ */
+export declare class MissingCatalogError extends PlayError {
+    constructor(componentName: string, catalogValue: null | undefined);
+}
+/**
+ * Thrown by `connectRenderer` when the component name from `actor.currentView` does
+ * not exist as a key in the `components` catalog.
+ *
+ * This is a programmer error — either the machine's `meta.view.component` name is
+ * misspelled, or the component was not registered in the catalog passed to the renderer.
+ *
+ * **Error code:** `PLAY_RENDERER_MISSING_COMPONENT`
+ *
+ * @example
+ * ```typescript
+ * import { MissingComponentError } from "@xmachines/play-dom";
+ *
+ * if (err instanceof MissingComponentError) {
+ *   // err.message lists both the missing name and available components
+ *   console.error(err.message);
+ * }
+ * ```
+ */
+export declare class MissingComponentError extends PlayError {
+    constructor(componentName: string, availableComponents: string[]);
+}
+//# sourceMappingURL=errors.d.ts.map

package/dist/errors.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"errors.d.ts","sourceRoot":"","sources":["../src/errors.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAE5C;;;;;;;;;;;;;;;;;;GAkBG;AACH,qBAAa,mBAAoB,SAAQ,SAAS;gBACrC,aAAa,EAAE,MAAM,EAAE,YAAY,EAAE,IAAI,GAAG,SAAS;CAQjE;AAED;;;;;;;;;;;;;;;;;;GAkBG;AACH,qBAAa,qBAAsB,SAAQ,SAAS;gBACvC,aAAa,EAAE,MAAM,EAAE,mBAAmB,EAAE,MAAM,EAAE;CAQhE"}

package/dist/errors.js

@@ -0,0 +1,52 @@
+import { PlayError } from "@xmachines/play";
+/**
+ * Thrown by `connectRenderer` when the `components` option is `null` or `undefined`.
+ *
+ * A missing catalog is a programmer error — the components map must be provided
+ * to the renderer. The `componentName` that was being looked up is encoded in
+ * the error message.
+ *
+ * **Error code:** `PLAY_RENDERER_MISSING_CATALOG`
+ *
+ * @example
+ * ```typescript
+ * import { MissingCatalogError } from "@xmachines/play-dom";
+ *
+ * // In a catch block:
+ * if (err instanceof MissingCatalogError) {
+ *   console.error("components option was not provided to connectRenderer()");
+ * }
+ * ```
+ */
+export class MissingCatalogError extends PlayError {
+    constructor(componentName, catalogValue) {
+        super("PlayRenderer", "PLAY_RENDERER_MISSING_CATALOG", `Components catalog is ${catalogValue === null ? "null" : "undefined"}. Cannot render component "${componentName}".`);
+        this.name = "MissingCatalogError";
+    }
+}
+/**
+ * Thrown by `connectRenderer` when the component name from `actor.currentView` does
+ * not exist as a key in the `components` catalog.
+ *
+ * This is a programmer error — either the machine's `meta.view.component` name is
+ * misspelled, or the component was not registered in the catalog passed to the renderer.
+ *
+ * **Error code:** `PLAY_RENDERER_MISSING_COMPONENT`
+ *
+ * @example
+ * ```typescript
+ * import { MissingComponentError } from "@xmachines/play-dom";
+ *
+ * if (err instanceof MissingComponentError) {
+ *   // err.message lists both the missing name and available components
+ *   console.error(err.message);
+ * }
+ * ```
+ */
+export class MissingComponentError extends PlayError {
+    constructor(componentName, availableComponents) {
+        super("PlayRenderer", "PLAY_RENDERER_MISSING_COMPONENT", `Component "${componentName}" not found in catalog. Available components: ${availableComponents.join(", ")}`);
+        this.name = "MissingComponentError";
+    }
+}
+//# sourceMappingURL=errors.js.map

package/dist/errors.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"errors.js","sourceRoot":"","sources":["../src/errors.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAE5C;;;;;;;;;;;;;;;;;;GAkBG;AACH,MAAM,OAAO,mBAAoB,SAAQ,SAAS;IACjD,YAAY,aAAqB,EAAE,YAA8B;QAChE,KAAK,CACJ,cAAc,EACd,+BAA+B,EAC/B,yBAAyB,YAAY,KAAK,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,WAAW,8BAA8B,aAAa,IAAI,CACpH,CAAC;QACF,IAAI,CAAC,IAAI,GAAG,qBAAqB,CAAC;IACnC,CAAC;CACD;AAED;;;;;;;;;;;;;;;;;;GAkBG;AACH,MAAM,OAAO,qBAAsB,SAAQ,SAAS;IACnD,YAAY,aAAqB,EAAE,mBAA6B;QAC/D,KAAK,CACJ,cAAc,EACd,iCAAiC,EACjC,cAAc,aAAa,iDAAiD,mBAAmB,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAC5G,CAAC;QACF,IAAI,CAAC,IAAI,GAAG,uBAAuB,CAAC;IACrC,CAAC;CACD"}

package/dist/index.d.ts

@@ -0,0 +1,20 @@
+/**
+ * @xmachines/play-dom - Vanilla DOM renderer for XMachines Play architecture
+ *
+ * Provides a two-layer architecture:
+ * - Inner layer (dom-renderer): Pure json-render-core compatible DOM renderer.
+ *   Zero XMachines dependencies. Upstreamable to @json-render/dom.
+ * - Outer layer (PlayRenderer): XMachines wrapper. Bridges actor.currentView
+ *   (TC39 Signal) to the inner DOM renderer using watchSignal.
+ *
+ * Also provides connectRenderer() as a backward-compat convenience function.
+ *
+ * No framework required. Pure DOM APIs only.
+ *
+ * @packageDocumentation
+ */
+export { connectRenderer } from "./connect-renderer.js";
+export { PlayRenderer } from "./PlayRenderer.js";
+export { renderSpec } from "./dom-renderer.js";
+export type { DomComponentRenderer, DomRegistry, DomRenderContext, ConnectRendererOptions, PlayDomOptions, } from "./types.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAEH,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AACxD,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC/C,YAAY,EACX,oBAAoB,EACpB,WAAW,EACX,gBAAgB,EAChB,sBAAsB,EACtB,cAAc,GACd,MAAM,YAAY,CAAC"}

package/dist/index.js

@@ -0,0 +1,19 @@
+/**
+ * @xmachines/play-dom - Vanilla DOM renderer for XMachines Play architecture
+ *
+ * Provides a two-layer architecture:
+ * - Inner layer (dom-renderer): Pure json-render-core compatible DOM renderer.
+ *   Zero XMachines dependencies. Upstreamable to @json-render/dom.
+ * - Outer layer (PlayRenderer): XMachines wrapper. Bridges actor.currentView
+ *   (TC39 Signal) to the inner DOM renderer using watchSignal.
+ *
+ * Also provides connectRenderer() as a backward-compat convenience function.
+ *
+ * No framework required. Pure DOM APIs only.
+ *
+ * @packageDocumentation
+ */
+export { connectRenderer } from "./connect-renderer.js";
+export { PlayRenderer } from "./PlayRenderer.js";
+export { renderSpec } from "./dom-renderer.js";
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAEH,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AACxD,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC"}

package/dist/resolve-state.d.ts

@@ -0,0 +1,12 @@
+/**
+ * resolve-state.ts — Resolves json-render dynamic value expressions against a StateStore.
+ *
+ * Pure function — no XMachines dependencies. Upstreamable to @json-render/dom.
+ */
+import type { StateStore } from "@json-render/core";
+/**
+ * Resolve all props in an element's props object.
+ * Returns a new props object with all $state expressions resolved against the store.
+ */
+export declare function resolveProps(props: Record<string, unknown>, store: StateStore): Record<string, unknown>;
+//# sourceMappingURL=resolve-state.d.ts.map

package/dist/resolve-state.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"resolve-state.d.ts","sourceRoot":"","sources":["../src/resolve-state.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAEpD;;;GAGG;AACH,wBAAgB,YAAY,CAC3B,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAC9B,KAAK,EAAE,UAAU,GACf,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAMzB"}

package/dist/resolve-state.js

@@ -0,0 +1,41 @@
+/**
+ * resolve-state.ts — Resolves json-render dynamic value expressions against a StateStore.
+ *
+ * Pure function — no XMachines dependencies. Upstreamable to @json-render/dom.
+ */
+/**
+ * Resolve all props in an element's props object.
+ * Returns a new props object with all $state expressions resolved against the store.
+ */
+export function resolveProps(props, store) {
+    const result = {};
+    for (const [key, value] of Object.entries(props)) {
+        result[key] = resolveValue(value, store);
+    }
+    return result;
+}
+/**
+ * Resolve a single value that may contain json-render dynamic expressions.
+ * - `{ "$state": "/path" }` → store.get("/path")
+ * - Arrays → each element resolved recursively
+ * - Nested objects → each value resolved recursively
+ * - Plain values → returned as-is
+ */
+function resolveValue(value, store) {
+    if (value === null || typeof value !== "object")
+        return value;
+    if (Array.isArray(value))
+        return value.map((v) => resolveValue(v, store));
+    const obj = value;
+    // $state binding: { "$state": "/path" }
+    if ("$state" in obj && typeof obj["$state"] === "string") {
+        return store.get(obj["$state"]);
+    }
+    // Nested plain object — recurse
+    const resolved = {};
+    for (const [k, v] of Object.entries(obj)) {
+        resolved[k] = resolveValue(v, store);
+    }
+    return resolved;
+}
+//# sourceMappingURL=resolve-state.js.map

package/dist/resolve-state.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"resolve-state.js","sourceRoot":"","sources":["../src/resolve-state.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAIH;;;GAGG;AACH,MAAM,UAAU,YAAY,CAC3B,KAA8B,EAC9B,KAAiB;IAEjB,MAAM,MAAM,GAA4B,EAAE,CAAC;IAC3C,KAAK,MAAM,CAAC,GAAG,EAAE,KAAK,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC;QAClD,MAAM,CAAC,GAAG,CAAC,GAAG,YAAY,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;IAC1C,CAAC;IACD,OAAO,MAAM,CAAC;AACf,CAAC;AAED;;;;;;GAMG;AACH,SAAS,YAAY,CAAC,KAAc,EAAE,KAAiB;IACtD,IAAI,KAAK,KAAK,IAAI,IAAI,OAAO,KAAK,KAAK,QAAQ;QAAE,OAAO,KAAK,CAAC;IAC9D,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC;QAAE,OAAO,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,YAAY,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC,CAAC;IAE1E,MAAM,GAAG,GAAG,KAAgC,CAAC;IAE7C,wCAAwC;IACxC,IAAI,QAAQ,IAAI,GAAG,IAAI,OAAO,GAAG,CAAC,QAAQ,CAAC,KAAK,QAAQ,EAAE,CAAC;QAC1D,OAAO,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC,CAAC;IACjC,CAAC;IAED,gCAAgC;IAChC,MAAM,QAAQ,GAA4B,EAAE,CAAC;IAC7C,KAAK,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE,CAAC;QAC1C,QAAQ,CAAC,CAAC,CAAC,GAAG,YAAY,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC;IACtC,CAAC;IACD,OAAO,QAAQ,CAAC;AACjB,CAAC"}

package/dist/types.d.ts

@@ -0,0 +1,73 @@
+/**
+ * TypeScript type definitions for play-dom
+ *
+ * @packageDocumentation
+ */
+import type { Spec, UIElement, StateStore } from "@json-render/core";
+import type { AbstractActor, Viewable } from "@xmachines/play-actor";
+import type { AnyActorLogic } from "xstate";
+/**
+ * Context passed to each DomComponentRenderer when rendering an element.
+ */
+export interface DomRenderContext {
+    /** Full spec tree */
+    spec: Spec;
+    /** State store bound to spec.state */
+    store: StateStore;
+    /** Send an event to the actor */
+    send: (event: {
+        type: string;
+    } & Record<string, unknown>) => void;
+    /** Raw actor — access from any DOM component for state reading, complex events, lifecycle */
+    actor: AbstractActor<AnyActorLogic> & Viewable;
+    /** Map of json-render action names → XState event types */
+    actorActions: Record<string, string>;
+    /** Recursively render child elements by key */
+    renderChildren: (keys: string[]) => Node[];
+}
+/**
+ * Pure DOM component renderer — receives a UIElement + context and returns a DOM node.
+ * No framework required. Return null for unknown/unsupported elements.
+ */
+export type DomComponentRenderer = (element: UIElement, ctx: DomRenderContext) => HTMLElement | Text | null;
+/**
+ * Registry of component renderers keyed by element type.
+ */
+export type DomRegistry = Record<string, DomComponentRenderer>;
+/**
+ * Options for PlayRenderer.
+ */
+export interface PlayDomOptions {
+    /** Map of json-render actionName → XState event type */
+    actions?: Record<string, string>;
+    /**
+     * Optional external StateStore (e.g. from `xstateStoreStateStore` in @json-render/xstate).
+     * When provided, PlayRenderer operates in controlled mode — spec.state is ignored and
+     * this store is the single source of truth for UI state (form values, etc.).
+     * When omitted, a fresh @xstate/store atom is created internally per view transition,
+     * seeded from spec.state.
+     */
+    store?: StateStore;
+}
+/**
+ * Options for connectRenderer() — backward compat API.
+ */
+export interface ConnectRendererOptions {
+    /** Actor instance with currentView signal (requires Viewable capability) */
+    actor: AbstractActor<AnyActorLogic> & Viewable;
+    /** Registry of component renderers — replaces old `components` map */
+    registry: DomRegistry;
+    /** Container element to render into */
+    container: HTMLElement;
+    /** Optional element shown when currentView is null (defaults to nothing — clears container) */
+    fallback?: HTMLElement | null;
+    /** Map of json-render actionName → XState event type */
+    actions?: Record<string, string>;
+    /**
+     * Optional external StateStore (e.g. from `xstateStoreStateStore` in @json-render/xstate).
+     * When provided, PlayRenderer operates in controlled mode — spec.state is ignored.
+     * When omitted, a fresh @xstate/store atom is created internally per view transition.
+     */
+    store?: StateStore;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,IAAI,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AACrE,OAAO,KAAK,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACrE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,QAAQ,CAAC;AAE5C;;GAEG;AACH,MAAM,WAAW,gBAAgB;IAChC,qBAAqB;IACrB,IAAI,EAAE,IAAI,CAAC;IACX,sCAAsC;IACtC,KAAK,EAAE,UAAU,CAAC;IAClB,iCAAiC;IACjC,IAAI,EAAE,CAAC,KAAK,EAAE;QAAE,IAAI,EAAE,MAAM,CAAA;KAAE,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,IAAI,CAAC;IAClE,6FAA6F;IAC7F,KAAK,EAAE,aAAa,CAAC,aAAa,CAAC,GAAG,QAAQ,CAAC;IAC/C,2DAA2D;IAC3D,YAAY,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACrC,+CAA+C;IAC/C,cAAc,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,IAAI,EAAE,CAAC;CAC3C;AAED;;;GAGG;AACH,MAAM,MAAM,oBAAoB,GAAG,CAClC,OAAO,EAAE,SAAS,EAClB,GAAG,EAAE,gBAAgB,KACjB,WAAW,GAAG,IAAI,GAAG,IAAI,CAAC;AAE/B;;GAEG;AACH,MAAM,MAAM,WAAW,GAAG,MAAM,CAAC,MAAM,EAAE,oBAAoB,CAAC,CAAC;AAE/D;;GAEG;AACH,MAAM,WAAW,cAAc;IAC9B,wDAAwD;IACxD,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAEjC;;;;;;OAMG;IACH,KAAK,CAAC,EAAE,UAAU,CAAC;CACnB;AAED;;GAEG;AACH,MAAM,WAAW,sBAAsB;IACtC,4EAA4E;IAC5E,KAAK,EAAE,aAAa,CAAC,aAAa,CAAC,GAAG,QAAQ,CAAC;IAE/C,sEAAsE;IACtE,QAAQ,EAAE,WAAW,CAAC;IAEtB,uCAAuC;IACvC,SAAS,EAAE,WAAW,CAAC;IAEvB,+FAA+F;IAC/F,QAAQ,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IAE9B,wDAAwD;IACxD,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAEjC;;;;OAIG;IACH,KAAK,CAAC,EAAE,UAAU,CAAC;CACnB"}

package/dist/types.js

@@ -0,0 +1,7 @@
+/**
+ * TypeScript type definitions for play-dom
+ *
+ * @packageDocumentation
+ */
+export {};
+//# sourceMappingURL=types.js.map

package/dist/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA;;;;GAIG"}

package/package.json

@@ -0,0 +1,62 @@
+{
+  "name": "@xmachines/play-dom",
+  "version": "1.0.0-beta.16",
+  "description": "Vanilla DOM renderer for XMachines Play architecture with signal-driven rendering",
+  "keywords": [
+    "actor",
+    "dom",
+    "renderer",
+    "signals",
+    "state-machine",
+    "ui",
+    "xmachines"
+  ],
+  "license": "MIT",
+  "author": "XMachines Contributors",
+  "repository": {
+    "type": "git",
+    "url": "git@gitlab.com:xmachin-es/xmachines-js.git",
+    "directory": "packages/play-dom"
+  },
+  "files": [
+    "dist",
+    "README.md",
+    "LICENSE"
+  ],
+  "type": "module",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    }
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "build": "tsc --build",
+    "clean": "rm -rf dist *.tsbuildinfo",
+    "typecheck": "tsc --noEmit",
+    "test": "vitest",
+    "prepublishOnly": "npm run build"
+  },
+  "dependencies": {
+    "@xmachines/play": "1.0.0-beta.16",
+    "@xmachines/play-actor": "1.0.0-beta.16",
+    "@xmachines/play-signals": "1.0.0-beta.16"
+  },
+  "devDependencies": {
+    "@json-render/core": "^0.16.0",
+    "@json-render/xstate": "^0.16.0",
+    "@types/node": "^25.5.0",
+    "@xmachines/shared": "1.0.0-beta.16",
+    "@xstate/store": ">=3.17.0",
+    "typescript": "^5.9.3 || ^6.0.2",
+    "vitest": "^4.1.2"
+  },
+  "peerDependencies": {
+    "@json-render/core": "^0.16.0",
+    "@json-render/xstate": "^0.16.0",
+    "@xstate/store": ">=3.17.0"
+  }
+}