foldkit 0.83.0 → 0.84.0

package/README.md

@@ -153,7 +153,7 @@ Foldkit is a complete system, not a collection of libraries you stitch together.
 - **DevTools**: Built-in overlay for inspecting Messages, Model state, and Commands. Time-travel mode rewinds your UI to any past Model, Inspect mode browses snapshots without pausing, and Submodel drill-in filtering scopes the Message list to any nested module.
 - **DevTools MCP**: Expose a running Foldkit app to AI agents over the Model Context Protocol. Agents read the current Model, list and inspect Message history, rewind the UI to any past Model, and dispatch Messages into the runtime. To dispatch, agents read your application source to learn the Message Schema; the runtime decodes every payload against the Schema and returns a clean error if the shape does not match. One command sets it up: `npx @foldkit/devtools-mcp init`.
 - **Crash View and Reporting**: Configure `crash.view` to render a custom fallback UI when the update loop throws. A `crash.report` callback fires first with the error, Model, and triggering Message, so you can ship it straight to Sentry or your logger.
-- **Story Testing**: Exercise the update function directly. Send Messages, resolve Commands inline with `resolve` and `resolveAll`, and assert with focused helpers: `Story.model`, `Story.expectHasCommands`, `Story.expectExactCommands`, `Story.expectNoCommands`, and `Story.expectOutMessage`. No mocking libraries, no fake timers.
+- **Story Testing**: Exercise the update function directly. Send Messages, resolve Commands inline with `Story.Command.resolve` and `Story.Command.resolveAll`, and assert with focused helpers: `Story.model`, `Story.Command.expectHas`, `Story.Command.expectExact`, `Story.Command.expectNone`, and `Story.expectOutMessage`. No mocking libraries, no fake timers.
 - **Scene Testing**: Drive your app the way a user does. Scene renders your real view, then clicks buttons, types into inputs, presses keys, and asserts on what's on screen. Accessible locators (`role`, `label`, `placeholder`, `altText`, `title`, `testId`, `displayValue`) with full options (`name`, `level`, `checked`, `selected`, `pressed`, `expanded`, `disabled`), multi-match `Scene.all` with `Scene.filter` and `Scene.nth`, scoped steps via `Scene.inside`, pointer events, event bubbling, and Vitest matchers like `toHaveText`, `toBeVisible`, `toHaveAccessibleName`, and `toHaveCount`. API parity with React Testing Library and Playwright, without a browser.
 - **Slow-View Monitoring**: Wire `slowView` on `makeProgram` to catch renders that exceed a threshold you set. The callback fires with the current Model, the triggering Message, and the render duration, so you can log it, sample it, or ship it to your observability tool.
 - **HMR**: Vite plugin with state-preserving hot module replacement. Change your view, keep your state.

