foldkit 0.101.0 → 0.102.1

package/dist/render/render.js

@@ -36,7 +36,7 @@ export const afterCommit = Effect.callback(resume => {
  *
  * @example
  * ```typescript
- * Render.afterPaint.pipe(Effect.as(TransitionFrameAdvanced()))
+ * Render.afterPaint
  * ```
  */
 export const afterPaint = Effect.callback(resume => {

package/dist/runtime/messagePriority.d.ts

@@ -8,6 +8,10 @@ export type EnvelopedMessage<Message> = Readonly<{
  *  class. The runtime calls this on each `Queue.takeAll` batch so user input
  *  (view dispatch, navigation, subscription events, managed-resource events,
  *  external dispatchers) lands ahead of chain-derived work (Command results)
- *  whenever both share a frame. */
+ *  whenever both share a frame.
+ *
+ *  Single-pass partition: walks the batch once and pushes each unwrapped
+ *  message into either `highs` or `normals`, then concatenates. Avoids the
+ *  four allocations of the previous filter/filter/appendAll/map chain. */
 export declare const orderByPriority: <Message>(batch: ReadonlyArray<EnvelopedMessage<Message>>) => ReadonlyArray<Message>;
 //# sourceMappingURL=messagePriority.d.ts.map

package/dist/runtime/messagePriority.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"messagePriority.d.ts","sourceRoot":"","sources":["../../src/runtime/messagePriority.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,QAAQ,GAAG,MAAM,GAAG,QAAQ,CAAA;AAExC,MAAM,MAAM,gBAAgB,CAAC,OAAO,IAAI,QAAQ,CAAC;IAC/C,QAAQ,EAAE,QAAQ,CAAA;IAClB,OAAO,EAAE,OAAO,CAAA;CACjB,CAAC,CAAA;AAEF;;;;;mCAKmC;AACnC,eAAO,MAAM,eAAe,GAAI,OAAO,EACrC,OAAO,aAAa,CAAC,gBAAgB,CAAC,OAAO,CAAC,CAAC,KAC9C,aAAa,CAAC,OAAO,CAUvB,CAAA"}
+{"version":3,"file":"messagePriority.d.ts","sourceRoot":"","sources":["../../src/runtime/messagePriority.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,QAAQ,GAAG,MAAM,GAAG,QAAQ,CAAA;AAExC,MAAM,MAAM,gBAAgB,CAAC,OAAO,IAAI,QAAQ,CAAC;IAC/C,QAAQ,EAAE,QAAQ,CAAA;IAClB,OAAO,EAAE,OAAO,CAAA;CACjB,CAAC,CAAA;AAEF;;;;;;;;;0EAS0E;AAC1E,eAAO,MAAM,eAAe,GAAI,OAAO,EACrC,OAAO,aAAa,CAAC,gBAAgB,CAAC,OAAO,CAAC,CAAC,KAC9C,aAAa,CAAC,OAAO,CAoBvB,CAAA"}

package/dist/runtime/messagePriority.js

@@ -4,9 +4,30 @@ import { Array } from 'effect';
  *  class. The runtime calls this on each `Queue.takeAll` batch so user input
  *  (view dispatch, navigation, subscription events, managed-resource events,
  *  external dispatchers) lands ahead of chain-derived work (Command results)
- *  whenever both share a frame. */
+ *  whenever both share a frame.
+ *
+ *  Single-pass partition: walks the batch once and pushes each unwrapped
+ *  message into either `highs` or `normals`, then concatenates. Avoids the
+ *  four allocations of the previous filter/filter/appendAll/map chain. */
 export const orderByPriority = (batch) => {
-    const highs = Array.filter(batch, envelope => envelope.priority === 'High');
-    const normals = Array.filter(batch, envelope => envelope.priority === 'Normal');
-    return Array.map(Array.appendAll(highs, normals), envelope => envelope.message);
+    const highs = [];
+    const normals = [];
+    for (const envelope of batch) {
+        if (envelope.priority === 'High') {
+            highs.push(envelope.message);
+        }
+        else {
+            normals.push(envelope.message);
+        }
+    }
+    if (Array.isReadonlyArrayEmpty(normals)) {
+        return highs;
+    }
+    if (Array.isReadonlyArrayEmpty(highs)) {
+        return normals;
+    }
+    for (const message of normals) {
+        highs.push(message);
+    }
+    return highs;
 };

package/dist/runtime/runtime.d.ts

@@ -3,6 +3,7 @@ import type { Command } from '../command/index.js';
 import { Document } from '../html/index.js';
 import { UrlRequest } from '../navigation/urlRequest.js';
 import { Url } from '../url/index.js';
+import { VNode } from '../vdom.js';
 import type { ManagedResources } from './managedResource.js';
 import type { Subscriptions } from './subscription.js';
 /** Position of the DevTools badge and panel on screen. */
@@ -94,7 +95,7 @@ export type CrashContext<Model, Message> = Readonly<{
     model: Model;
     message: Message;
 }>;
-/** Configuration for crash handling — custom crash UI and/or crash reporting. */
+/** Configuration for crash handling, with custom crash UI and/or crash reporting. */
 export type CrashConfig<Model, Message> = Readonly<{
     view?: (context: CrashContext<Model, Message>) => Document;
     report?: (context: CrashContext<Model, Message>) => void;
@@ -170,6 +171,7 @@ export type MakeRuntimeReturn = Readonly<{
     runtimeId: string;
     start: (hmrModel?: unknown) => Effect.Effect<void>;
 }>;
+export declare const patchVNode: (maybeCurrentVNode: Option.Option<VNode>, nextVNode: VNode | null, container: HTMLElement) => VNode;
 /** Creates a Foldkit program and returns a runtime that can be passed to `run`. Add a `routing` config for URL routing. */
 export declare function makeProgram<Model, Message extends {
     _tag: string;

package/dist/runtime/runtime.d.ts.map

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

package/dist/runtime/runtime.js

@@ -4,9 +4,10 @@ import { h } from 'snabbdom';
 import { createOverlay } from '../devTools/overlay.js';
 import { createDevToolsStore, } from '../devTools/store.js';
 import { startWebSocketBridge } from '../devTools/webSocketBridge.js';
+import { __beginRender as beginHtmlRender, __clearRuntime as clearHtmlRuntime, __createBoundaryRegistry as createHtmlBoundaryRegistry, __setRuntime as setHtmlRuntime, } from '../html/index.js';
 import { MountTracker } from '../mount/index.js';
 import { fromString as urlFromString } from '../url/index.js';
-import { patch, toVNode } from '../vdom.js';
+import { dedupeSharedVNodes, patch, toVNode } from '../vdom.js';
 import { addBfcacheRestoreListener, addNavigationEventListeners, } from './browserListeners.js';
 import { defaultCrashView, noOpDispatch } from './crashUI.js';
 import { deepFreeze } from './deepFreeze.js';
@@ -66,12 +67,6 @@ const makeRuntime = ({ Model, flags: resolveFlags, init, update, view, subscript
     // current burst exceeds FRAME_BUDGET_MS so the browser gets a frame.
     // setTimeout(0) is clamped to 4ms+; MessageChannel delivers in ~0.5ms.
     const FRAME_BUDGET_MS = 5;
-    const yieldToBrowser = Effect.callback(resume => {
-        const channel = new MessageChannel();
-        channel.port2.onmessage = () => resume(Effect.void);
-        channel.port1.postMessage(null);
-        return Effect.sync(() => channel.port2.close());
-    });
     // NOTE: render coalescing relies on this firing once per frame. Multiple
     // Messages dispatched between frames all flag the renderLoop dirty; the
     // next rAF tick reads the latest model and renders once. Without this,
@@ -87,7 +82,39 @@ const makeRuntime = ({ Model, flags: resolveFlags, init, update, view, subscript
             return yield* Effect.die(new Error('[foldkit] Runtime container must have an `id` for HMR model preservation. ' +
                 'Set `container.id = "app"` (or any unique string) before passing it to makeProgram.'));
         }
+        // NOTE: one persistent MessageChannel for the runtime lifetime,
+        // shared by every burst-budget yield. The queue-drain fiber is the
+        // sole consumer, so a single `pendingYieldResume` slot is sufficient.
+        const yieldChannel = yield* Effect.acquireRelease(Effect.sync(() => new MessageChannel()), channel => Effect.sync(() => {
+            channel.port1.close();
+            channel.port2.close();
+        }));
+        let pendingYieldResume = null;
+        yieldChannel.port2.onmessage = () => {
+            const resume = pendingYieldResume;
+            pendingYieldResume = null;
+            if (resume !== null) {
+                resume(Effect.void);
+            }
+        };
+        const yieldToBrowser = Effect.callback(resume => {
+            pendingYieldResume = resume;
+            yieldChannel.port1.postMessage(null);
+            return Effect.sync(() => {
+                if (pendingYieldResume === resume) {
+                    pendingYieldResume = null;
+                }
+            });
+        });
         const maybeResourceLayer = Option.fromNullishOr(resources);
+        // NOTE: One boundary registry per runtime instance, shared
+        // across renders so Submodel wrap descriptors registered by
+        // h.submodel persist between renders. The render function calls
+        // `beginHtmlRender` at the start of each pass; wraps for
+        // unmounted Submodels (e.g. an entry removed from a list) are
+        // dropped from the registry via snabbdom destroy hooks attached
+        // by `h.submodel` to each child vnode.
+        const boundaryRegistry = createHtmlBoundaryRegistry();
         const managedResourceEntries = managedResources
             ? /* eslint-disable-next-line @typescript-eslint/consistent-type-assertions */
                 Record.toEntries(managedResources)
@@ -181,8 +208,19 @@ const makeRuntime = ({ Model, flags: resolveFlags, init, update, view, subscript
         }
         const modelRef = yield* Ref.make(initModel);
         const maybeCurrentVNodeRef = yield* Ref.make(Option.none());
-        const currentMessageRef = yield* Ref.make(Option.none());
-        const maybeDevToolsStoreRef = yield* Ref.make(Option.none());
+        // NOTE: queue-drain-fiber-local state. Kept as plain closure
+        // variables instead of `Ref`s because nothing else reads or writes
+        // them concurrently, and JS's single-threaded model already orders
+        // writes against subsequent reads. `currentMessage` is read by the
+        // crash handler, which runs inside the same `forever` fiber via
+        // `Effect.catchCause`.
+        let currentMessage = Option.none();
+        let burstStartedAt = 0;
+        // NOTE: the DevTools store is installed at most once during boot and
+        // never replaced. Caching it in a closure variable avoids a
+        // `Ref.get` on every message and on every render-loop tick (the
+        // store powers `isPausedEffect`).
+        let maybeDevToolsStore = Option.none();
         const dispatchSync = (message) => {
             /* eslint-disable-next-line @typescript-eslint/consistent-type-assertions */
             enqueueHighUnsafe(message);
@@ -193,13 +231,10 @@ const makeRuntime = ({ Model, flags: resolveFlags, init, update, view, subscript
         const dispatch = { dispatchAsync, dispatchSync };
         const isRenderPendingRef = yield* SubscriptionRef.make(false);
         const lastDirtyMessageRef = yield* Ref.make(Option.none());
-        const isPausedEffect = Effect.gen(function* () {
-            const maybeStore = yield* Ref.get(maybeDevToolsStoreRef);
-            return yield* Option.match(maybeStore, {
-                onNone: () => Effect.succeed(false),
-                onSome: ({ stateRef }) => SubscriptionRef.get(stateRef).pipe(Effect.map(({ isPaused }) => isPaused)),
-            });
-        });
+        const isPausedEffect = Effect.suspend(() => Option.match(maybeDevToolsStore, {
+            onNone: () => Effect.succeed(false),
+            onSome: ({ stateRef }) => SubscriptionRef.get(stateRef).pipe(Effect.map(({ isPaused }) => isPaused)),
+        }));
         const mountStartBuffer = [];
         const mountEndBuffer = [];
         const mountTracker = {
@@ -228,32 +263,30 @@ const makeRuntime = ({ Model, flags: resolveFlags, init, update, view, subscript
                 PubSub.publishUnsafe(modelPubSub, nextModel);
                 yield* schedulePreserveModel(nextModel);
             }
-            yield* Effect.forEach(
-            /* eslint-disable-next-line @typescript-eslint/consistent-type-assertions */
-            commands, command => Effect.forkDetach(command.effect.pipe(Effect.withSpan(command.name, {
-                attributes: command.args ?? {},
-            }), provideAllResources, Effect.flatMap(enqueueNormal))));
-            const maybeDevToolsStore = yield* Ref.get(maybeDevToolsStoreRef);
+            if (!Array.isReadonlyArrayEmpty(commands)) {
+                yield* Effect.forEach(
+                /* eslint-disable-next-line @typescript-eslint/consistent-type-assertions */
+                commands, command => Effect.forkDetach(command.effect.pipe(Effect.withSpan(command.name, {
+                    attributes: command.args ?? {},
+                }), provideAllResources, Effect.flatMap(enqueueNormal))));
+            }
             /* eslint-disable-next-line @typescript-eslint/consistent-type-assertions */
             const messageTag = message._tag;
             const isModelChanged = currentModel !== nextModel;
             const isExcludedFromHistory = excludeFromHistoryTags.has(messageTag);
-            yield* Option.match(maybeDevToolsStore, {
-                onNone: () => Effect.void,
-                onSome: store => {
-                    if (!isExcludedFromHistory) {
-                        return store.recordMessage(
-                        /* eslint-disable-next-line @typescript-eslint/consistent-type-assertions */
-                        message, currentModel, nextModel, Array.map(
-                        /* eslint-disable-next-line @typescript-eslint/consistent-type-assertions */
-                        commands, toCommandRecord), isModelChanged);
-                    }
-                    if (isModelChanged) {
-                        return store.updateLatestModel(nextModel);
-                    }
-                    return Effect.void;
-                },
-            });
+            if (Option.isSome(maybeDevToolsStore)) {
+                const store = maybeDevToolsStore.value;
+                if (!isExcludedFromHistory) {
+                    yield* store.recordMessage(
+                    /* eslint-disable-next-line @typescript-eslint/consistent-type-assertions */
+                    message, currentModel, nextModel, Array.map(
+                    /* eslint-disable-next-line @typescript-eslint/consistent-type-assertions */
+                    commands, toCommandRecord), isModelChanged);
+                }
+                else if (isModelChanged) {
+                    yield* store.updateLatestModel(nextModel);
+                }
+            }
         });
         // NOTE: `dispatchService` defaults to the live dispatch but is
         // overridable so the DevTools jumpTo render path can pass
@@ -264,9 +297,18 @@ const makeRuntime = ({ Model, flags: resolveFlags, init, update, view, subscript
         // This prevents mount-derived Messages from polluting history when
         // the user is just inspecting past state.
         const render = (model, message, dispatchService = dispatch) => Effect.gen(function* () {
+            const runtimeContext = yield* Effect.context();
             const viewStart = performance.now();
-            const nextDocument = view(model);
-            const nullableNextVNode = yield* nextDocument.body;
+            beginHtmlRender(boundaryRegistry);
+            setHtmlRuntime(dispatchService.dispatchSync, runtimeContext, boundaryRegistry);
+            let nextDocument;
+            try {
+                nextDocument = view(model);
+            }
+            finally {
+                clearHtmlRuntime();
+            }
+            const nextVNode = nextDocument.body;
             const viewDuration = performance.now() - viewStart;
             Option.match(resolvedSlowView, {
                 onNone: Function.constVoid,
@@ -282,7 +324,7 @@ const makeRuntime = ({ Model, flags: resolveFlags, init, update, view, subscript
                 },
             });
             const maybeCurrentVNode = yield* Ref.get(maybeCurrentVNodeRef);
-            const patchedVNode = yield* Effect.sync(() => patchVNode(maybeCurrentVNode, nullableNextVNode, container));
+            const patchedVNode = yield* Effect.sync(() => patchVNode(maybeCurrentVNode, nextVNode, container));
             yield* Ref.set(maybeCurrentVNodeRef, Option.some(patchedVNode));
             yield* Effect.sync(() => applyDocumentMetadata(nextDocument, patchedVNode.elm));
         }).pipe(Effect.provideService(Dispatch, dispatchService), Effect.provideService(MountTracker, mountTracker));
@@ -296,7 +338,7 @@ const makeRuntime = ({ Model, flags: resolveFlags, init, update, view, subscript
             const { position, mode, maybeBanner } = resolvedDevTools.value;
             // NOTE: when excludeFromHistory is active, the runtime drops
             // excluded Messages from the recorded history. Replay walks the
-            // recorded entries forward from the nearest keyframe — but with
+            // recorded entries forward from the nearest keyframe. With
             // exclusion, the dropped Messages aren't in that walk, so any
             // cumulative state they would have produced is missing from the
             // replayed model. Setting keyframeInterval to 1 stores a full
@@ -337,7 +379,7 @@ const makeRuntime = ({ Model, flags: resolveFlags, init, update, view, subscript
                     maxEntries: devToolsMaxEntries,
                 }),
             });
-            yield* Ref.set(maybeDevToolsStoreRef, Option.some(devToolsStore));
+            maybeDevToolsStore = Option.some(devToolsStore);
             // The init render runs below; capture the events it produces. We
             // record init AFTER that render so the buffer reflects the mounts
             // that fired on the first paint.
@@ -355,8 +397,7 @@ const makeRuntime = ({ Model, flags: resolveFlags, init, update, view, subscript
         }
         yield* render(initModel, Option.none());
         const initMountEvents = drainMountEvents();
-        const maybeStoreForInit = yield* Ref.get(maybeDevToolsStoreRef);
-        yield* Option.match(maybeStoreForInit, {
+        yield* Option.match(maybeDevToolsStore, {
             onNone: () => Effect.void,
             onSome: store => store.recordInit(initModel, Array.map(initCommands, toCommandRecord), initMountEvents.starts),
         });
@@ -375,8 +416,7 @@ const makeRuntime = ({ Model, flags: resolveFlags, init, update, view, subscript
                 const maybeMessage = yield* Ref.get(lastDirtyMessageRef);
                 yield* render(model, maybeMessage);
                 const mountEvents = drainMountEvents();
-                const maybeStore = yield* Ref.get(maybeDevToolsStoreRef);
-                yield* Option.match(maybeStore, {
+                yield* Option.match(maybeDevToolsStore, {
                     onNone: () => Effect.void,
                     onSome: store => store.attachRenderedMounts(mountEvents.starts, mountEvents.ends),
                 });
@@ -439,16 +479,14 @@ const makeRuntime = ({ Model, flags: resolveFlags, init, update, view, subscript
             concurrency: 'unbounded',
             discard: true,
         });
-        const burstStartedAtRef = yield* Ref.make(0);
         const processWithBudget = (message) => Effect.gen(function* () {
-            yield* Ref.set(currentMessageRef, Option.some(message));
+            currentMessage = Option.some(message);
             yield* processMessage(message);
-            const burstStartedAt = yield* Ref.get(burstStartedAtRef);
             if (performance.now() - burstStartedAt < FRAME_BUDGET_MS) {
                 return;
             }
             yield* yieldToBrowser;
-            yield* Ref.set(burstStartedAtRef, performance.now());
+            burstStartedAt = performance.now();
         });
         const processBatch = (batch) => Effect.forEach(orderByPriority(batch), processWithBudget, {
             discard: true,
@@ -488,7 +526,7 @@ const makeRuntime = ({ Model, flags: resolveFlags, init, update, view, subscript
             const first = yield* Option.match(maybeFirst, {
                 onNone: () => Effect.gen(function* () {
                     const message = yield* Queue.take(messageQueue);
-                    yield* Ref.set(burstStartedAtRef, performance.now());
+                    burstStartedAt = performance.now();
                     return message;
                 }),
                 onSome: Effect.succeed,
@@ -502,19 +540,21 @@ const makeRuntime = ({ Model, flags: resolveFlags, init, update, view, subscript
                 ? squashed
                 : new Error(String(squashed));
             const model = Effect.runSync(Ref.get(modelRef));
-            const message = Ref.get(currentMessageRef).pipe(Effect.runSync, Option.getOrThrow);
+            const message = Option.getOrThrow(currentMessage);
             renderCrashView({ error: appError, model, message }, crash, container, maybeCurrentVNodeRef);
         })));
     }));
     return { runtimeId, start };
 };
-const patchVNode = (maybeCurrentVNode, nullableNextVNode, container) => {
-    const nextVNode = Predicate.isNotNull(nullableNextVNode)
-        ? nullableNextVNode
+// NOTE: exported for `patchVNode.test.ts` to assert the dedupeSharedVNodes
+// wiring; not part of the public surface (`runtime/public.ts` is curated).
+export const patchVNode = (maybeCurrentVNode, nextVNode, container) => {
+    const dedupedVNode = Predicate.isNotNull(nextVNode)
+        ? dedupeSharedVNodes(nextVNode)
         : h('!');
     return Option.match(maybeCurrentVNode, {
-        onNone: () => patch(toVNode(container), nextVNode),
-        onSome: currentVNode => patch(currentVNode, nextVNode),
+        onNone: () => patch(toVNode(container), dedupedVNode),
+        onSome: currentVNode => patch(currentVNode, dedupedVNode),
     });
 };
 const currentLocationUrl = () => {
@@ -556,22 +596,38 @@ const renderCrashView = (context, crash, container, maybeCurrentVNodeRef) => {
             console.error('[foldkit] crash.report failed:', reportError);
         }
     }
+    const crashContext = Context.make(Dispatch, noOpDispatch).pipe(Context.add(MountTracker, {
+        started: () => { },
+        ended: () => { },
+    }));
     try {
-        const crashDocument = crash?.view
-            ? crash.view(context)
-            : defaultCrashView(context);
+        setHtmlRuntime(noOpDispatch.dispatchSync, crashContext);
+        let crashDocument;
+        try {
+            crashDocument = crash?.view
+                ? crash.view(context)
+                : defaultCrashView(context);
+        }
+        finally {
+            clearHtmlRuntime();
+        }
         const maybeCurrentVNode = Effect.runSync(Ref.get(maybeCurrentVNodeRef));
-        const vnode = crashDocument.body.pipe(Effect.provideService(Dispatch, noOpDispatch), Effect.runSync);
-        const patchedVNode = patchVNode(maybeCurrentVNode, vnode, container);
+        const patchedVNode = patchVNode(maybeCurrentVNode, crashDocument.body, container);
         applyDocumentMetadata(crashDocument, patchedVNode.elm);
     }
     catch (viewError) {
         console.error('[foldkit] crash.view failed:', viewError);
-        const maybeCurrentVNode = Effect.runSync(Ref.get(maybeCurrentVNodeRef));
         const fallbackViewError = viewError instanceof Error ? viewError : new Error(String(viewError));
-        const fallbackDocument = defaultCrashView(context, fallbackViewError);
-        const vnode = fallbackDocument.body.pipe(Effect.provideService(Dispatch, noOpDispatch), Effect.runSync);
-        const patchedVNode = patchVNode(maybeCurrentVNode, vnode, container);
+        setHtmlRuntime(noOpDispatch.dispatchSync, crashContext);
+        let fallbackDocument;
+        try {
+            fallbackDocument = defaultCrashView(context, fallbackViewError);
+        }
+        finally {
+            clearHtmlRuntime();
+        }
+        const maybeCurrentVNode = Effect.runSync(Ref.get(maybeCurrentVNodeRef));
+        const patchedVNode = patchVNode(maybeCurrentVNode, fallbackDocument.body, container);
         applyDocumentMetadata(fallbackDocument, patchedVNode.elm);
     }
 };

package/dist/submodel/public.d.ts

@@ -0,0 +1,4 @@
+export { defineView } from '../html/submodel.js';
+export type { SubmodelConfig as Config, SubmodelView as View, } from '../html/submodel.js';
+export type { Reflect, Reflect2 } from './submodel.js';
+//# sourceMappingURL=public.d.ts.map

package/dist/submodel/public.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"public.d.ts","sourceRoot":"","sources":["../../src/submodel/public.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAA;AAChD,YAAY,EACV,cAAc,IAAI,MAAM,EACxB,YAAY,IAAI,IAAI,GACrB,MAAM,qBAAqB,CAAA;AAC5B,YAAY,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA"}

package/dist/submodel/public.js

@@ -0,0 +1 @@
+export { defineView } from '../html/submodel.js';

package/dist/submodel/submodel.d.ts

@@ -0,0 +1,32 @@
+/** Data-first / data-last signature for a `reflect*` setter built with
+ *  `Function.dual`.
+ *
+ *  A `reflect*` helper conforms a Submodel to a value that originated
+ *  outside it (a URL, a server push, restored storage, a sibling field),
+ *  without emitting an OutMessage. It is the inbound complement to
+ *  OutMessage's outbound direction: the world is the source of truth, so
+ *  the Submodel mirrors it silently and never announces the change back.
+ *
+ *  Being dual, it reads two ways. Data-first sets the field and returns the
+ *  model; data-last returns `(model) => model`, which slots point-free into
+ *  an `evo` callback:
+ *
+ *  ```ts
+ *  // data-first
+ *  const next = ColorListbox.reflectSelectedItem(model.colors, fromUrl)
+ *  // data-last, point-free in evo
+ *  evo(model, { colors: ColorListbox.reflectSelectedItem(fromUrl) })
+ *  ```
+ */
+export type Reflect<Model, Value> = {
+    (model: Model, value: Value): Model;
+    (value: Value): (model: Model) => Model;
+};
+/** Two-argument variant of {@link Reflect}, for setters that resolve a
+ *  value against a companion argument (e.g. `Tabs.reflectSelectedTab(value,
+ *  options)`, which finds the value's index in `options`). */
+export type Reflect2<Model, A, B> = {
+    (model: Model, a: A, b: B): Model;
+    (a: A, b: B): (model: Model) => Model;
+};
+//# sourceMappingURL=submodel.d.ts.map

package/dist/submodel/submodel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"submodel.d.ts","sourceRoot":"","sources":["../../src/submodel/submodel.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,MAAM,MAAM,OAAO,CAAC,KAAK,EAAE,KAAK,IAAI;IAClC,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,GAAG,KAAK,CAAA;IACnC,CAAC,KAAK,EAAE,KAAK,GAAG,CAAC,KAAK,EAAE,KAAK,KAAK,KAAK,CAAA;CACxC,CAAA;AAED;;8DAE8D;AAC9D,MAAM,MAAM,QAAQ,CAAC,KAAK,EAAE,CAAC,EAAE,CAAC,IAAI;IAClC,CAAC,KAAK,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,GAAG,KAAK,CAAA;IACjC,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,GAAG,CAAC,KAAK,EAAE,KAAK,KAAK,KAAK,CAAA;CACtC,CAAA"}

package/dist/submodel/submodel.js

@@ -0,0 +1 @@
+export {};

package/dist/test/apps/disabledButton.d.ts

@@ -19,21 +19,20 @@ export type Model = typeof Model.Type;
 export declare const ClickedToggle: import("../../schema/index.js").CallableTaggedStruct<"ClickedToggle", {}>;
 export declare const ClickedSubmit: import("../../schema/index.js").CallableTaggedStruct<"ClickedSubmit", {}>;
 export declare const GotDialogMessage: import("../../schema/index.js").CallableTaggedStruct<"GotDialogMessage", {
-    message: S.Union<[import("../../schema/index.js").CallableTaggedStruct<"Opened", {}>, import("../../schema/index.js").CallableTaggedStruct<"Closed", {}>, import("../../schema/index.js").CallableTaggedStruct<"CompletedShowDialog", {}>, import("../../schema/index.js").CallableTaggedStruct<"CompletedCloseDialog", {}>, import("../../schema/index.js").CallableTaggedStruct<"GotAnimationMessage", {
+    message: S.Union<[import("../../schema/index.js").CallableTaggedStruct<"RequestedOpen", {}>, import("../../schema/index.js").CallableTaggedStruct<"RequestedClose", {}>, import("../../schema/index.js").CallableTaggedStruct<"CompletedShowDialog", {}>, import("../../schema/index.js").CallableTaggedStruct<"CompletedCloseDialog", {}>, import("../../schema/index.js").CallableTaggedStruct<"GotAnimationMessage", {
         message: S.Union<[import("../../schema/index.js").CallableTaggedStruct<"Showed", {}>, import("../../schema/index.js").CallableTaggedStruct<"Hid", {}>, import("../../schema/index.js").CallableTaggedStruct<"AdvancedAnimationFrame", {}>, import("../../schema/index.js").CallableTaggedStruct<"EndedAnimation", {}>]>;
     }>]>;
 }>;
 export declare const Message: S.Union<readonly [import("../../schema/index.js").CallableTaggedStruct<"ClickedToggle", {}>, import("../../schema/index.js").CallableTaggedStruct<"ClickedSubmit", {}>, import("../../schema/index.js").CallableTaggedStruct<"GotDialogMessage", {
-    message: S.Union<[import("../../schema/index.js").CallableTaggedStruct<"Opened", {}>, import("../../schema/index.js").CallableTaggedStruct<"Closed", {}>, import("../../schema/index.js").CallableTaggedStruct<"CompletedShowDialog", {}>, import("../../schema/index.js").CallableTaggedStruct<"CompletedCloseDialog", {}>, import("../../schema/index.js").CallableTaggedStruct<"GotAnimationMessage", {
+    message: S.Union<[import("../../schema/index.js").CallableTaggedStruct<"RequestedOpen", {}>, import("../../schema/index.js").CallableTaggedStruct<"RequestedClose", {}>, import("../../schema/index.js").CallableTaggedStruct<"CompletedShowDialog", {}>, import("../../schema/index.js").CallableTaggedStruct<"CompletedCloseDialog", {}>, import("../../schema/index.js").CallableTaggedStruct<"GotAnimationMessage", {
         message: S.Union<[import("../../schema/index.js").CallableTaggedStruct<"Showed", {}>, import("../../schema/index.js").CallableTaggedStruct<"Hid", {}>, import("../../schema/index.js").CallableTaggedStruct<"AdvancedAnimationFrame", {}>, import("../../schema/index.js").CallableTaggedStruct<"EndedAnimation", {}>]>;
     }>]>;
 }>]>;
 export type Message = typeof Message.Type;
 export declare const initialModel: Model;
 export declare const update: (model: Model, message: Message) => readonly [Model, ReadonlyArray<Command.Command<Message>>];
-/** Plain view — no dialog wrapper. */
+/** Plain view, no dialog wrapper. */
 export declare const view: (model: Model) => Html;
-/** View with submit button inside a dialog's panelContent. */
+/** View with submit button inside a dialog's panel. */
 export declare const viewWithDialog: (model: Model) => Html;
-export declare const viewWithLazyDialog: (model: Model) => Html;
 //# sourceMappingURL=disabledButton.d.ts.map

package/dist/test/apps/disabledButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"disabledButton.d.ts","sourceRoot":"","sources":["../../../src/test/apps/disabledButton.ts"],"names":[],"mappings":"AAAA,OAAO,EAAsB,MAAM,IAAI,CAAC,EAAE,MAAM,QAAQ,CAAA;AAExD,OAAO,KAAK,OAAO,MAAM,wBAAwB,CAAA;AACjD,OAAO,EAAE,KAAK,IAAI,EAAQ,MAAM,qBAAqB,CAAA;AAMrD,eAAO,MAAM,KAAK;;;;;;;;;;;;;EAGhB,CAAA;AACF,MAAM,MAAM,KAAK,GAAG,OAAO,KAAK,CAAC,IAAI,CAAA;AAIrC,eAAO,MAAM,aAAa,2EAAqB,CAAA;AAC/C,eAAO,MAAM,aAAa,2EAAqB,CAAA;AAC/C,eAAO,MAAM,gBAAgB;;;;EAE3B,CAAA;AAEF,eAAO,MAAM,OAAO;;;;IAA4D,CAAA;AAChF,MAAM,MAAM,OAAO,GAAG,OAAO,OAAO,CAAC,IAAI,CAAA;AAIzC,eAAO,MAAM,YAAY,EAAE,KAG1B,CAAA;AAID,eAAO,MAAM,MAAM,GACjB,OAAO,KAAK,EACZ,SAAS,OAAO,KACf,SAAS,CAAC,KAAK,EAAE,aAAa,CAAC,OAAO,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,CAyBxD,CAAA;AAgBH,sCAAsC;AACtC,eAAO,MAAM,IAAI,GAAI,OAAO,KAAK,KAAG,IAUnC,CAAA;AAED,8DAA8D;AAC9D,eAAO,MAAM,cAAc,GAAI,OAAO,KAAK,KAAG,IAe7C,CAAA;AAKD,eAAO,MAAM,kBAAkB,GAAI,OAAO,KAAK,KAAG,IAejD,CAAA"}
+{"version":3,"file":"disabledButton.d.ts","sourceRoot":"","sources":["../../../src/test/apps/disabledButton.ts"],"names":[],"mappings":"AAAA,OAAO,EAAc,MAAM,IAAI,CAAC,EAAE,MAAM,QAAQ,CAAA;AAEhD,OAAO,KAAK,OAAO,MAAM,wBAAwB,CAAA;AACjD,OAAO,EAAE,KAAK,IAAI,EAAQ,MAAM,qBAAqB,CAAA;AAMrD,eAAO,MAAM,KAAK;;;;;;;;;;;;;EAGhB,CAAA;AACF,MAAM,MAAM,KAAK,GAAG,OAAO,KAAK,CAAC,IAAI,CAAA;AAIrC,eAAO,MAAM,aAAa,2EAAqB,CAAA;AAC/C,eAAO,MAAM,aAAa,2EAAqB,CAAA;AAC/C,eAAO,MAAM,gBAAgB;;;;EAE3B,CAAA;AAEF,eAAO,MAAM,OAAO;;;;IAA4D,CAAA;AAChF,MAAM,MAAM,OAAO,GAAG,OAAO,OAAO,CAAC,IAAI,CAAA;AAIzC,eAAO,MAAM,YAAY,EAAE,KAG1B,CAAA;AAID,eAAO,MAAM,MAAM,GACjB,OAAO,KAAK,EACZ,SAAS,OAAO,KACf,SAAS,CAAC,KAAK,EAAE,aAAa,CAAC,OAAO,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,CAqBxD,CAAA;AAgBH,qCAAqC;AACrC,eAAO,MAAM,IAAI,GAAI,OAAO,KAAK,KAAG,IAUnC,CAAA;AAED,uDAAuD;AACvD,eAAO,MAAM,cAAc,GAAI,OAAO,KAAK,KAAG,IA2B7C,CAAA"}

package/dist/test/apps/disabledButton.js

@@ -1,4 +1,4 @@
-import { Effect, Match as M, Schema as S } from 'effect';
+import { Match as M, Schema as S } from 'effect';
 import * as Command from '../../command/index.js';
 import { html } from '../../html/index.js';
 import { m } from '../../message/index.js';
@@ -28,7 +28,7 @@ export const update = (model, message) => M.value(message).pipe(M.withReturnType
         const [nextDialog, commands] = Dialog.update(model.dialog, dialogMessage);
         return [
             { ...model, dialog: nextDialog },
-            commands.map(Command.mapEffect(Effect.map(dialogMessage => GotDialogMessage({ message: dialogMessage })))),
+            Command.mapMessages(commands, dialogMessage => GotDialogMessage({ message: dialogMessage })),
         ];
     },
 }));
@@ -40,7 +40,7 @@ const submitButton = (isEnabled) => {
         ...(isEnabled ? [h.OnClick(ClickedSubmit())] : [h.Disabled(true)]),
     ], ['Submit']);
 };
-/** Plain view — no dialog wrapper. */
+/** Plain view, no dialog wrapper. */
 export const view = (model) => {
     const h = html();
     return h.div([], [
@@ -48,24 +48,24 @@ export const view = (model) => {
         submitButton(model.isEnabled),
     ]);
 };
-/** View with submit button inside a dialog's panelContent. */
+/** View with submit button inside a dialog's panel. */
 export const viewWithDialog = (model) => {
     const h = html();
     return h.div([], [
         h.button([h.OnClick(ClickedToggle())], ['Toggle']),
-        Dialog.view({
+        h.submodel({
+            slotId: model.dialog.id,
             model: model.dialog,
-            toParentMessage: (dialogMessage) => GotDialogMessage({ message: dialogMessage }),
-            panelContent: submitButton(model.isEnabled),
+            view: Dialog.view,
+            viewInputs: {
+                toView: ({ dialog, backdrop, panel, isVisible }) => h.dialog([...dialog], isVisible
+                    ? [
+                        h.div([...backdrop], []),
+                        h.div([...panel], [submitButton(model.isEnabled)]),
+                    ]
+                    : []),
+            },
+            toParentMessage: message => GotDialogMessage({ message }),
         }),
     ]);
 };
-/** View using Dialog.lazy with panelContent passed dynamically. */
-const lazyDialogView = Dialog.lazy({});
-export const viewWithLazyDialog = (model) => {
-    const h = html();
-    return h.div([], [
-        h.button([h.OnClick(ClickedToggle())], ['Toggle']),
-        lazyDialogView(model.dialog, (dialogMessage) => GotDialogMessage({ message: dialogMessage }), submitButton(model.isEnabled)),
-    ]);
-};