@scenetest/dashboard 0.11.0 → 0.12.0

package/README.md

@@ -1,64 +1,116 @@
 # @scenetest/dashboard
 
-The scenetest dashboard as a mountable widget. The same Preact UI renders the
-live run in dev (inside the Vite plugin's `/__scenetest` page) and in
-scenetest-cloud (a Worker-served page) — the host supplies a DOM element and a
-transport adapter, nothing else.
+The scenetest dashboard as a **Preact component**. The same UI renders the live
+run in dev (inside the Vite plugin's `/__scenetest` page) and in scenetest-cloud
+(a Worker-served page) — the host supplies a transport adapter, nothing else.
 
-```ts
-import { mountDashboard, createDevTransport } from '@scenetest/dashboard'
+```tsx
+import { render } from 'preact'
+import { Dashboard, createDevTransport } from '@scenetest/dashboard'
+import '@scenetest/dashboard/style.css'
 
-const handle = mountDashboard(document.getElementById('root'), {
-  transport: createDevTransport(),
-})
-// later: handle.unmount()
+render(<Dashboard transport={createDevTransport()} />, document.getElementById('root'))
 ```
 
-The widget renders into a **shadow root** with its own styles and fonts, so it
-drops into any host without leaking styles in either direction and without the
-host using Preact.
+It's a plain light-DOM Preact component — no shadow root. Styles ship as a
+stylesheet the host imports (`@scenetest/dashboard/style.css`), scoped under the
+`.scenetest-dashboard` root so they don't leak. Both hosts are Preact, so they
+render `<Dashboard>` directly; there's no imperative mount wrapper.
 
 ## Transport adapter
 
-The only thing that differs between dev and cloud. The widget calls the
-adapter to fetch a snapshot and subscribe to live events, and pushes user
-actions back as protocol commands:
+The only thing that differs between dev and cloud. The dashboard subscribes to
+the run stream and pushes user actions back as protocol commands:
 
 ```ts
 interface Transport {
-  fetchState(): Promise<RunEvent[]>
   subscribe(onEvent: (e: RunEvent) => void, onStatus?: (s: ConnectionStatus) => void): () => void
   sendCommand(command: Command): Promise<void>
 }
 ```
 
 Events and commands are the `@scenetest/protocol` vocabulary. `createDevTransport()`
-speaks to the Vite middleware (fetch + SSE); a cloud adapter speaks to the
-worker (fetch + WebSocket). History may arrive through either `fetchState`
-(snapshot) or the initial `subscribe` burst — the store folds both the same
-way, so a transport picks whichever its backend makes natural (SSE replays the
-buffer through `subscribe`, so the dev adapter's `fetchState` returns empty).
+speaks to the Vite middleware (SSE); a cloud adapter speaks to the worker
+(WebSocket). History and live events both flow through `subscribe`: the
+transport replays the run so far on connect (SSE replays its buffer; the cloud
+WebSocket replays from a `sinceSeq`) and then streams live ones — the read model
+folds both the same way, so there's no separate snapshot fetch.
 
 ## Theming
 
-The widget's only theming surface is a small set of CSS custom properties,
-passed as `theme` and applied to the shadow host:
+The only theming surface is a small set of CSS custom properties, passed as
+`theme` and applied as inline `--st-*` variables on the `.scenetest-dashboard`
+root:
 
-```ts
-mountDashboard(el, {
-  transport,
-  theme: { bg: '#0b0d12', accent: '#7c93ff', font: 'IBM Plex Mono, monospace', fontSize: '12px' },
-})
+```tsx
+<Dashboard
+  transport={transport}
+  theme={{ bg: '#0b0d12', accent: '#7c93ff', font: 'IBM Plex Mono, monospace', fontSize: '12px' }}
+/>
 ```
 
 These map to `--st-bg`, `--st-accent`, `--st-font`, `--st-font-size`. Nothing
-else is reachable; they are versioned with the widget, like the wire protocol.
+else is reachable; they are versioned with the component, like the wire protocol.
 
-## Store
+## Selectors
 
-`mountDashboard` is the entry point, but the event-folding logic is exported
-separately and is DOM-free — useful for tests, SSR, or computing a rollup:
+`<Dashboard>` reads the run stream through the collections read model (below),
+but the view-projection logic is exported separately and is DOM-free — useful
+for tests, SSR, or computing a rollup:
 
-- `foldEvents(events)` / `applyEvent(state, event)` — reduce protocol events into `DashboardState`
-- `initialState()`, `completedSceneCount(state)`, `withConnection(state, status)`
+- `selectWaterfall(slice)` / `selectSnapshot(slice)` — project a latest-run `RunSlice` into the Waterfall / Runner view shapes
+- `mapReportToSnapshot(report)` — adapt a past-run JSON report into the Runner shape
+- `completedSceneCount(state)` — count of finished scenes
 - `sceneSummary(scene)` — the plain-text "copy failures" summary
+
+## Collections (`@scenetest/dashboard/collections`)
+
+A read-only [TanStack DB](https://tanstack.com/db) read model over the run
+stream — **the store `<Dashboard>` itself reads from** (dev and cloud), with
+**live queries** (filter / aggregate / sort, recomputed incrementally). It's
+also a subpath export so a cloud consumer can build the same collections with
+**its own** `@tanstack/db` instance (e.g. fed by a Durable Object's WebSocket).
+
+`createRunSource(transport)` wraps the transport as one shared, fan-out stream;
+`runCollectionOptions({ source, projection })` returns a `CollectionConfig` you
+pass to **your own** `createCollection` — so the collection is built by the same
+`@tanstack/db` instance your `useLiveQuery` uses. Several collections ride
+**one** connection ("subscribe to the stream, attach the tables"), and each is
+a server-owned replica: the projection is the sole writer, so client
+`.insert()`/`.update()` throws.
+
+```ts
+import { createCollection, count } from '@tanstack/db'
+import { useLiveQuery } from '@tanstack/react-db'
+import { createDevTransport } from '@scenetest/dashboard'
+import { createRunSource, runCollectionOptions, scenesProjection, assertionsProjection } from '@scenetest/dashboard/collections'
+
+const source = createRunSource(createDevTransport())            // one connection…
+const scenes = createCollection(runCollectionOptions({ source, projection: scenesProjection() }))
+const assertions = createCollection(runCollectionOptions({ source, projection: assertionsProjection() })) // …two tables
+
+const { data } = useLiveQuery((q) =>
+  q.from({ s: scenes }).groupBy(({ s }) => s.status)
+    .select(({ s }) => ({ status: s.status, n: count(s.id) }))
+)
+// on teardown: source.close()
+```
+
+A projection speaks a tiny `RowOp` vocabulary (`insert`/`update`/`delete`/`reset`),
+so `scenesProjection()` / `assertionsProjection()` / `runsProjection()` are
+testable without TanStack DB at all. `@tanstack/db` is a **runtime dependency**
+of the package (the dashboard calls `createCollection` to build its store), but
+this `./collections` subpath itself only `import type`s `CollectionConfig` — so
+a cloud consumer can build the collections with its own `@tanstack/db` instance
+(one instance, so its `useLiveQuery` can join across them).
+
+**Multi-run.** Rows are partitioned by `runId` (the `run:start` timestamp), so
+one collection holds a whole PR's history — a new `run:start` opens a new
+partition rather than truncating. `runsProjection()` gives one row per run
+(status, counts, duration), which is the run picker / "most recent" rollup /
+flaky surface as plain live queries; the live timeline is `where runId = <latest>`.
+See `docs/public/design/unified-console.md`.
+
+History/ordering/de-duplication remain the transport's contract (SSE replay in
+dev, WebSocket `sinceSeq` replay in cloud); the source just consumes `onEvent`
+and resets its replay buffer on `run:start`.

package/dist/app.d.ts

@@ -1,12 +1,15 @@
-import type { Scene, Transport } from './types.js';
+import type { Command } from '@scenetest/protocol';
+import type { DashboardState, Scene } from './types.js';
 /**
- * The dashboard root. Owns the folded state, drives it from the transport,
- * and turns header controls into protocol commands. The same component
- * renders in dev and cloud — only the injected `transport` differs.
+ * The Waterfall view — the live timeline of actors and inline assertions. It's
+ * a pure view: the Dashboard root computes `state` from the shared read model
+ * (`selectWaterfall` over the collections) and passes it in, along with `send`
+ * for header controls. Same component renders in dev and cloud.
  */
-export declare function Dashboard({ transport }: {
-    transport: Transport;
-}): import("preact").VNode<import("preact").Attributes> | import("preact").VNode<import("preact").Attributes>[];
+export declare function Waterfall({ state, send }: {
+    state: DashboardState;
+    send: (c: Command) => void;
+}): import("preact").JSX.Element;
 /** Build the plain-text "copy failures" summary, matching the original dashboard. */
 export declare function sceneSummary(scene: Scene): string;
 //# sourceMappingURL=app.d.ts.map

package/dist/app.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"app.d.ts","sourceRoot":"","sources":["../src/app.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAoC,KAAK,EAAE,SAAS,EAAE,MAAM,YAAY,CAAA;AAYpF;;;;GAIG;AACH,wBAAgB,SAAS,CAAC,EAAE,SAAS,EAAE,EAAE;IAAE,SAAS,EAAE,SAAS,CAAA;CAAE,+GAoChE;AAiJD,qFAAqF;AACrF,wBAAgB,YAAY,CAAC,KAAK,EAAE,KAAK,GAAG,MAAM,CA0BjD"}
+{"version":3,"file":"app.d.ts","sourceRoot":"","sources":["../src/app.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAA;AAElD,OAAO,KAAK,EAAE,cAAc,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AAEvD;;;;;GAKG;AACH,wBAAgB,SAAS,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE;IAAE,KAAK,EAAE,cAAc,CAAC;IAAC,IAAI,EAAE,CAAC,CAAC,EAAE,OAAO,KAAK,IAAI,CAAA;CAAE,gCAkB/F;AAgJD,qFAAqF;AACrF,wBAAgB,YAAY,CAAC,KAAK,EAAE,KAAK,GAAG,MAAM,CA0BjD"}

package/dist/app.js

@@ -1,50 +1,14 @@
-import { h } from 'preact';
-import { useEffect, useReducer, useState } from 'preact/hooks';
-import htm from 'htm';
-import { applyEvent, completedSceneCount, initialState, withConnection } from './store.js';
-const html = htm.bind(h);
-function reducer(state, action) {
-    return action.kind === 'event'
-        ? applyEvent(state, action.event)
-        : withConnection(state, action.status);
-}
+import { jsx as _jsx, jsxs as _jsxs } from "preact/jsx-runtime";
+import { useEffect, useState } from 'preact/hooks';
+import { completedSceneCount } from './select-waterfall.js';
 /**
- * The dashboard root. Owns the folded state, drives it from the transport,
- * and turns header controls into protocol commands. The same component
- * renders in dev and cloud — only the injected `transport` differs.
+ * The Waterfall view — the live timeline of actors and inline assertions. It's
+ * a pure view: the Dashboard root computes `state` from the shared read model
+ * (`selectWaterfall` over the collections) and passes it in, along with `send`
+ * for header controls. Same component renders in dev and cloud.
  */
-export function Dashboard({ transport }) {
-    const [state, dispatch] = useReducer(reducer, undefined, initialState);
-    useEffect(() => {
-        let alive = true;
-        transport.fetchState().then((events) => {
-            if (!alive)
-                return;
-            for (const event of events)
-                dispatch({ kind: 'event', event });
-        });
-        const unsubscribe = transport.subscribe((event) => dispatch({ kind: 'event', event }), (status) => dispatch({ kind: 'status', status }));
-        return () => {
-            alive = false;
-            unsubscribe();
-        };
-    }, [transport]);
-    const send = (command) => {
-        void transport.sendCommand(command);
-    };
-    return html `
-    <div class="root">
-      ${Header({ state, send })}
-      <main>
-        ${state.scenes.length === 0
-        ? html `<div class="waiting">
-              <h2>Waiting for scene run…</h2>
-              <p>Run <code>scenetest</code> to see the live timeline here.</p>
-            </div>`
-        : state.scenes.map((scene, i) => SceneCard({ scene, index: i, send }))}
-      </main>
-    </div>
-  `;
+export function Waterfall({ state, send }) {
+    return (_jsxs("div", { class: "root", children: [_jsx(Header, { state: state, send: send }), _jsx("main", { children: state.scenes.length === 0 ? (_jsxs("div", { class: "waiting", children: [_jsx("h2", { children: "Waiting for scene run\u2026" }), _jsxs("p", { children: ["Run ", _jsx("code", { children: "scenetest" }), " to see the live timeline here."] })] })) : (state.scenes.map((scene) => _jsx(SceneCard, { scene: scene, send: send }, scene.name))) })] }));
 }
 function Header({ state, send }) {
     const [team, setTeam] = useState('');
@@ -70,40 +34,9 @@ function Header({ state, send }) {
             ? 'progress done'
             : 'progress';
     const replay = () => send({ type: 'run:replay', ...(team ? { team } : {}) });
-    return html `
-    <header class=${running ? 'running' : ''}>
-      <h1><span class="logo">S</span> Scenetest Dashboard</h1>
-      <button class="replay-all-btn" disabled=${running} onClick=${replay}>▶ Replay All</button>
-      <label class="team-select-wrap">
-        Team:
-        <select
-          value=${team}
-          onChange=${(e) => setTeam(e.target.value)}
-        >
-          <option value="">all teams</option>
-          ${state.teams.map((t) => html `<option value=${t}>${t}</option>`)}
-        </select>
-      </label>
-      <button onClick=${() => send({ type: 'run:pause' })}>❚❚ Pause</button>
-      <button class="stop-btn" onClick=${() => send({ type: 'run:stop' })}>■ Stop</button>
-      <div class="spacer"></div>
-      <div class="stats">
-        <div class="stat"><span class="label">Scenes:</span><span class="value">${completed}/${state.sceneCount}</span></div>
-        <div class="stat pass"><span class="label">Pass:</span><span class="value">${state.passCount}</span></div>
-        <div class="stat fail"><span class="label">Fail:</span><span class="value">${state.failCount}</span></div>
-        <div class="stat"><span class="label">Time:</span><span class="value">${elapsed}</span></div>
-        <div
-          class=${'conn ' + state.connection}
-          title=${'SSE ' + state.connection}
-        ></div>
-      </div>
-      ${state.sceneCount > 0
-        ? html `<div class=${progressClass}><div class="progress-fill" style=${`width:${pct}%`}></div></div>`
-        : null}
-    </header>
-  `;
+    return (_jsxs("header", { class: running ? 'running' : '', children: [_jsxs("h1", { children: [_jsx("span", { class: "logo", children: "S" }), " Scenetest Dashboard"] }), _jsx("button", { class: "replay-all-btn", disabled: running, onClick: replay, children: "\u25B6 Replay All" }), _jsxs("label", { class: "team-select-wrap", children: ["Team:", _jsxs("select", { value: team, onChange: (e) => setTeam(e.target.value), children: [_jsx("option", { value: "", children: "all teams" }), state.teams.map((t) => (_jsx("option", { value: t, children: t }, t)))] })] }), _jsx("button", { onClick: () => send({ type: 'run:pause' }), children: "\u275A\u275A Pause" }), _jsx("button", { class: "stop-btn", onClick: () => send({ type: 'run:stop' }), children: "\u25A0 Stop" }), _jsx("div", { class: "spacer" }), _jsxs("div", { class: "stats", children: [_jsxs("div", { class: "stat", children: [_jsx("span", { class: "label", children: "Scenes:" }), _jsxs("span", { class: "value", children: [completed, "/", state.sceneCount] })] }), _jsxs("div", { class: "stat pass", children: [_jsx("span", { class: "label", children: "Pass:" }), _jsx("span", { class: "value", children: state.passCount })] }), _jsxs("div", { class: "stat fail", children: [_jsx("span", { class: "label", children: "Fail:" }), _jsx("span", { class: "value", children: state.failCount })] }), _jsxs("div", { class: "stat", children: [_jsx("span", { class: "label", children: "Time:" }), _jsx("span", { class: "value", children: elapsed })] }), _jsx("div", { class: 'conn ' + state.connection, title: 'SSE ' + state.connection })] }), state.sceneCount > 0 ? (_jsx("div", { class: progressClass, children: _jsx("div", { class: "progress-fill", style: `width:${pct}%` }) })) : null] }));
 }
-function SceneCard({ scene, index, send, }) {
+function SceneCard({ scene, send }) {
     const [copied, setCopied] = useState(false);
     const statusMark = scene.status === 'completed' ? '✓' : scene.status === 'running' ? '◷' : '✗';
     const copy = () => {
@@ -111,58 +44,7 @@ function SceneCard({ scene, index, send, }) {
         setCopied(true);
         setTimeout(() => setCopied(false), 1200);
     };
-    return html `
-    <div class=${'scene ' + (scene.status === 'failed' || scene.status === 'timeout' ? 'failed' : '')}>
-      <div class="scene-head">
-        <span class=${'scene-status ' + scene.status}>${statusMark}</span>
-        <span class="scene-name">${scene.name}</span>
-        ${scene.file ? html `<span class="scene-file">${scene.file}</span>` : null}
-        ${scene.team?.name ? html `<span class="scene-team">${scene.team.name}</span>` : null}
-        ${scene.duration != null ? html `<span class="scene-dur">${scene.duration}ms</span>` : null}
-        <button
-          class=${'copy-btn' + (copied ? ' copied' : '')}
-          title="Copy scene summary"
-          onClick=${copy}
-        >
-          ${copied ? '✓ Copied' : '⧉ Copy'}
-        </button>
-        ${scene.file
-        ? html `<button
-              class="copy-btn"
-              onClick=${() => send({ type: 'run:replay', file: scene.file })}
-            >▶ Replay</button>`
-        : null}
-      </div>
-      <div class="lanes">
-        ${scene.lanes.map((lane) => html `
-            <div class="lane">
-              <span class="lane-actor">${lane.actor}</span>
-              <div class="lane-items">
-                ${lane.items.map((item) => html `
-                    <span class=${'pill ' + item.status} title=${item.error ?? ''}>
-                      ${item.action}${item.target
-        ? html `<span class="tgt"> ${item.target}</span>`
-        : null}
-                    </span>
-                  `)}
-              </div>
-            </div>
-          `)}
-      </div>
-      ${scene.assertions.length > 0
-        ? html `<div class="assertions">
-            ${scene.assertions.map((a) => html `
-                <div class=${'assert ' + (a.result ? 'ok' : 'bad')}>
-                  <span class="mark">${a.result ? '✓' : '✗'}</span>
-                  ${a.actor ? html `<span class="who">[${a.actor}]</span>` : null}
-                  <span>${a.description}</span>
-                </div>
-              `)}
-          </div>`
-        : null}
-      ${scene.error ? html `<div class="scene-error">${scene.error}</div>` : null}
-    </div>
-  `;
+    return (_jsxs("div", { class: 'scene ' + (scene.status === 'failed' || scene.status === 'timeout' ? 'failed' : ''), children: [_jsxs("div", { class: "scene-head", children: [_jsx("span", { class: 'scene-status ' + scene.status, children: statusMark }), _jsx("span", { class: "scene-name", children: scene.name }), scene.file ? _jsx("span", { class: "scene-file", children: scene.file }) : null, scene.team?.name ? _jsx("span", { class: "scene-team", children: scene.team.name }) : null, scene.duration != null ? _jsxs("span", { class: "scene-dur", children: [scene.duration, "ms"] }) : null, _jsx("button", { class: 'copy-btn' + (copied ? ' copied' : ''), title: "Copy scene summary", onClick: copy, children: copied ? '✓ Copied' : '⧉ Copy' }), scene.file ? (_jsx("button", { class: "copy-btn", onClick: () => send({ type: 'run:replay', file: scene.file }), children: "\u25B6 Replay" })) : null] }), _jsx("div", { class: "lanes", children: scene.lanes.map((lane) => (_jsxs("div", { class: "lane", children: [_jsx("span", { class: "lane-actor", children: lane.actor }), _jsx("div", { class: "lane-items", children: lane.items.map((item, i) => (_jsxs("span", { class: 'pill ' + item.status, title: item.error ?? '', children: [item.action, item.target ? _jsxs("span", { class: "tgt", children: [" ", item.target] }) : null] }, i))) })] }, lane.actor))) }), scene.assertions.length > 0 ? (_jsx("div", { class: "assertions", children: scene.assertions.map((a, i) => (_jsxs("div", { class: 'assert ' + (a.result ? 'ok' : 'bad'), children: [_jsx("span", { class: "mark", children: a.result ? '✓' : '✗' }), a.actor ? _jsxs("span", { class: "who", children: ["[", a.actor, "]"] }) : null, _jsx("span", { children: a.description })] }, i))) })) : null, scene.error ? _jsx("div", { class: "scene-error", children: scene.error }) : null] }));
 }
 /** Build the plain-text "copy failures" summary, matching the original dashboard. */
 export function sceneSummary(scene) {

package/dist/app.js.map

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

package/dist/collections/index.d.ts

@@ -0,0 +1,19 @@
+/**
+ * A read-only TanStack DB read model over the run event stream.
+ *
+ * `createRunSource(transport)` wraps the widget's existing transport (SSE in
+ * dev, WebSocket in cloud) as a shared, fan-out stream; `runCollectionOptions`
+ * turns a projection of that stream into a `CollectionConfig` you pass to your
+ * own `createCollection` (so the collection is built by the same `@tanstack/db`
+ * your `useLiveQuery` uses). Several collections share one source — one
+ * connection, many tables — and each is a server-owned replica with no client
+ * writes.
+ *
+ * This is the *read* half of the pipeline (a client of the broadcast layer),
+ * distinct from `@scenetest/receiver`, which is the *ingest* half.
+ */
+export { createRunSource } from './source.js';
+export { runCollectionOptions } from './options.js';
+export { scenesProjection, assertionsProjection, actionsProjection, runsProjection, attributeToScene, type SceneRow, type AssertionRecord, type ActionRecord, type RunRow, } from './projections.js';
+export type { RowOp, RunProjection, RunSource, RunCollectionOptions, } from './types.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/collections/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/collections/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG;AACH,OAAO,EAAE,eAAe,EAAE,MAAM,aAAa,CAAA;AAC7C,OAAO,EAAE,oBAAoB,EAAE,MAAM,cAAc,CAAA;AACnD,OAAO,EACL,gBAAgB,EAChB,oBAAoB,EACpB,iBAAiB,EACjB,cAAc,EACd,gBAAgB,EAChB,KAAK,QAAQ,EACb,KAAK,eAAe,EACpB,KAAK,YAAY,EACjB,KAAK,MAAM,GACZ,MAAM,kBAAkB,CAAA;AACzB,YAAY,EACV,KAAK,EACL,aAAa,EACb,SAAS,EACT,oBAAoB,GACrB,MAAM,YAAY,CAAA"}

package/dist/collections/index.js

@@ -0,0 +1,18 @@
+/**
+ * A read-only TanStack DB read model over the run event stream.
+ *
+ * `createRunSource(transport)` wraps the widget's existing transport (SSE in
+ * dev, WebSocket in cloud) as a shared, fan-out stream; `runCollectionOptions`
+ * turns a projection of that stream into a `CollectionConfig` you pass to your
+ * own `createCollection` (so the collection is built by the same `@tanstack/db`
+ * your `useLiveQuery` uses). Several collections share one source — one
+ * connection, many tables — and each is a server-owned replica with no client
+ * writes.
+ *
+ * This is the *read* half of the pipeline (a client of the broadcast layer),
+ * distinct from `@scenetest/receiver`, which is the *ingest* half.
+ */
+export { createRunSource } from './source.js';
+export { runCollectionOptions } from './options.js';
+export { scenesProjection, assertionsProjection, actionsProjection, runsProjection, attributeToScene, } from './projections.js';
+//# sourceMappingURL=index.js.map

package/dist/collections/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/collections/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG;AACH,OAAO,EAAE,eAAe,EAAE,MAAM,aAAa,CAAA;AAC7C,OAAO,EAAE,oBAAoB,EAAE,MAAM,cAAc,CAAA;AACnD,OAAO,EACL,gBAAgB,EAChB,oBAAoB,EACpB,iBAAiB,EACjB,cAAc,EACd,gBAAgB,GAKjB,MAAM,kBAAkB,CAAA"}

package/dist/collections/options.d.ts

@@ -0,0 +1,29 @@
+import type { CollectionConfig } from '@tanstack/db';
+import type { RunCollectionOptions } from './types.js';
+/**
+ * Build TanStack DB collection options that turn the read-only run stream
+ * into a reactive table — pass the result to `createCollection`.
+ *
+ * The projection is the sole writer: a sync transaction is opened per event,
+ * the projection's row ops are applied, and the transaction commits. There
+ * are no mutation handlers (`onInsert`/`onUpdate`/`onDelete`), so a stray
+ * client `.insert()`/`.update()` throws — this is a replica of the run, not
+ * a writable store. Validation, if any, is a read-time concern; the sync
+ * path lands rows raw, which is exactly right for a server-owned read model.
+ *
+ * Many collections can share one {@link RunCollectionOptions.source}, each
+ * with its own projection, so several tables ride one transport connection.
+ *
+ * @example
+ * ```ts
+ * const source = createRunSource(transport)
+ * const scenes = createCollection(
+ *   runCollectionOptions({ source, projection: scenesProjection() })
+ * )
+ * const assertions = createCollection(
+ *   runCollectionOptions({ source, projection: assertionsProjection() })
+ * )
+ * ```
+ */
+export declare function runCollectionOptions<T extends object, TKey extends string | number>(options: RunCollectionOptions<T, TKey>): CollectionConfig<T, TKey>;
+//# sourceMappingURL=options.d.ts.map

package/dist/collections/options.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"options.d.ts","sourceRoot":"","sources":["../../src/collections/options.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAA;AACpD,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,YAAY,CAAA;AAEtD;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,wBAAgB,oBAAoB,CAAC,CAAC,SAAS,MAAM,EAAE,IAAI,SAAS,MAAM,GAAG,MAAM,EACjF,OAAO,EAAE,oBAAoB,CAAC,CAAC,EAAE,IAAI,CAAC,GACrC,gBAAgB,CAAC,CAAC,EAAE,IAAI,CAAC,CA0C3B"}

package/dist/collections/options.js

@@ -0,0 +1,68 @@
+/**
+ * Build TanStack DB collection options that turn the read-only run stream
+ * into a reactive table — pass the result to `createCollection`.
+ *
+ * The projection is the sole writer: a sync transaction is opened per event,
+ * the projection's row ops are applied, and the transaction commits. There
+ * are no mutation handlers (`onInsert`/`onUpdate`/`onDelete`), so a stray
+ * client `.insert()`/`.update()` throws — this is a replica of the run, not
+ * a writable store. Validation, if any, is a read-time concern; the sync
+ * path lands rows raw, which is exactly right for a server-owned read model.
+ *
+ * Many collections can share one {@link RunCollectionOptions.source}, each
+ * with its own projection, so several tables ride one transport connection.
+ *
+ * @example
+ * ```ts
+ * const source = createRunSource(transport)
+ * const scenes = createCollection(
+ *   runCollectionOptions({ source, projection: scenesProjection() })
+ * )
+ * const assertions = createCollection(
+ *   runCollectionOptions({ source, projection: assertionsProjection() })
+ * )
+ * ```
+ */
+export function runCollectionOptions(options) {
+    const { source, projection } = options;
+    return {
+        id: projection.id,
+        getKey: projection.getKey,
+        startSync: options.startSync ?? true,
+        sync: {
+            sync: ({ begin, write, commit, truncate, markReady }) => {
+                // A shadow map of what this projection has written, so the projection
+                // can read prior rows (`get`) without reaching into TanStack DB
+                // internals — and so a `reset` clears it in lockstep with `truncate`.
+                const rows = new Map();
+                const handle = (event) => {
+                    const ops = projection.project(event, (key) => rows.get(key));
+                    if (ops.length === 0)
+                        return;
+                    begin();
+                    for (const op of ops) {
+                        if (op.type === 'reset') {
+                            rows.clear();
+                            truncate();
+                        }
+                        else if (op.type === 'delete') {
+                            rows.delete(op.key);
+                            write({ type: 'delete', key: op.key });
+                        }
+                        else {
+                            rows.set(projection.getKey(op.value), op.value);
+                            write({ type: op.type, value: op.value });
+                        }
+                    }
+                    commit();
+                };
+                const unsubscribe = source.subscribe(handle);
+                // The read model is ready immediately; rows stream in as events arrive
+                // (the source replays the current run synchronously on subscribe).
+                markReady();
+                return unsubscribe;
+            },
+        },
+    };
+}
+//# sourceMappingURL=options.js.map

package/dist/collections/options.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"options.js","sourceRoot":"","sources":["../../src/collections/options.ts"],"names":[],"mappings":"AAGA;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,MAAM,UAAU,oBAAoB,CAClC,OAAsC;IAEtC,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,GAAG,OAAO,CAAA;IAEtC,OAAO;QACL,EAAE,EAAE,UAAU,CAAC,EAAE;QACjB,MAAM,EAAE,UAAU,CAAC,MAAM;QACzB,SAAS,EAAE,OAAO,CAAC,SAAS,IAAI,IAAI;QACpC,IAAI,EAAE;YACJ,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,EAAE;gBACtD,sEAAsE;gBACtE,gEAAgE;gBAChE,sEAAsE;gBACtE,MAAM,IAAI,GAAG,IAAI,GAAG,EAAW,CAAA;gBAE/B,MAAM,MAAM,GAAG,CAAC,KAA+C,EAAE,EAAE;oBACjE,MAAM,GAAG,GAAG,UAAU,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC,GAAG,EAAE,EAAE,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAA;oBAC7D,IAAI,GAAG,CAAC,MAAM,KAAK,CAAC;wBAAE,OAAM;oBAE5B,KAAK,EAAE,CAAA;oBACP,KAAK,MAAM,EAAE,IAAI,GAAG,EAAE,CAAC;wBACrB,IAAI,EAAE,CAAC,IAAI,KAAK,OAAO,EAAE,CAAC;4BACxB,IAAI,CAAC,KAAK,EAAE,CAAA;4BACZ,QAAQ,EAAE,CAAA;wBACZ,CAAC;6BAAM,IAAI,EAAE,CAAC,IAAI,KAAK,QAAQ,EAAE,CAAC;4BAChC,IAAI,CAAC,MAAM,CAAC,EAAE,CAAC,GAAG,CAAC,CAAA;4BACnB,KAAK,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,EAAE,EAAE,CAAC,GAAG,EAAE,CAAC,CAAA;wBACxC,CAAC;6BAAM,CAAC;4BACN,IAAI,CAAC,GAAG,CAAC,UAAU,CAAC,MAAM,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,EAAE,CAAC,KAAK,CAAC,CAAA;4BAC/C,KAAK,CAAC,EAAE,IAAI,EAAE,EAAE,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,KAAK,EAAE,CAAC,CAAA;wBAC3C,CAAC;oBACH,CAAC;oBACD,MAAM,EAAE,CAAA;gBACV,CAAC,CAAA;gBAED,MAAM,WAAW,GAAG,MAAM,CAAC,SAAS,CAAC,MAAM,CAAC,CAAA;gBAC5C,uEAAuE;gBACvE,mEAAmE;gBACnE,SAAS,EAAE,CAAA;gBACX,OAAO,WAAW,CAAA;YACpB,CAAC;SACF;KACF,CAAA;AACH,CAAC"}