package/dist/devTools/overlay.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"overlay.d.ts","sourceRoot":"","sources":["../../src/devTools/overlay.ts"],"names":[],"mappings":"AACA,OAAO,EAEL,MAAM,EAGN,OAAO,EAGP,MAAM,EAUP,MAAM,QAAQ,CAAA;AAEf,OAAO,KAAK,OAAO,MAAM,qBAAqB,CAAA;AAW9C,OAAO,KAAK,EAAE,YAAY,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAA;AAQ3E,OAAO,EAAE,KAAK,aAAa,EAA+B,MAAM,YAAY,CAAA;AA4N5E,eAAO,MAAM,MAAM;;EAA0C,CAAA;AAC7D,eAAO,MAAM,YAAY;;;;;;EAGxB,CAAA;AACD,eAAO,MAAM,aAAa;;;;;;EAGzB,CAAA;AACD,eAAO,MAAM,MAAM;;EAA4C,CAAA;AAC/D,eAAO,MAAM,KAAK;;EAA0C,CAAA;AAC5D,eAAO,MAAM,UAAU;;EAA6C,CAAA;AACpE,eAAO,MAAM,YAAY;;EAAiD,CAAA;AAC1E,eAAO,MAAM,WAAW;;EAA+C,CAAA;AA+2CvE,eAAO,MAAM,aAAa,GACxB,OAAO,aAAa,EACpB,UAAU,gBAAgB,EAC1B,MAAM,YAAY,EAClB,aAAa,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC,sCAoDhC,CAAA"}
+{"version":3,"file":"overlay.d.ts","sourceRoot":"","sources":["../../src/devTools/overlay.ts"],"names":[],"mappings":"AACA,OAAO,EAEL,MAAM,EAGN,OAAO,EAGP,MAAM,EAUP,MAAM,QAAQ,CAAA;AAEf,OAAO,KAAK,OAAO,MAAM,qBAAqB,CAAA;AAW9C,OAAO,KAAK,EAAE,YAAY,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAA;AAQ3E,OAAO,EAAE,KAAK,aAAa,EAA+B,MAAM,YAAY,CAAA;AAqO5E,eAAO,MAAM,MAAM;;EAA0C,CAAA;AAC7D,eAAO,MAAM,YAAY;;;;;;EAGxB,CAAA;AACD,eAAO,MAAM,aAAa;;;;;;EAGzB,CAAA;AACD,eAAO,MAAM,MAAM;;EAA4C,CAAA;AAC/D,eAAO,MAAM,KAAK;;EAA0C,CAAA;AAC5D,eAAO,MAAM,UAAU;;EAA6C,CAAA;AACpE,eAAO,MAAM,YAAY;;EAAiD,CAAA;AAC1E,eAAO,MAAM,WAAW;;EAA+C,CAAA;AAs9CvE,eAAO,MAAM,aAAa,GACxB,OAAO,aAAa,EACpB,UAAU,gBAAgB,EAC1B,MAAM,YAAY,EAClB,aAAa,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC,sCAoDhC,CAAA"}

package/dist/devTools/overlay.js

@@ -20,6 +20,8 @@ const DisplayEntry = S.Struct({
     submodelPath: S.Array(S.String),
     maybeLeafTag: S.Option(S.String),
     commandNames: S.Array(S.String),
+    mountStartNames: S.Array(S.String),
+    mountEndNames: S.Array(S.String),
     timestamp: S.Number,
     isModelChanged: S.Boolean,
 });
@@ -48,6 +50,7 @@ const Model = S.Struct({
     isMobile: S.Boolean,
     entries: S.Array(DisplayEntry),
     initCommandNames: S.Array(S.String),
+    initMountStartNames: S.Array(S.String),
     startIndex: S.Number,
     isPaused: S.Boolean,
     pausedAtIndex: S.Number,
@@ -67,6 +70,7 @@ const Flags = S.Struct({
     isMobile: S.Boolean,
     entries: S.Array(DisplayEntry),
     initCommandNames: S.Array(S.String),
+    initMountStartNames: S.Array(S.String),
     startIndex: S.Number,
     isPaused: S.Boolean,
     pausedAtIndex: S.Number,
@@ -99,6 +103,7 @@ const GotInspectorTabsMessage = m('GotInspectorTabsMessage', {
 const ReceivedStoreUpdate = m('ReceivedStoreUpdate', {
     entries: S.Array(DisplayEntry),
     initCommandNames: S.Array(S.String),
+    initMountStartNames: S.Array(S.String),
     startIndex: S.Number,
     isPaused: S.Boolean,
     pausedAtIndex: S.Number,
@@ -137,6 +142,7 @@ const TREE_INDENT_PX = 12;
 const MAX_PREVIEW_KEYS = 3;
 const ALL_MESSAGES_VALUE = '';
 const NO_COMMANDS = [];
+const NO_MOUNTS = [];
 const formatTimeDelta = (deltaMs) => M.value(deltaMs).pipe(M.when(0, () => '0ms'), M.when(Number_.isLessThan(MILLIS_PER_SECOND), ms => `+${Math.round(ms)}ms`), M.orElse(ms => `+${(ms / MILLIS_PER_SECOND).toFixed(1)}s`));
 const MESSAGE_LIST_SELECTOR = '.message-list';
 const computeSubmodelTags = (entries) => pipe(entries, Array_.flatMap(({ submodelPath }) => submodelPath), Array_.dedupe, Array_.sort(Order.String));
@@ -147,6 +153,8 @@ const toDisplayEntries = ({ entries }) => Array_.map(entries, entry => {
         submodelPath,
         maybeLeafTag,
         commandNames: entry.commandNames,
+        mountStartNames: entry.mountStartNames,
+        mountEndNames: entry.mountEndNames,
         timestamp: entry.timestamp,
         isModelChanged: entry.isModelChanged,
     };
@@ -154,6 +162,7 @@ const toDisplayEntries = ({ entries }) => Array_.map(entries, entry => {
 const toDisplayState = (state) => ({
     entries: toDisplayEntries(state),
     initCommandNames: state.initCommandNames,
+    initMountStartNames: state.initMountStartNames,
     startIndex: state.startIndex,
     isPaused: state.isPaused,
     pausedAtIndex: state.pausedAtIndex,
@@ -299,7 +308,7 @@ const makeUpdate = (store, shadow, mode) => {
             }),
             [],
         ],
-        ReceivedStoreUpdate: ({ entries, initCommandNames, startIndex, isPaused, pausedAtIndex, }) => {
+        ReceivedStoreUpdate: ({ entries, initCommandNames, initMountStartNames, startIndex, isPaused, pausedAtIndex, }) => {
             const shouldFollowLatest = M.value(mode).pipe(M.when('TimeTravel', () => !isPaused), M.when('Inspect', () => model.isFollowingLatest), M.exhaustive);
             const latestIndex = Array_.match(entries, {
                 onEmpty: () => INIT_INDEX,
@@ -311,6 +320,7 @@ const makeUpdate = (store, shadow, mode) => {
                 evo(model, {
                     entries: () => entries,
                     initCommandNames: () => initCommandNames,
+                    initMountStartNames: () => initMountStartNames,
                     startIndex: () => startIndex,
                     isPaused: () => isPaused,
                     pausedAtIndex: () => pausedAtIndex,
@@ -547,6 +557,7 @@ const makeView = (position, mode, maybeBanner) => {
         'Model',
         'Message',
         'Commands',
+        'Mounts',
     ];
     const noMessageView = div([
         Class('flex-1 flex items-center justify-center text-dt-muted text-2xs font-mono min-w-0'),
@@ -589,12 +600,15 @@ const makeView = (position, mode, maybeBanner) => {
             ]);
         },
     });
+    const selectedHistoryIndex = (model) => M.value(mode).pipe(M.when('TimeTravel', () => model.isPaused ? model.pausedAtIndex : INIT_INDEX), M.when('Inspect', () => model.selectedIndex), M.exhaustive);
     const selectedCommandNames = (model) => {
-        const selectedIndex = M.value(mode).pipe(M.when('TimeTravel', () => model.isPaused ? model.pausedAtIndex : INIT_INDEX), M.when('Inspect', () => model.selectedIndex), M.exhaustive);
+        const selectedIndex = selectedHistoryIndex(model);
         if (selectedIndex === INIT_INDEX) {
             return model.initCommandNames;
         }
-        return pipe(Array_.get(model.entries, selectedIndex - model.startIndex), Option.map(entry => entry.commandNames), Option.getOrElse(() => NO_COMMANDS));
+        else {
+            return pipe(model.entries, Array_.get(selectedIndex - model.startIndex), Option.map(entry => entry.commandNames), Option.getOrElse(() => NO_COMMANDS));
+        }
     };
     const commandsTabContent = (commandNames) => Array_.match(commandNames, {
         onEmpty: () => div([
@@ -609,6 +623,51 @@ const makeView = (position, mode, maybeBanner) => {
             span([Class('json-tag')], [name]),
         ]))),
     });
+    const selectedMountActivity = (model) => {
+        const selectedIndex = selectedHistoryIndex(model);
+        if (selectedIndex === INIT_INDEX) {
+            return { starts: model.initMountStartNames, ends: NO_MOUNTS };
+        }
+        else {
+            return pipe(model.entries, Array_.get(selectedIndex - model.startIndex), Option.match({
+                onNone: () => ({ starts: NO_MOUNTS, ends: NO_MOUNTS }),
+                onSome: entry => ({
+                    starts: entry.mountStartNames,
+                    ends: entry.mountEndNames,
+                }),
+            }));
+        }
+    };
+    const mountListSection = (label, names) => div([Class('flex flex-col shrink-0')], [
+        div([
+            Class('px-2 py-1 border-b text-2xs text-dt-muted font-mono shrink-0'),
+        ], [label]),
+        ...Array_.map(names, (name, index) => div([
+            Class('flex items-center px-2 py-1 text-base font-mono text-dt border-b gap-1.5'),
+        ], [
+            span([Class(indexClass)], [String(index + 1)]),
+            span([Class('json-tag')], [name]),
+        ])),
+    ]);
+    const mountsTabContent = (starts, ends) => {
+        const hasAny = Array_.isReadonlyArrayNonEmpty(starts) ||
+            Array_.isReadonlyArrayNonEmpty(ends);
+        if (!hasAny) {
+            return div([
+                Class('flex-1 flex items-center justify-center text-dt-muted text-2xs font-mono min-w-0'),
+            ], ['No Mounts during this render']);
+        }
+        return div([
+            Class('flex flex-col flex-1 min-h-0 min-w-0 overflow-auto overscroll-none'),
+        ], [
+            ...(Array_.isReadonlyArrayNonEmpty(starts)
+                ? [mountListSection('Started', starts)]
+                : []),
+            ...(Array_.isReadonlyArrayNonEmpty(ends)
+                ? [mountListSection('Ended', ends)]
+                : []),
+        ]);
+    };
     const inspectorTabContent = (model, tab, inspectedModel) => M.value(tab).pipe(M.when('Model', () => lazyTabContent('Model', modelTabContent, [
         inspectedModel,
         model.expandedPaths,
@@ -621,7 +680,10 @@ const makeView = (position, mode, maybeBanner) => {
         inspectedTimestamp(model),
     ])), M.when('Commands', () => lazyTabContent('Commands', commandsTabContent, [
         selectedCommandNames(model),
-    ])), M.exhaustive);
+    ])), M.when('Mounts', () => {
+        const { starts, ends } = selectedMountActivity(model);
+        return lazyTabContent('Mounts', mountsTabContent, [starts, ends]);
+    }), M.exhaustive);
     const inspectorPaneView = (model) => div([
         Class('flex flex-col border-l min-w-0 min-h-0 flex-1 dt-inspector-pane'),
     ], [

package/dist/devTools/protocol.d.ts

@@ -1,10 +1,12 @@
 import { Schema as S } from 'effect';
-/** A serialized history entry as it appears on the wire. `submodelPath` lists `Got<Child>Message` wrapper tags from outer to inner when the entry came up through a Submodel chain; `maybeLeafTag` is `Some` with the innermost child Message tag when one exists. */
+/** A serialized history entry as it appears on the wire. `submodelPath` lists `Got<Child>Message` wrapper tags from outer to inner when the entry came up through a Submodel chain; `maybeLeafTag` is `Some` with the innermost child Message tag when one exists. `mountStartNames` lists Mounts that fired during the render after this Message; `mountEndNames` lists Mounts whose elements were unmounted during that render. The Messages dispatched by mount Effects appear as their own entries elsewhere in history. */
 export declare const SerializedEntry: S.Struct<{
     readonly index: S.Number;
     readonly tag: S.String;
     readonly message: S.Unknown;
     readonly commandNames: S.$Array<S.String>;
+    readonly mountStartNames: S.$Array<S.String>;
+    readonly mountEndNames: S.$Array<S.String>;
     readonly timestamp: S.Number;
     readonly isModelChanged: S.Boolean;
     readonly changedPaths: S.$Array<S.String>;
@@ -99,6 +101,8 @@ export declare const ResponseMessages: import("../schema/index.js").CallableTagg
         readonly tag: S.String;
         readonly message: S.Unknown;
         readonly commandNames: S.$Array<S.String>;
+        readonly mountStartNames: S.$Array<S.String>;
+        readonly mountEndNames: S.$Array<S.String>;
         readonly timestamp: S.Number;
         readonly isModelChanged: S.Boolean;
         readonly changedPaths: S.$Array<S.String>;
@@ -115,6 +119,8 @@ export declare const ResponseMessage: import("../schema/index.js").CallableTagge
         readonly tag: S.String;
         readonly message: S.Unknown;
         readonly commandNames: S.$Array<S.String>;
+        readonly mountStartNames: S.$Array<S.String>;
+        readonly mountEndNames: S.$Array<S.String>;
         readonly timestamp: S.Number;
         readonly isModelChanged: S.Boolean;
         readonly changedPaths: S.$Array<S.String>;
@@ -147,10 +153,11 @@ export declare const ResponseRuntimes: import("../schema/index.js").CallableTagg
         readonly title: S.String;
     }>>;
 }>;
-/** Response carrying the recorded init data. `maybeModel` is `None` until the runtime has finished its first render and recorded init; once set it stays set for the rest of the runtime's life. `commandNames` lists the Commands returned from the application's `init` function in the order they were produced. */
+/** Response carrying the recorded init data. `maybeModel` is `None` until the runtime has finished its first render and recorded init; once set it stays set for the rest of the runtime's life. `commandNames` lists the Commands returned from the application's `init` function in the order they were produced. `mountStartNames` lists the Mounts that fired during the initial render. */
 export declare const ResponseInit: import("../schema/index.js").CallableTaggedStruct<"ResponseInit", {
     maybeModel: S.OptionFromNullOr<S.Unknown>;
     commandNames: S.$Array<S.String>;
+    mountStartNames: S.$Array<S.String>;
 }>;
 /** Response carrying a snapshot of the runtime's DevTools state. `currentIndex` is the absolute index of the most recently recorded Message, or -1 when no Messages have been recorded yet. `startIndex` is the earliest absolute index still retained in the rolling buffer (older entries are evicted past `maxEntries`). `totalEntries` is the number of retained entries. `isPaused` is true while the runtime is paused at a replayed snapshot; `maybePausedAtIndex` is `Some(index)` then and `None` otherwise. `hasInitModel` is true once the runtime has finished initialising. */
 export declare const ResponseRuntimeState: import("../schema/index.js").CallableTaggedStruct<"ResponseRuntimeState", {
@@ -176,6 +183,8 @@ export declare const Response: S.Union<readonly [import("../schema/index.js").Ca
         readonly tag: S.String;
         readonly message: S.Unknown;
         readonly commandNames: S.$Array<S.String>;
+        readonly mountStartNames: S.$Array<S.String>;
+        readonly mountEndNames: S.$Array<S.String>;
         readonly timestamp: S.Number;
         readonly isModelChanged: S.Boolean;
         readonly changedPaths: S.$Array<S.String>;
@@ -190,6 +199,8 @@ export declare const Response: S.Union<readonly [import("../schema/index.js").Ca
         readonly tag: S.String;
         readonly message: S.Unknown;
         readonly commandNames: S.$Array<S.String>;
+        readonly mountStartNames: S.$Array<S.String>;
+        readonly mountEndNames: S.$Array<S.String>;
         readonly timestamp: S.Number;
         readonly isModelChanged: S.Boolean;
         readonly changedPaths: S.$Array<S.String>;
@@ -214,6 +225,7 @@ export declare const Response: S.Union<readonly [import("../schema/index.js").Ca
 }>, import("../schema/index.js").CallableTaggedStruct<"ResponseInit", {
     maybeModel: S.OptionFromNullOr<S.Unknown>;
     commandNames: S.$Array<S.String>;
+    mountStartNames: S.$Array<S.String>;
 }>, import("../schema/index.js").CallableTaggedStruct<"ResponseRuntimeState", {
     currentIndex: S.Number;
     startIndex: S.Number;
@@ -287,6 +299,8 @@ export declare const ResponseFrame: S.Struct<{
             readonly tag: S.String;
             readonly message: S.Unknown;
             readonly commandNames: S.$Array<S.String>;
+            readonly mountStartNames: S.$Array<S.String>;
+            readonly mountEndNames: S.$Array<S.String>;
             readonly timestamp: S.Number;
             readonly isModelChanged: S.Boolean;
             readonly changedPaths: S.$Array<S.String>;
@@ -301,6 +315,8 @@ export declare const ResponseFrame: S.Struct<{
             readonly tag: S.String;
             readonly message: S.Unknown;
             readonly commandNames: S.$Array<S.String>;
+            readonly mountStartNames: S.$Array<S.String>;
+            readonly mountEndNames: S.$Array<S.String>;
             readonly timestamp: S.Number;
             readonly isModelChanged: S.Boolean;
             readonly changedPaths: S.$Array<S.String>;
@@ -325,6 +341,7 @@ export declare const ResponseFrame: S.Struct<{
     }>, import("../schema/index.js").CallableTaggedStruct<"ResponseInit", {
         maybeModel: S.OptionFromNullOr<S.Unknown>;
         commandNames: S.$Array<S.String>;
+        mountStartNames: S.$Array<S.String>;
     }>, import("../schema/index.js").CallableTaggedStruct<"ResponseRuntimeState", {
         currentIndex: S.Number;
         startIndex: S.Number;

package/dist/devTools/protocol.d.ts.map

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

package/dist/devTools/protocol.js

@@ -1,12 +1,14 @@
 import { Schema as S } from 'effect';
 import { ts } from '../schema/index.js';
 // SHARED
-/** A serialized history entry as it appears on the wire. `submodelPath` lists `Got<Child>Message` wrapper tags from outer to inner when the entry came up through a Submodel chain; `maybeLeafTag` is `Some` with the innermost child Message tag when one exists. */
+/** A serialized history entry as it appears on the wire. `submodelPath` lists `Got<Child>Message` wrapper tags from outer to inner when the entry came up through a Submodel chain; `maybeLeafTag` is `Some` with the innermost child Message tag when one exists. `mountStartNames` lists Mounts that fired during the render after this Message; `mountEndNames` lists Mounts whose elements were unmounted during that render. The Messages dispatched by mount Effects appear as their own entries elsewhere in history. */
 export const SerializedEntry = S.Struct({
     index: S.Number,
     tag: S.String,
     message: S.Unknown,
     commandNames: S.Array(S.String),
+    mountStartNames: S.Array(S.String),
+    mountEndNames: S.Array(S.String),
     timestamp: S.Number,
     isModelChanged: S.Boolean,
     changedPaths: S.Array(S.String),
@@ -111,10 +113,11 @@ export const ResponseDispatched = ts('ResponseDispatched', {
 export const ResponseRuntimes = ts('ResponseRuntimes', {
     runtimes: S.Array(RuntimeInfo),
 });
-/** Response carrying the recorded init data. `maybeModel` is `None` until the runtime has finished its first render and recorded init; once set it stays set for the rest of the runtime's life. `commandNames` lists the Commands returned from the application's `init` function in the order they were produced. */
+/** Response carrying the recorded init data. `maybeModel` is `None` until the runtime has finished its first render and recorded init; once set it stays set for the rest of the runtime's life. `commandNames` lists the Commands returned from the application's `init` function in the order they were produced. `mountStartNames` lists the Mounts that fired during the initial render. */
 export const ResponseInit = ts('ResponseInit', {
     maybeModel: S.OptionFromNullOr(S.Unknown),
     commandNames: S.Array(S.String),
+    mountStartNames: S.Array(S.String),
 });
 /** Response carrying a snapshot of the runtime's DevTools state. `currentIndex` is the absolute index of the most recently recorded Message, or -1 when no Messages have been recorded yet. `startIndex` is the earliest absolute index still retained in the rolling buffer (older entries are evicted past `maxEntries`). `totalEntries` is the number of retained entries. `isPaused` is true while the runtime is paused at a replayed snapshot; `maybePausedAtIndex` is `Some(index)` then and `None` otherwise. `hasInitModel` is true once the runtime has finished initialising. */
 export const ResponseRuntimeState = ts('ResponseRuntimeState', {

package/dist/devTools/serialize.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"serialize.d.ts","sourceRoot":"","sources":["../../src/devTools/serialize.ts"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,eAAe,CAAA;AACpD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,YAAY,CAAA;AAwB9C;;;;;;;;;;;;;;;;;GAiBG;AACH,eAAO,MAAM,kBAAkB,GAAI,OAAO,OAAO,KAAG,OAUnD,CAAA;AAED;;;;;GAKG;AACH,eAAO,MAAM,iBAAiB,GAC5B,OAAO,YAAY,EACnB,OAAO,MAAM,KACZ,eAkBF,CAAA"}
+{"version":3,"file":"serialize.d.ts","sourceRoot":"","sources":["../../src/devTools/serialize.ts"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,eAAe,CAAA;AACpD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,YAAY,CAAA;AAwB9C;;;;;;;;;;;;;;;;;GAiBG;AACH,eAAO,MAAM,kBAAkB,GAAI,OAAO,OAAO,KAAG,OAUnD,CAAA;AAED;;;;;GAKG;AACH,eAAO,MAAM,iBAAiB,GAC5B,OAAO,YAAY,EACnB,OAAO,MAAM,KACZ,eAoBF,CAAA"}

package/dist/devTools/serialize.js

@@ -52,6 +52,8 @@ export const toSerializedEntry = (entry, index) => {
         tag: entry.tag,
         message: toInspectableValue(entry.message),
         commandNames: entry.commandNames,
+        mountStartNames: entry.mountStartNames,
+        mountEndNames: entry.mountEndNames,
         timestamp: entry.timestamp,
         isModelChanged: entry.isModelChanged,
         changedPaths: Array_.fromIterable(entry.diff.changedPaths),

package/dist/devTools/store.d.ts

@@ -10,6 +10,8 @@ export type HistoryEntry = Readonly<{
     tag: string;
     message: unknown;
     commandNames: ReadonlyArray<string>;
+    mountStartNames: ReadonlyArray<string>;
+    mountEndNames: ReadonlyArray<string>;
     timestamp: number;
     isModelChanged: boolean;
     diff: DiffResult;
@@ -19,6 +21,7 @@ export type StoreState = Readonly<{
     keyframes: HashMap.HashMap<number, unknown>;
     maybeInitModel: Option.Option<unknown>;
     initCommandNames: ReadonlyArray<string>;
+    initMountStartNames: ReadonlyArray<string>;
     startIndex: number;
     isPaused: boolean;
     pausedAtIndex: number;
@@ -31,10 +34,11 @@ export type Bridge = Readonly<{
 }>;
 export declare const createDevToolsStore: (bridge: Bridge, maxEntries?: number) => Effect.Effect<DevToolsStore>;
 export type DevToolsStore = Readonly<{
-    recordInit: (model: unknown, commandNames: ReadonlyArray<string>) => Effect.Effect<void>;
+    recordInit: (model: unknown, commandNames: ReadonlyArray<string>, mountStartNames?: ReadonlyArray<string>) => Effect.Effect<void>;
     recordMessage: (message: Readonly<{
         _tag: string;
     }>, modelBeforeUpdate: unknown, modelAfterUpdate: unknown, commandNames: ReadonlyArray<string>, isModelChanged: boolean) => Effect.Effect<void>;
+    attachRenderedMounts: (mountStartNames: ReadonlyArray<string>, mountEndNames: ReadonlyArray<string>) => Effect.Effect<void>;
     getModelAtIndex: (index: number) => Effect.Effect<unknown>;
     getMessageAtIndex: (index: number) => Effect.Effect<Option.Option<unknown>>;
     getDiffAtIndex: (index: number) => Effect.Effect<DiffResult>;

package/dist/devTools/store.d.ts.map

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

package/dist/devTools/store.js

@@ -68,6 +68,7 @@ const emptyState = {
     keyframes: HashMap.empty(),
     maybeInitModel: Option.none(),
     initCommandNames: [],
+    initMountStartNames: [],
     startIndex: 0,
     isPaused: false,
     pausedAtIndex: 0,
@@ -97,10 +98,11 @@ export const createDevToolsStore = (bridge, maxEntries = DEFAULT_MAX_ENTRIES) =>
             isPaused: state.isPaused && isPausedAtRetainedIndex,
         };
     };
-    const recordInit = (model, commandNames) => SubscriptionRef.update(stateRef, state => ({
+    const recordInit = (model, commandNames, mountStartNames = []) => SubscriptionRef.update(stateRef, state => ({
         ...state,
         maybeInitModel: Option.some(model),
         initCommandNames: commandNames,
+        initMountStartNames: mountStartNames,
         keyframes: HashMap.set(state.keyframes, 0, model),
         maybeLatestModel: Option.some(model),
     }));
@@ -116,6 +118,8 @@ export const createDevToolsStore = (bridge, maxEntries = DEFAULT_MAX_ENTRIES) =>
                 tag: message._tag,
                 message,
                 commandNames,
+                mountStartNames: [],
+                mountEndNames: [],
                 timestamp: performance.now(),
                 isModelChanged: hasChangedFields,
                 diff,
@@ -127,6 +131,36 @@ export const createDevToolsStore = (bridge, maxEntries = DEFAULT_MAX_ENTRIES) =>
             ? evictOldestSegment(nextState)
             : nextState;
     });
+    /** Attaches Mount lifecycle events from the most recent render to the
+     *  history entry that triggered the render. Mount events fire during
+     *  snabbdom's `patch` (inside `render`), but the runtime's render loop
+     *  is gated by `requestAnimationFrame`, so a render may fire after the
+     *  Message that dirtied it has already been recorded. The runtime drains
+     *  its mount buffer after each render and calls this to associate the
+     *  events with the correct entry. When called before any Message has been
+     *  recorded (only possible from the init render path), the starts attach
+     *  to `initMountStartNames`; init has no `ends` because nothing existed
+     *  to unmount. */
+    const attachRenderedMounts = (mountStartNames, mountEndNames) => SubscriptionRef.update(stateRef, state => {
+        if (Array.isReadonlyArrayEmpty(mountStartNames) &&
+            Array.isReadonlyArrayEmpty(mountEndNames)) {
+            return state;
+        }
+        return Array.match(state.entries, {
+            onEmpty: () => ({
+                ...state,
+                initMountStartNames: Array.appendAll(state.initMountStartNames, mountStartNames),
+            }),
+            onNonEmpty: entries => ({
+                ...state,
+                entries: Array.modifyLastNonEmpty(entries, (last) => ({
+                    ...last,
+                    mountStartNames: Array.appendAll(last.mountStartNames, mountStartNames),
+                    mountEndNames: Array.appendAll(last.mountEndNames, mountEndNames),
+                })),
+            }),
+        });
+    });
     const latestEntryIndex = (state) => Array.match(state.entries, {
         onEmpty: () => INIT_INDEX,
         onNonEmpty: entries => state.startIndex + entries.length - 1,
@@ -164,6 +198,7 @@ export const createDevToolsStore = (bridge, maxEntries = DEFAULT_MAX_ENTRIES) =>
         ...emptyState,
         maybeInitModel: state.maybeInitModel,
         initCommandNames: state.initCommandNames,
+        initMountStartNames: state.initMountStartNames,
         keyframes: Option.match(state.maybeInitModel, {
             onNone: () => HashMap.empty(),
             onSome: model => HashMap.set(HashMap.empty(), 0, model),
@@ -183,6 +218,7 @@ export const createDevToolsStore = (bridge, maxEntries = DEFAULT_MAX_ENTRIES) =>
     return {
         recordInit,
         recordMessage,
+        attachRenderedMounts,
         getModelAtIndex,
         getMessageAtIndex,
         getDiffAtIndex,

package/dist/devTools/webSocketBridge.js

@@ -169,6 +169,7 @@ const dispatchRequest = (store, dispatch, maybeMessageSchema, request) => Match.
         return ResponseInit({
             maybeModel: Option.map(state.maybeInitModel, toInspectableValue),
             commandNames: state.initCommandNames,
+            mountStartNames: state.initMountStartNames,
         });
     }),
     RequestGetRuntimeState: () => Effect.gen(function* () {

package/dist/html/index.d.ts

@@ -48,6 +48,17 @@ export type MountResult<Message> = Readonly<{
     message: Message;
     cleanup: () => void;
 }>;
+/** Key under which the OnMount attribute stamps a `{ name }` marker on the
+ *  snabbdom `VNodeData`. Snabbdom passes unknown data fields through without
+ *  rendering them to the DOM, so the marker is invisible at runtime but
+ *  observable by VNode walkers (Scene tests). */
+export declare const FOLDKIT_MOUNT_KEY: "foldkitMount";
+/** Marker stamped on `VNodeData[FOLDKIT_MOUNT_KEY]` for any element with an
+ *  `OnMount` attribute. Carries the Mount Definition's name so test
+ *  introspection can identify pending mounts. */
+export type FoldkitMountMarker = Readonly<{
+    name: string;
+}>;
 /** Union of all HTML, SVG, and MathML attributes a virtual DOM element can carry. */
 export type Attribute<Message> = Data.TaggedEnum<{
     Key: {