@nifrajs/web-solid 5.5.1 → 5.6.0

package/dist/page-visibility.js

@@ -0,0 +1,42 @@
+/**
+ * Whether a page is on screen, for a `keepAlive` page that stays mounted while it is hidden. Pages read
+ * it through `@nifrajs/web-solid/router`; the keep-alive view provides it per kept slot.
+ */
+import { createContext, onCleanup, useContext } from "solid-js";
+// A `globalThis` singleton for the same reason as the router's contexts (see router.ts).
+const PAGE_CONTEXT_SLOT = Symbol.for("nifra.web-solid.page-context");
+// biome-ignore lint/plugin/requireSafetyCommentForTypeAssertion: only this module writes the registry key, and it writes a page context
+const pageContextSlot = globalThis;
+export const PageContext = pageContextSlot[PAGE_CONTEXT_SLOT] ?? createContext();
+pageContextSlot[PAGE_CONTEXT_SLOT] = PageContext;
+const ALWAYS = () => true;
+/**
+ * Whether the page this component renders in is on screen, as an accessor: `false` while it is kept
+ * hidden behind another page, where it keeps running. Always `true` on the server and on a page that
+ * does not keep alive.
+ */
+export function usePageVisibility() {
+    const slot = useContext(PageContext);
+    return slot === undefined ? ALWAYS : () => !slot.hidden();
+}
+const onVisibility = (kind, callback) => {
+    const slot = useContext(PageContext);
+    if (slot === undefined)
+        return;
+    slot[kind].add(callback);
+    onCleanup(() => slot[kind].delete(callback));
+};
+/**
+ * Run `callback` each time the `keepAlive` page this component renders in is hidden behind another
+ * page, before it leaves the document. The page keeps running while it is hidden: pause its timers,
+ * sockets and media here. Call it while the component sets up; it is removed with the component. A
+ * no-op outside a kept page.
+ */
+export function onPageHide(callback) {
+    onVisibility("hide", callback);
+}
+/** Run `callback` each time the `keepAlive` page this component renders in is shown again. */
+export function onPageShow(callback) {
+    onVisibility("show", callback);
+}
+//# sourceMappingURL=page-visibility.js.map

package/dist/page-visibility.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"page-visibility.js","sourceRoot":"","sources":["../src/page-visibility.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,OAAO,EAA+B,aAAa,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AAS5F,yFAAyF;AACzF,MAAM,iBAAiB,GAAG,MAAM,CAAC,GAAG,CAAC,8BAA8B,CAAC,CAAA;AACpE,wIAAwI;AACxI,MAAM,eAAe,GAAG,UAAqE,CAAA;AAC7F,MAAM,CAAC,MAAM,WAAW,GAAG,eAAe,CAAC,iBAAiB,CAAC,IAAI,aAAa,EAAY,CAAA;AAC1F,eAAe,CAAC,iBAAiB,CAAC,GAAG,WAAW,CAAA;AAEhD,MAAM,MAAM,GAAsB,GAAG,EAAE,CAAC,IAAI,CAAA;AAE5C;;;;GAIG;AACH,MAAM,UAAU,iBAAiB;IAC/B,MAAM,IAAI,GAAG,UAAU,CAAC,WAAW,CAAC,CAAA;IACpC,OAAO,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,MAAM,EAAE,CAAA;AAC3D,CAAC;AAED,MAAM,YAAY,GAAG,CAAC,IAAqB,EAAE,QAAoB,EAAQ,EAAE;IACzE,MAAM,IAAI,GAAG,UAAU,CAAC,WAAW,CAAC,CAAA;IACpC,IAAI,IAAI,KAAK,SAAS;QAAE,OAAM;IAC9B,IAAI,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAA;IACxB,SAAS,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAA;AAC9C,CAAC,CAAA;AAED;;;;;GAKG;AACH,MAAM,UAAU,UAAU,CAAC,QAAoB;IAC7C,YAAY,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAA;AAChC,CAAC;AAED,8FAA8F;AAC9F,MAAM,UAAU,UAAU,CAAC,QAAoB;IAC7C,YAAY,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAA;AAChC,CAAC"}

package/dist/ppr-client.d.ts

@@ -0,0 +1,9 @@
+import { type JSX } from "solid-js";
+/**
+ * A hole's host in the browser: once mounted, the PPR runtime's fill goes in, an interactive hole
+ * hydrates that server HTML as its own root from the frame's props, and each refill `fill` brings is
+ * applied in place. Object props reach the root as a store, so a refill updates it and keeps its
+ * state; any other value makes the root again.
+ */
+export declare function clientHost<Data>(name: string, render: (data: Data) => JSX.Element, interactive: boolean, attributes: Readonly<Record<string, string>>, fill: () => unknown): JSX.Element;
+//# sourceMappingURL=ppr-client.d.ts.map

package/dist/ppr-client.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ppr-client.d.ts","sourceRoot":"","sources":["../src/ppr-client.ts"],"names":[],"mappings":"AACA,OAAO,EAGL,KAAK,GAAG,EAKT,MAAM,UAAU,CAAA;AAMjB;;;;;GAKG;AACH,wBAAgB,UAAU,CAAC,IAAI,EAC7B,IAAI,EAAE,MAAM,EACZ,MAAM,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,GAAG,CAAC,OAAO,EACnC,WAAW,EAAE,OAAO,EACpB,UAAU,EAAE,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,EAC5C,IAAI,EAAE,MAAM,OAAO,GAClB,GAAG,CAAC,OAAO,CAiDb"}

package/dist/ppr-client.js

@@ -0,0 +1,63 @@
+import { holeHost } from "@nifrajs/web/internal/hole-runtime";
+import { createComponent, createEffect, on, onCleanup, onMount, sharedConfig, } from "solid-js";
+import { createStore, reconcile } from "solid-js/store";
+import { Dynamic, hydrate } from "solid-js/web";
+const isObject = (value) => typeof value === "object" && value !== null;
+/**
+ * A hole's host in the browser: once mounted, the PPR runtime's fill goes in, an interactive hole
+ * hydrates that server HTML as its own root from the frame's props, and each refill `fill` brings is
+ * applied in place. Object props reach the root as a store, so a refill updates it and keeps its
+ * state; any other value makes the root again.
+ */
+export function clientHost(name, render, interactive, attributes, fill) {
+    let host;
+    const element = createComponent(Dynamic, {
+        component: "div",
+        ref: (el) => {
+            host = el;
+        },
+        ...attributes,
+    });
+    onMount(() => {
+        const target = host;
+        if (target === undefined)
+            return;
+        const root = (into, data) => {
+            const [props, setProps] = createStore({ value: data });
+            let dispose;
+            let left = false;
+            const start = () => {
+                if (left)
+                    return;
+                dispose = hydrate(
+                // biome-ignore lint/plugin/requireSafetyCommentForTypeAssertion: the server framed these props from this hole's own loader, through its output guard.
+                () => render(props.value), into, { renderId: `nifra-${name}-` });
+            };
+            // Solid keeps one hydration context: a fill met while the page hydrates waits for it to end.
+            if (sharedConfig.context)
+                queueMicrotask(start);
+            else
+                start();
+            return {
+                update: (next) => {
+                    if (!isObject(next) || !isObject(props.value))
+                        return false;
+                    setProps("value", reconcile(next));
+                    return true;
+                },
+                dispose: () => {
+                    left = true;
+                    dispose?.();
+                },
+            };
+        };
+        const driven = holeHost(name, target, interactive ? root : undefined);
+        createEffect(on(fill, (next) => {
+            if (next !== undefined)
+                driven.refill(next);
+        }));
+        onCleanup(() => driven.dispose());
+    });
+    return element;
+}
+//# sourceMappingURL=ppr-client.js.map

package/dist/ppr-client.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ppr-client.js","sourceRoot":"","sources":["../src/ppr-client.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,QAAQ,EAAE,MAAM,oCAAoC,CAAA;AAC5E,OAAO,EACL,eAAe,EACf,YAAY,EAEZ,EAAE,EACF,SAAS,EACT,OAAO,EACP,YAAY,GACb,MAAM,UAAU,CAAA;AACjB,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAA;AACvD,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAA;AAE/C,MAAM,QAAQ,GAAG,CAAC,KAAc,EAAmB,EAAE,CAAC,OAAO,KAAK,KAAK,QAAQ,IAAI,KAAK,KAAK,IAAI,CAAA;AAEjG;;;;;GAKG;AACH,MAAM,UAAU,UAAU,CACxB,IAAY,EACZ,MAAmC,EACnC,WAAoB,EACpB,UAA4C,EAC5C,IAAmB;IAEnB,IAAI,IAA6B,CAAA;IACjC,MAAM,OAAO,GAAG,eAAe,CAAC,OAAO,EAAE;QACvC,SAAS,EAAE,KAAK;QAChB,GAAG,EAAE,CAAC,EAAe,EAAE,EAAE;YACvB,IAAI,GAAG,EAAE,CAAA;QACX,CAAC;QACD,GAAG,UAAU;KACd,CAAC,CAAA;IACF,OAAO,CAAC,GAAG,EAAE;QACX,MAAM,MAAM,GAAG,IAAI,CAAA;QACnB,IAAI,MAAM,KAAK,SAAS;YAAE,OAAM;QAChC,MAAM,IAAI,GAAG,CAAC,IAAa,EAAE,IAAa,EAAY,EAAE;YACtD,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,WAAW,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC,CAAA;YACtD,IAAI,OAAiC,CAAA;YACrC,IAAI,IAAI,GAAG,KAAK,CAAA;YAChB,MAAM,KAAK,GAAG,GAAS,EAAE;gBACvB,IAAI,IAAI;oBAAE,OAAM;gBAChB,OAAO,GAAG,OAAO;gBACf,sJAAsJ;gBACtJ,GAAG,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,KAAa,CAAC,EACjC,IAAI,EACJ,EAAE,QAAQ,EAAE,SAAS,IAAI,GAAG,EAAE,CAC/B,CAAA;YACH,CAAC,CAAA;YACD,6FAA6F;YAC7F,IAAI,YAAY,CAAC,OAAO;gBAAE,cAAc,CAAC,KAAK,CAAC,CAAA;;gBAC1C,KAAK,EAAE,CAAA;YACZ,OAAO;gBACL,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE;oBACf,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC;wBAAE,OAAO,KAAK,CAAA;oBAC3D,QAAQ,CAAC,OAAO,EAAE,SAAS,CAAC,IAAI,CAAC,CAAC,CAAA;oBAClC,OAAO,IAAI,CAAA;gBACb,CAAC;gBACD,OAAO,EAAE,GAAG,EAAE;oBACZ,IAAI,GAAG,IAAI,CAAA;oBACX,OAAO,EAAE,EAAE,CAAA;gBACb,CAAC;aACF,CAAA;QACH,CAAC,CAAA;QACD,MAAM,MAAM,GAAG,QAAQ,CAAC,IAAI,EAAE,MAAM,EAAE,WAAW,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,CAAA;QACrE,YAAY,CACV,EAAE,CAAC,IAAI,EAAE,CAAC,IAAI,EAAE,EAAE;YAChB,IAAI,IAAI,KAAK,SAAS;gBAAE,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,CAAA;QAC7C,CAAC,CAAC,CACH,CAAA;QACD,SAAS,CAAC,GAAG,EAAE,CAAC,MAAM,CAAC,OAAO,EAAE,CAAC,CAAA;IACnC,CAAC,CAAC,CAAA;IACF,OAAO,OAAO,CAAA;AAChB,CAAC"}

package/dist/ppr.d.ts

@@ -0,0 +1,37 @@
+import { type JSX } from "solid-js";
+/**
+ * The fields of a route's boundary declaration a hole renders from. `fallback` is a function: JSX
+ * evaluated at import is one DOM node, so every place that shows it would take it from the last.
+ */
+export interface HoleDefinition<Data> {
+    readonly name: string;
+    readonly render: (data: Data) => JSX.Element;
+    readonly fallback?: () => JSX.Element;
+    readonly interactive?: boolean;
+}
+/** The slice of a boundary state a hole reads: `ppr` marks a hole the shared shell left open, and
+ * `fill` that host's refill when the page reloads. */
+interface HoleState {
+    readonly status: "unresolved" | "pending" | "ready" | "error";
+    readonly data?: unknown;
+    readonly ppr?: true;
+    readonly fill?: unknown;
+}
+export interface HoleProps<Data> {
+    readonly of: HoleDefinition<Data>;
+    readonly state: HoleState | undefined;
+    /** Shown when the hole's loader failed. Default: nothing. */
+    readonly error?: JSX.Element;
+}
+/**
+ * Experimental: one `dynamic` or `shared` boundary of a partially prerendered page.
+ *
+ * In a shared shell the hole is an empty host Solid never fills: the PPR runtime puts the server's
+ * HTML into it, and an interactive hole then hydrates as its own root from the frame's props. When the
+ * page reloads, after an action or a live change, the same host takes the new fill in place: an
+ * interactive root gets the new props through its store and keeps its state. After a client
+ * navigation the hole renders like any streamed boundary.
+ */
+export declare function Hole<Data>(props: HoleProps<Data>): JSX.Element;
+export {};
+//# sourceMappingURL=ppr.d.ts.map

package/dist/ppr.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ppr.d.ts","sourceRoot":"","sources":["../src/ppr.ts"],"names":[],"mappings":"AACA,OAAO,EAA+B,KAAK,GAAG,EAAW,MAAM,UAAU,CAAA;AAKzE;;;GAGG;AACH,MAAM,WAAW,cAAc,CAAC,IAAI;IAClC,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,MAAM,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,GAAG,CAAC,OAAO,CAAA;IAC5C,QAAQ,CAAC,QAAQ,CAAC,EAAE,MAAM,GAAG,CAAC,OAAO,CAAA;IACrC,QAAQ,CAAC,WAAW,CAAC,EAAE,OAAO,CAAA;CAC/B;AAED;sDACsD;AACtD,UAAU,SAAS;IACjB,QAAQ,CAAC,MAAM,EAAE,YAAY,GAAG,SAAS,GAAG,OAAO,GAAG,OAAO,CAAA;IAC7D,QAAQ,CAAC,IAAI,CAAC,EAAE,OAAO,CAAA;IACvB,QAAQ,CAAC,GAAG,CAAC,EAAE,IAAI,CAAA;IACnB,QAAQ,CAAC,IAAI,CAAC,EAAE,OAAO,CAAA;CACxB;AAED,MAAM,WAAW,SAAS,CAAC,IAAI;IAC7B,QAAQ,CAAC,EAAE,EAAE,cAAc,CAAC,IAAI,CAAC,CAAA;IACjC,QAAQ,CAAC,KAAK,EAAE,SAAS,GAAG,SAAS,CAAA;IACrC,6DAA6D;IAC7D,QAAQ,CAAC,KAAK,CAAC,EAAE,GAAG,CAAC,OAAO,CAAA;CAC7B;AAiBD;;;;;;;;GAQG;AACH,wBAAgB,IAAI,CAAC,IAAI,EAAE,KAAK,EAAE,SAAS,CAAC,IAAI,CAAC,GAAG,GAAG,CAAC,OAAO,CA4B9D"}

package/dist/ppr.js

@@ -0,0 +1,61 @@
+import { initialHtml } from "@nifrajs/web/internal/hole-runtime";
+import { createComponent, createMemo, untrack } from "solid-js";
+import { Dynamic, isServer } from "solid-js/web";
+import { Await } from "./await.js";
+import { clientHost } from "./ppr-client.js";
+/** An open hole's host: claimed by its hydration key like any element, never given children in the
+ * browser. On the server it holds a blocking render's HTML. */
+function openHost(hole, fill) {
+    const attributes = { "data-nifra-hole": hole.name, "aria-busy": "true" };
+    if (isServer) {
+        const initial = initialHtml(fill());
+        return createComponent(Dynamic, {
+            component: "div",
+            ...attributes,
+            ...(initial === "" ? {} : { innerHTML: initial }),
+        });
+    }
+    return clientHost(hole.name, hole.render, hole.interactive === true, attributes, fill);
+}
+/**
+ * Experimental: one `dynamic` or `shared` boundary of a partially prerendered page.
+ *
+ * In a shared shell the hole is an empty host Solid never fills: the PPR runtime puts the server's
+ * HTML into it, and an interactive hole then hydrates as its own root from the frame's props. When the
+ * page reloads, after an action or a live change, the same host takes the new fill in place: an
+ * interactive root gets the new props through its store and keeps its state. After a client
+ * navigation the hole renders like any streamed boundary.
+ */
+export function Hole(props) {
+    const open = createMemo(() => props.state?.ppr === true);
+    const fill = createMemo(() => (open() ? props.state?.fill : undefined));
+    const view = createMemo(() => {
+        // Only `open` is read for a host, so a refill keeps it.
+        if (open())
+            return untrack(() => openHost(props.of, fill));
+        const hole = props.of;
+        const state = props.state;
+        if (state === undefined)
+            return untrack(() => hole.fallback?.());
+        if (state.status === "error")
+            return props.error;
+        // biome-ignore lint/plugin/requireSafetyCommentForTypeAssertion: a ready state carries this boundary's loader output, through its output guard.
+        if (state.status === "ready")
+            return untrack(() => hole.render(state.data));
+        // A streamed hole's data is its deferred loader output, whatever status the payload names.
+        if (state.data === undefined)
+            return untrack(() => hole.fallback?.());
+        return untrack(() => createComponent((Await), {
+            // biome-ignore lint/plugin/requireSafetyCommentForTypeAssertion: a pending streamed state carries this boundary's deferred loader output.
+            resolve: state.data,
+            get fallback() {
+                return hole.fallback?.();
+            },
+            errorFallback: () => props.error,
+            children: hole.render,
+        }));
+    });
+    // biome-ignore lint/plugin/requireSafetyCommentForTypeAssertion lint/plugin/noChainedTypeAssertions: Solid inserts an accessor reactively, as its own Show returns one; its JSX.Element type leaves functions out.
+    return view;
+}
+//# sourceMappingURL=ppr.js.map

package/dist/ppr.js.map

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

package/dist/query.d.ts

@@ -1,4 +1,4 @@
-import type { QueryClient, QueryState } from "@nifrajs/web";
+import type { QueryClient, QueryOptions, QueryState } from "@nifrajs/web";
 /**
  * `@nifrajs/web-solid/query` - Solid bindings for the keyed query-cache. `createQuery(key, fn)` bridges a
  * query's `subscribe`/`snapshot` store into a Solid signal and fetches on mount; `useQueryClient`
@@ -22,7 +22,8 @@ export interface CreateQueryResult<T> {
 /**
  * Bind the keyed query for `key`, fetched via `fn`. Returns a reactive `state()` accessor + `refetch`.
  * Concurrent `createQuery`s with the same key share one cache entry + one in-flight fetch (dedup).
- * Fetches on mount; SSR-idle. Call inside a component (owns the subscription).
+ * Fetches on mount; SSR-idle. Call inside a component (owns the subscription). `options.live` names
+ * the live keys that refetch it.
  */
-export declare function createQuery<T>(key: unknown, fn: () => Promise<T>): CreateQueryResult<T>;
+export declare function createQuery<T>(key: unknown, fn: () => Promise<T>, options?: QueryOptions): CreateQueryResult<T>;
 //# sourceMappingURL=query.d.ts.map

package/dist/query.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"query.d.ts","sourceRoot":"","sources":["../src/query.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAM3D;;;;;;;;;GASG;AACH,OAAO,EAAE,KAAK,QAAQ,EAAoC,MAAM,UAAU,CAAA;AAE1E,wGAAwG;AACxG,wBAAgB,cAAc,IAAI,IAAI,CAAC,WAAW,EAAE,mBAAmB,CAAC,CAEvE;AAED,wDAAwD;AACxD,MAAM,WAAW,iBAAiB,CAAC,CAAC;IAClC,uGAAuG;IACvG,QAAQ,CAAC,KAAK,EAAE,QAAQ,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAA;IACvC,6CAA6C;IAC7C,QAAQ,CAAC,OAAO,EAAE,MAAM,OAAO,CAAC,CAAC,CAAC,CAAA;CACnC;AAED;;;;GAIG;AACH,wBAAgB,WAAW,CAAC,CAAC,EAAE,GAAG,EAAE,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC,CAAC,CAAC,GAAG,iBAAiB,CAAC,CAAC,CAAC,CAgBvF"}
+{"version":3,"file":"query.d.ts","sourceRoot":"","sources":["../src/query.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAQzE;;;;;;;;;GASG;AACH,OAAO,EAAE,KAAK,QAAQ,EAAoC,MAAM,UAAU,CAAA;AAE1E,wGAAwG;AACxG,wBAAgB,cAAc,IAAI,IAAI,CAAC,WAAW,EAAE,mBAAmB,CAAC,CAEvE;AAED,wDAAwD;AACxD,MAAM,WAAW,iBAAiB,CAAC,CAAC;IAClC,uGAAuG;IACvG,QAAQ,CAAC,KAAK,EAAE,QAAQ,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAA;IACvC,6CAA6C;IAC7C,QAAQ,CAAC,OAAO,EAAE,MAAM,OAAO,CAAC,CAAC,CAAC,CAAA;CACnC;AAED;;;;;GAKG;AACH,wBAAgB,WAAW,CAAC,CAAC,EAC3B,GAAG,EAAE,OAAO,EACZ,EAAE,EAAE,MAAM,OAAO,CAAC,CAAC,CAAC,EACpB,OAAO,CAAC,EAAE,YAAY,GACrB,iBAAiB,CAAC,CAAC,CAAC,CActB"}

package/dist/query.js

@@ -1,4 +1,4 @@
-import { createNoClientRefetch, getQueryClientSingleton, IDLE_QUERY_STATE, } from "@nifrajs/web/internal/query-runtime";
+import { createNoClientRefetch, fetchOnMount, getQueryClientSingleton, IDLE_QUERY_STATE, noop, } from "@nifrajs/web/internal/query-runtime";
 /**
  * `@nifrajs/web-solid/query` - Solid bindings for the keyed query-cache. `createQuery(key, fn)` bridges a
  * query's `subscribe`/`snapshot` store into a Solid signal and fetches on mount; `useQueryClient`
@@ -12,21 +12,20 @@ import { createNoClientRefetch, getQueryClientSingleton, IDLE_QUERY_STATE, } fro
 import { createSignal, onCleanup, onMount } from "solid-js";
 /** Access the query client to imperatively `invalidateQueries(keyOrPrefix)` (e.g. after a mutation). */
 export function useQueryClient() {
-    return getQueryClientSingleton() ?? { invalidateQueries: () => { } };
+    return getQueryClientSingleton() ?? { invalidateQueries: noop };
 }
 /**
  * Bind the keyed query for `key`, fetched via `fn`. Returns a reactive `state()` accessor + `refetch`.
  * Concurrent `createQuery`s with the same key share one cache entry + one in-flight fetch (dedup).
- * Fetches on mount; SSR-idle. Call inside a component (owns the subscription).
+ * Fetches on mount; SSR-idle. Call inside a component (owns the subscription). `options.live` names
+ * the live keys that refetch it.
  */
-export function createQuery(key, fn) {
-    const handle = getQueryClientSingleton()?.query(key, fn);
+export function createQuery(key, fn, options) {
+    const handle = getQueryClientSingleton()?.query(key, fn, options);
     const [state, setState] = createSignal(handle ? handle.snapshot() : IDLE_QUERY_STATE);
     if (handle !== undefined) {
         onCleanup(handle.subscribe(() => setState(() => handle.snapshot())));
-        onMount(() => {
-            handle.fetch().catch(() => { });
-        });
+        onMount(fetchOnMount(handle));
         return { state, refetch: handle.refetch };
     }
     return {

package/dist/query.js.map

@@ -1 +1 @@
-{"version":3,"file":"query.js","sourceRoot":"","sources":["../src/query.ts"],"names":[],"mappings":"AACA,OAAO,EACL,qBAAqB,EACrB,uBAAuB,EACvB,gBAAgB,GACjB,MAAM,qCAAqC,CAAA;AAC5C;;;;;;;;;GASG;AACH,OAAO,EAAiB,YAAY,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,UAAU,CAAA;AAE1E,wGAAwG;AACxG,MAAM,UAAU,cAAc;IAC5B,OAAO,uBAAuB,EAAE,IAAI,EAAE,iBAAiB,EAAE,GAAG,EAAE,GAAE,CAAC,EAAE,CAAA;AACrE,CAAC;AAUD;;;;GAIG;AACH,MAAM,UAAU,WAAW,CAAI,GAAY,EAAE,EAAoB;IAC/D,MAAM,MAAM,GAAG,uBAAuB,EAAE,EAAE,KAAK,CAAI,GAAG,EAAE,EAAE,CAAC,CAAA;IAC3D,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,YAAY,CACpC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,gBAAgB,CAC9C,CAAA;IACD,IAAI,MAAM,KAAK,SAAS,EAAE,CAAC;QACzB,SAAS,CAAC,MAAM,CAAC,SAAS,CAAC,GAAG,EAAE,CAAC,QAAQ,CAAC,GAAG,EAAE,CAAC,MAAM,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,CAAA;QACpE,OAAO,CAAC,GAAG,EAAE;YACX,MAAM,CAAC,KAAK,EAAE,CAAC,KAAK,CAAC,GAAG,EAAE,GAAE,CAAC,CAAC,CAAA;QAChC,CAAC,CAAC,CAAA;QACF,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,CAAC,OAAO,EAAE,CAAA;IAC3C,CAAC;IACD,OAAO;QACL,KAAK;QACL,OAAO,EAAE,qBAAqB,CAAI,mBAAmB,EAAE,qBAAqB,CAAC;KAC9E,CAAA;AACH,CAAC"}
+{"version":3,"file":"query.js","sourceRoot":"","sources":["../src/query.ts"],"names":[],"mappings":"AACA,OAAO,EACL,qBAAqB,EACrB,YAAY,EACZ,uBAAuB,EACvB,gBAAgB,EAChB,IAAI,GACL,MAAM,qCAAqC,CAAA;AAC5C;;;;;;;;;GASG;AACH,OAAO,EAAiB,YAAY,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,UAAU,CAAA;AAE1E,wGAAwG;AACxG,MAAM,UAAU,cAAc;IAC5B,OAAO,uBAAuB,EAAE,IAAI,EAAE,iBAAiB,EAAE,IAAI,EAAE,CAAA;AACjE,CAAC;AAUD;;;;;GAKG;AACH,MAAM,UAAU,WAAW,CACzB,GAAY,EACZ,EAAoB,EACpB,OAAsB;IAEtB,MAAM,MAAM,GAAG,uBAAuB,EAAE,EAAE,KAAK,CAAI,GAAG,EAAE,EAAE,EAAE,OAAO,CAAC,CAAA;IACpE,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,YAAY,CACpC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,gBAAgB,CAC9C,CAAA;IACD,IAAI,MAAM,KAAK,SAAS,EAAE,CAAC;QACzB,SAAS,CAAC,MAAM,CAAC,SAAS,CAAC,GAAG,EAAE,CAAC,QAAQ,CAAC,GAAG,EAAE,CAAC,MAAM,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,CAAA;QACpE,OAAO,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC,CAAA;QAC7B,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,CAAC,OAAO,EAAE,CAAA;IAC3C,CAAC;IACD,OAAO;QACL,KAAK;QACL,OAAO,EAAE,qBAAqB,CAAI,mBAAmB,EAAE,qBAAqB,CAAC;KAC9E,CAAA;AACH,CAAC"}

package/dist/route-props.d.ts

@@ -1,7 +1,10 @@
 import type { MountRouterOptions, RenderProps, RouterState } from "@nifrajs/web";
 /**
  * The client half of the server's `RenderProps`, as getters so a settle re-renders only what reads the
- * changed field. Cast: a getter always exists where `exactOptionalPropertyTypes` expects absence.
+ * changed field. `derive` is `createMemo` on the client mount: `data` and `layoutData` then notify only
+ * when they change identity, so a reload that kept them (the router shares what it did not change)
+ * re-runs nothing that reads them - a `<For>` keeps its rows. Cast: a getter always exists where
+ * `exactOptionalPropertyTypes` expects absence.
  */
-export declare function routeProps(snapshot: () => RouterState, searchSchemas: MountRouterOptions["searchSchemas"], matchChains?: MountRouterOptions["matchChains"]): RenderProps;
+export declare function routeProps(snapshot: () => RouterState, searchSchemas: MountRouterOptions["searchSchemas"], matchChains?: MountRouterOptions["matchChains"], derive?: <T>(read: () => T) => () => T): RenderProps;
 //# sourceMappingURL=route-props.d.ts.map

package/dist/route-props.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"route-props.d.ts","sourceRoot":"","sources":["../src/route-props.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,cAAc,CAAA;AAKhF;;;GAGG;AACH,wBAAgB,UAAU,CACxB,QAAQ,EAAE,MAAM,WAAW,EAC3B,aAAa,EAAE,kBAAkB,CAAC,eAAe,CAAC,EAClD,WAAW,CAAC,EAAE,kBAAkB,CAAC,aAAa,CAAC,GAC9C,WAAW,CA4Cb"}
+{"version":3,"file":"route-props.d.ts","sourceRoot":"","sources":["../src/route-props.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,cAAc,CAAA;AAKhF;;;;;;GAMG;AACH,wBAAgB,UAAU,CACxB,QAAQ,EAAE,MAAM,WAAW,EAC3B,aAAa,EAAE,kBAAkB,CAAC,eAAe,CAAC,EAClD,WAAW,CAAC,EAAE,kBAAkB,CAAC,aAAa,CAAC,EAC/C,MAAM,GAAE,CAAC,CAAC,EAAE,IAAI,EAAE,MAAM,CAAC,KAAK,MAAM,CAAkB,GACrD,WAAW,CAkDb"}

package/dist/route-props.js

@@ -3,12 +3,17 @@
 import { searchOfChain } from "@nifrajs/web/client";
 /**
  * The client half of the server's `RenderProps`, as getters so a settle re-renders only what reads the
- * changed field. Cast: a getter always exists where `exactOptionalPropertyTypes` expects absence.
+ * changed field. `derive` is `createMemo` on the client mount: `data` and `layoutData` then notify only
+ * when they change identity, so a reload that kept them (the router shares what it did not change)
+ * re-runs nothing that reads them - a `<For>` keeps its rows. Cast: a getter always exists where
+ * `exactOptionalPropertyTypes` expects absence.
  */
-export function routeProps(snapshot, searchSchemas, matchChains) {
+export function routeProps(snapshot, searchSchemas, matchChains, derive = (read) => read) {
+    const data = derive(() => snapshot().data);
+    const layoutData = derive(() => snapshot().layoutData);
     return {
         get data() {
-            return snapshot().data;
+            return data();
         },
         // Each layout's own loader data. Without it a layout renders `data: null` on the client while the
         // server rendered it with its data.
@@ -16,7 +21,7 @@ export function routeProps(snapshot, searchSchemas, matchChains) {
             return snapshot().serverComponents;
         },
         get layoutData() {
-            return snapshot().layoutData;
+            return layoutData();
         },
         get actionData() {
             return snapshot().actionData;
@@ -28,15 +33,19 @@ export function routeProps(snapshot, searchSchemas, matchChains) {
         get params() {
             return snapshot().params;
         },
+        // While an intercept boundary holds a target the URL is the target's; the route's props describe
+        // the page underneath, so they read the page's own path.
         get path() {
-            return snapshot().path;
+            const s = snapshot();
+            return s.intercepted?.pagePath ?? s.path;
         },
         get search() {
             // The SAME searchOfChain the server ran, over this snapshot's URL - a same-route search change
             // updates in place (fine-grained), matching the SSR value on hydration.
             const s = snapshot();
-            const idx = s.path.indexOf("?");
-            return searchOfChain(searchSchemas?.[s.routeId] ?? [], idx === -1 ? "" : s.path.slice(idx));
+            const path = s.intercepted?.pagePath ?? s.path;
+            const idx = path.indexOf("?");
+            return searchOfChain(searchSchemas?.[s.routeId] ?? [], idx === -1 ? "" : path.slice(idx));
         },
         get submission() {
             return snapshot().submission;

package/dist/route-props.js.map

@@ -1 +1 @@
-{"version":3,"file":"route-props.js","sourceRoot":"","sources":["../src/route-props.ts"],"names":[],"mappings":"AACA,mGAAmG;AACnG,gGAAgG;AAChG,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAA;AAEnD;;;GAGG;AACH,MAAM,UAAU,UAAU,CACxB,QAA2B,EAC3B,aAAkD,EAClD,WAA+C;IAE/C,OAAO;QACL,IAAI,IAAI;YACN,OAAO,QAAQ,EAAE,CAAC,IAAI,CAAA;QACxB,CAAC;QACD,kGAAkG;QAClG,oCAAoC;QACpC,IAAI,gBAAgB;YAClB,OAAO,QAAQ,EAAE,CAAC,gBAAgB,CAAA;QACpC,CAAC;QACD,IAAI,UAAU;YACZ,OAAO,QAAQ,EAAE,CAAC,UAAU,CAAA;QAC9B,CAAC;QACD,IAAI,UAAU;YACZ,OAAO,QAAQ,EAAE,CAAC,UAAU,CAAA;QAC9B,CAAC;QACD,IAAI,OAAO;YACT,OAAO,QAAQ,EAAE,CAAC,OAAO,CAAA;QAC3B,CAAC;QACD,+FAA+F;QAC/F,IAAI,MAAM;YACR,OAAO,QAAQ,EAAE,CAAC,MAAM,CAAA;QAC1B,CAAC;QACD,IAAI,IAAI;YACN,OAAO,QAAQ,EAAE,CAAC,IAAI,CAAA;QACxB,CAAC;QACD,IAAI,MAAM;YACR,+FAA+F;YAC/F,wEAAwE;YACxE,MAAM,CAAC,GAAG,QAAQ,EAAE,CAAA;YACpB,MAAM,GAAG,GAAG,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,CAAA;YAC/B,OAAO,aAAa,CAAC,aAAa,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC,IAAI,EAAE,EAAE,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAA;QAC7F,CAAC;QACD,IAAI,UAAU;YACZ,OAAO,QAAQ,EAAE,CAAC,UAAU,CAAA;QAC9B,CAAC;QACD,IAAI,UAAU;YACZ,OAAO,QAAQ,EAAE,CAAC,UAAU,CAAA;QAC9B,CAAC;QACD,qFAAqF;QACrF,IAAI,UAAU;YACZ,OAAO,WAAW,EAAE,CAAC,QAAQ,EAAE,CAAC,OAAO,CAAC,CAAA;QAC1C,CAAC;KACa,CAAA;AAClB,CAAC"}
+{"version":3,"file":"route-props.js","sourceRoot":"","sources":["../src/route-props.ts"],"names":[],"mappings":"AACA,mGAAmG;AACnG,gGAAgG;AAChG,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAA;AAEnD;;;;;;GAMG;AACH,MAAM,UAAU,UAAU,CACxB,QAA2B,EAC3B,aAAkD,EAClD,WAA+C,EAC/C,SAAwC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI;IAEtD,MAAM,IAAI,GAAG,MAAM,CAAC,GAAG,EAAE,CAAC,QAAQ,EAAE,CAAC,IAAI,CAAC,CAAA;IAC1C,MAAM,UAAU,GAAG,MAAM,CAAC,GAAG,EAAE,CAAC,QAAQ,EAAE,CAAC,UAAU,CAAC,CAAA;IACtD,OAAO;QACL,IAAI,IAAI;YACN,OAAO,IAAI,EAAE,CAAA;QACf,CAAC;QACD,kGAAkG;QAClG,oCAAoC;QACpC,IAAI,gBAAgB;YAClB,OAAO,QAAQ,EAAE,CAAC,gBAAgB,CAAA;QACpC,CAAC;QACD,IAAI,UAAU;YACZ,OAAO,UAAU,EAAE,CAAA;QACrB,CAAC;QACD,IAAI,UAAU;YACZ,OAAO,QAAQ,EAAE,CAAC,UAAU,CAAA;QAC9B,CAAC;QACD,IAAI,OAAO;YACT,OAAO,QAAQ,EAAE,CAAC,OAAO,CAAA;QAC3B,CAAC;QACD,+FAA+F;QAC/F,IAAI,MAAM;YACR,OAAO,QAAQ,EAAE,CAAC,MAAM,CAAA;QAC1B,CAAC;QACD,iGAAiG;QACjG,yDAAyD;QACzD,IAAI,IAAI;YACN,MAAM,CAAC,GAAG,QAAQ,EAAE,CAAA;YACpB,OAAO,CAAC,CAAC,WAAW,EAAE,QAAQ,IAAI,CAAC,CAAC,IAAI,CAAA;QAC1C,CAAC;QACD,IAAI,MAAM;YACR,+FAA+F;YAC/F,wEAAwE;YACxE,MAAM,CAAC,GAAG,QAAQ,EAAE,CAAA;YACpB,MAAM,IAAI,GAAG,CAAC,CAAC,WAAW,EAAE,QAAQ,IAAI,CAAC,CAAC,IAAI,CAAA;YAC9C,MAAM,GAAG,GAAG,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,CAAA;YAC7B,OAAO,aAAa,CAAC,aAAa,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC,IAAI,EAAE,EAAE,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAA;QAC3F,CAAC;QACD,IAAI,UAAU;YACZ,OAAO,QAAQ,EAAE,CAAC,UAAU,CAAA;QAC9B,CAAC;QACD,IAAI,UAAU;YACZ,OAAO,QAAQ,EAAE,CAAC,UAAU,CAAA;QAC9B,CAAC;QACD,qFAAqF;QACrF,IAAI,UAAU;YACZ,OAAO,WAAW,EAAE,CAAC,QAAQ,EAAE,CAAC,OAAO,CAAC,CAAA;QAC1C,CAAC;KACa,CAAA;AAClB,CAAC"}

package/dist/router.d.ts

@@ -8,6 +8,7 @@ import type { Blocker, BlockerFunction, BlockerState, NavigateFunction, RenderPr
  * reads the accessor `compose` provides on SSR + client mount alike. Imports only `solid-js`. No JSX.
  */
 import { type Accessor, type Context } from "solid-js";
+export { onPageHide, onPageShow, usePageVisibility } from "./page-visibility.js";
 export type { Blocker, BlockerFunction, BlockerState, NavigateFunction, UIMatch };
 export declare const SearchContext: Context<Accessor<Record<string, unknown>> | undefined>;
 export declare const RenderPropsContext: Context<RenderProps | undefined>;
@@ -47,8 +48,8 @@ export declare function useNavigate(): NavigateFunction;
  * predicate, and get back a reactive {@link Blocker} accessor. When a navigation (an anchor click,
  * `useNavigate`, or a browser back/forward) is intercepted, `blocker().state` becomes `"blocked"` and
  * `proceed`/`reset` go live - show a dialog and call `proceed()` to continue or `reset()` to stay put.
- * It also arms the browser's native "Leave site?" prompt on tab close / reload. Idle on the server and
- * before hydration.
+ * It also arms the browser's native "Leave site?" prompt on tab close / reload. Idle on the server,
+ * before hydration, and while a `keepAlive` page is hidden.
  *
  * The component body runs once, so to track a CHANGING flag pass a function -
  * `useBlocker(() => isDirty())` - not a bare signal accessor's current value. A constant boolean is fine.

package/dist/router.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"router.d.ts","sourceRoot":"","sources":["../src/router.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAA;AAIzE,OAAO,KAAK,EACV,OAAO,EACP,eAAe,EACf,YAAY,EACZ,gBAAgB,EAGhB,WAAW,EACX,OAAO,EACR,MAAM,cAAc,CAAA;AAWrB;;;;;;GAMG;AACH,OAAO,EACL,KAAK,QAAQ,EACb,KAAK,OAAO,EAMb,MAAM,UAAU,CAAA;AAEjB,YAAY,EAAE,OAAO,EAAE,eAAe,EAAE,YAAY,EAAE,gBAAgB,EAAE,OAAO,EAAE,CAAA;AAiBjF,eAAO,MAAM,aAAa,wDACoE,CAAA;AAO9F,eAAO,MAAM,kBAAkB,kCACuC,CAAA;AAKtE;;;;;;;;;;;GAWG;AACH,wBAAgB,UAAU,IAAI,QAAQ,CAAC,SAAS,OAAO,EAAE,CAAC,CAIzD;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,SAAS,CAAC,MAAM,SAAS,gBAAgB,GAAG,SAAS,GAAG,SAAS,KAAK,QAAQ,CAC5F,MAAM,SAAS,gBAAgB,GAAG,WAAW,CAAC,MAAM,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAChF,CAIA;AAED;;kCAEkC;AAClC,wBAAgB,WAAW,IAAI,gBAAgB,CAO9C;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,UAAU,CAAC,WAAW,EAAE,OAAO,GAAG,eAAe,GAAG,QAAQ,CAAC,OAAO,CAAC,CASpF"}
+{"version":3,"file":"router.d.ts","sourceRoot":"","sources":["../src/router.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAA;AAIzE,OAAO,KAAK,EACV,OAAO,EACP,eAAe,EACf,YAAY,EACZ,gBAAgB,EAGhB,WAAW,EACX,OAAO,EACR,MAAM,cAAc,CAAA;AAWrB;;;;;;GAMG;AACH,OAAO,EACL,KAAK,QAAQ,EACb,KAAK,OAAO,EAMb,MAAM,UAAU,CAAA;AAGjB,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAA;AAChF,YAAY,EAAE,OAAO,EAAE,eAAe,EAAE,YAAY,EAAE,gBAAgB,EAAE,OAAO,EAAE,CAAA;AAiBjF,eAAO,MAAM,aAAa,wDACoE,CAAA;AAO9F,eAAO,MAAM,kBAAkB,kCACuC,CAAA;AAKtE;;;;;;;;;;;GAWG;AACH,wBAAgB,UAAU,IAAI,QAAQ,CAAC,SAAS,OAAO,EAAE,CAAC,CAIzD;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,SAAS,CAAC,MAAM,SAAS,gBAAgB,GAAG,SAAS,GAAG,SAAS,KAAK,QAAQ,CAC5F,MAAM,SAAS,gBAAgB,GAAG,WAAW,CAAC,MAAM,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAChF,CAIA;AAED;;kCAEkC;AAClC,wBAAgB,WAAW,IAAI,gBAAgB,CAO9C;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,UAAU,CAAC,WAAW,EAAE,OAAO,GAAG,eAAe,GAAG,QAAQ,CAAC,OAAO,CAAC,CAYpF"}

package/dist/router.js

@@ -11,6 +11,8 @@ import { chainMatches } from "@nifrajs/web/internal/matches-runtime";
  * reads the accessor `compose` provides on SSR + client mount alike. Imports only `solid-js`. No JSX.
  */
 import { createContext, createMemo, createSignal, onCleanup, useContext, } from "solid-js";
+import { PageContext } from "./page-visibility.js";
+export { onPageHide, onPageShow, usePageVisibility } from "./page-visibility.js";
 // Frozen empty search + a stable accessor for a `useSearch` used outside a nifra route tree.
 const EMPTY_SEARCH = Object.freeze({});
 const EMPTY_SEARCH_ACCESSOR = () => EMPTY_SEARCH;
@@ -83,15 +85,17 @@ export function useNavigate() {
  * predicate, and get back a reactive {@link Blocker} accessor. When a navigation (an anchor click,
  * `useNavigate`, or a browser back/forward) is intercepted, `blocker().state` becomes `"blocked"` and
  * `proceed`/`reset` go live - show a dialog and call `proceed()` to continue or `reset()` to stay put.
- * It also arms the browser's native "Leave site?" prompt on tab close / reload. Idle on the server and
- * before hydration.
+ * It also arms the browser's native "Leave site?" prompt on tab close / reload. Idle on the server,
+ * before hydration, and while a `keepAlive` page is hidden.
  *
  * The component body runs once, so to track a CHANGING flag pass a function -
  * `useBlocker(() => isDirty())` - not a bare signal accessor's current value. A constant boolean is fine.
  */
 export function useBlocker(shouldBlock) {
     const [blocker, setBlocker] = createSignal(IDLE_BLOCKER);
-    onCleanup(registerBlocker((args) => (typeof shouldBlock === "function" ? shouldBlock(args) : shouldBlock), setBlocker));
+    const slot = useContext(PageContext);
+    onCleanup(registerBlocker((args) => slot?.hidden() !== true &&
+        (typeof shouldBlock === "function" ? shouldBlock(args) : shouldBlock), setBlocker));
     return blocker;
 }
 //# sourceMappingURL=router.js.map

package/dist/router.js.map

@@ -1 +1 @@
-{"version":3,"file":"router.js","sourceRoot":"","sources":["../src/router.ts"],"names":[],"mappings":"AAcA,mFAAmF;AACnF,qEAAqE;AACrE,OAAO,EACL,kBAAkB,EAClB,YAAY,EACZ,eAAe,EACf,eAAe,GAChB,MAAM,qBAAqB,CAAA;AAC5B,6EAA6E;AAC7E,OAAO,EAAE,YAAY,EAAE,MAAM,uCAAuC,CAAA;AACpE;;;;;;GAMG;AACH,OAAO,EAGL,aAAa,EACb,UAAU,EACV,YAAY,EACZ,SAAS,EACT,UAAU,GACX,MAAM,UAAU,CAAA;AAIjB,6FAA6F;AAC7F,MAAM,YAAY,GAAsC,MAAM,CAAC,MAAM,CAAC,EAAE,CAAC,CAAA;AACzE,MAAM,qBAAqB,GAAsC,GAAG,EAAE,CAAC,YAAY,CAAA;AAEnF;;;;;;2BAM2B;AAC3B,MAAM,mBAAmB,GAAG,MAAM,CAAC,GAAG,CAAC,gCAAgC,CAAC,CAAA;AACxE,MAAM,iBAAiB,GAAG,UAEzB,CAAA;AACD,MAAM,CAAC,MAAM,aAAa,GACxB,iBAAiB,CAAC,mBAAmB,CAAC,IAAI,aAAa,EAAqC,CAAA;AAC9F,iBAAiB,CAAC,mBAAmB,CAAC,GAAG,aAAa,CAAA;AAEtD;sGACsG;AACtG,MAAM,kBAAkB,GAAG,MAAM,CAAC,GAAG,CAAC,+BAA+B,CAAC,CAAA;AACtE,MAAM,gBAAgB,GAAG,UAAyE,CAAA;AAClG,MAAM,CAAC,MAAM,kBAAkB,GAC7B,gBAAgB,CAAC,kBAAkB,CAAC,IAAI,aAAa,EAAe,CAAA;AACtE,gBAAgB,CAAC,kBAAkB,CAAC,GAAG,kBAAkB,CAAA;AAEzD,MAAM,UAAU,GAAuB,MAAM,CAAC,MAAM,CAAC,EAAE,CAAC,CAAA;AAExD;;;;;;;;;;;GAWG;AACH,MAAM,UAAU,UAAU;IACxB,MAAM,KAAK,GAAG,UAAU,CAAC,kBAAkB,CAAC,CAAA;IAC5C,IAAI,KAAK,KAAK,SAAS;QAAE,OAAO,GAAG,EAAE,CAAC,UAAU,CAAA;IAChD,OAAO,UAAU,CAAC,GAAG,EAAE,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC,CAAA;AAC9C,CAAC;AAED;;;;;;;;;;;GAWG;AACH,MAAM,UAAU,SAAS;IAGvB,OAAO,CAAC,UAAU,CAAC,aAAa,CAAC,IAAI,qBAAqB,CAEzD,CAAA;AACH,CAAC;AAED;;kCAEkC;AAClC,MAAM,UAAU,WAAW;IACzB,OAAO,CAAC,CAAC,EAAyC,EAAE,OAAyB,EAAE,EAAE;QAC/E,MAAM,QAAQ,GAAG,kBAAkB,EAAE,CAAA;QACrC,IAAI,QAAQ,KAAK,SAAS;YAAE,OAAM;QAClC,MAAM,QAAQ,GAAG,eAAe,CAAC,EAAE,EAAE,OAAO,CAAC,CAAA;QAC7C,QAAQ,CAAC,QAAQ,CAAC,EAAE,EAAE,QAAQ,CAAC,OAAO,CAAC,CAAA;IACzC,CAAC,CAAqB,CAAA;AACxB,CAAC;AAED;;;;;;;;;;;GAWG;AACH,MAAM,UAAU,UAAU,CAAC,WAAsC;IAC/D,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,YAAY,CAAU,YAAY,CAAC,CAAA;IACjE,SAAS,CACP,eAAe,CACb,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,OAAO,WAAW,KAAK,UAAU,CAAC,CAAC,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,EAC/E,UAAU,CACX,CACF,CAAA;IACD,OAAO,OAAO,CAAA;AAChB,CAAC"}
+{"version":3,"file":"router.js","sourceRoot":"","sources":["../src/router.ts"],"names":[],"mappings":"AAcA,mFAAmF;AACnF,qEAAqE;AACrE,OAAO,EACL,kBAAkB,EAClB,YAAY,EACZ,eAAe,EACf,eAAe,GAChB,MAAM,qBAAqB,CAAA;AAC5B,6EAA6E;AAC7E,OAAO,EAAE,YAAY,EAAE,MAAM,uCAAuC,CAAA;AACpE;;;;;;GAMG;AACH,OAAO,EAGL,aAAa,EACb,UAAU,EACV,YAAY,EACZ,SAAS,EACT,UAAU,GACX,MAAM,UAAU,CAAA;AACjB,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAA;AAElD,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAA;AAGhF,6FAA6F;AAC7F,MAAM,YAAY,GAAsC,MAAM,CAAC,MAAM,CAAC,EAAE,CAAC,CAAA;AACzE,MAAM,qBAAqB,GAAsC,GAAG,EAAE,CAAC,YAAY,CAAA;AAEnF;;;;;;2BAM2B;AAC3B,MAAM,mBAAmB,GAAG,MAAM,CAAC,GAAG,CAAC,gCAAgC,CAAC,CAAA;AACxE,MAAM,iBAAiB,GAAG,UAEzB,CAAA;AACD,MAAM,CAAC,MAAM,aAAa,GACxB,iBAAiB,CAAC,mBAAmB,CAAC,IAAI,aAAa,EAAqC,CAAA;AAC9F,iBAAiB,CAAC,mBAAmB,CAAC,GAAG,aAAa,CAAA;AAEtD;sGACsG;AACtG,MAAM,kBAAkB,GAAG,MAAM,CAAC,GAAG,CAAC,+BAA+B,CAAC,CAAA;AACtE,MAAM,gBAAgB,GAAG,UAAyE,CAAA;AAClG,MAAM,CAAC,MAAM,kBAAkB,GAC7B,gBAAgB,CAAC,kBAAkB,CAAC,IAAI,aAAa,EAAe,CAAA;AACtE,gBAAgB,CAAC,kBAAkB,CAAC,GAAG,kBAAkB,CAAA;AAEzD,MAAM,UAAU,GAAuB,MAAM,CAAC,MAAM,CAAC,EAAE,CAAC,CAAA;AAExD;;;;;;;;;;;GAWG;AACH,MAAM,UAAU,UAAU;IACxB,MAAM,KAAK,GAAG,UAAU,CAAC,kBAAkB,CAAC,CAAA;IAC5C,IAAI,KAAK,KAAK,SAAS;QAAE,OAAO,GAAG,EAAE,CAAC,UAAU,CAAA;IAChD,OAAO,UAAU,CAAC,GAAG,EAAE,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC,CAAA;AAC9C,CAAC;AAED;;;;;;;;;;;GAWG;AACH,MAAM,UAAU,SAAS;IAGvB,OAAO,CAAC,UAAU,CAAC,aAAa,CAAC,IAAI,qBAAqB,CAEzD,CAAA;AACH,CAAC;AAED;;kCAEkC;AAClC,MAAM,UAAU,WAAW;IACzB,OAAO,CAAC,CAAC,EAAyC,EAAE,OAAyB,EAAE,EAAE;QAC/E,MAAM,QAAQ,GAAG,kBAAkB,EAAE,CAAA;QACrC,IAAI,QAAQ,KAAK,SAAS;YAAE,OAAM;QAClC,MAAM,QAAQ,GAAG,eAAe,CAAC,EAAE,EAAE,OAAO,CAAC,CAAA;QAC7C,QAAQ,CAAC,QAAQ,CAAC,EAAE,EAAE,QAAQ,CAAC,OAAO,CAAC,CAAA;IACzC,CAAC,CAAqB,CAAA;AACxB,CAAC;AAED;;;;;;;;;;;GAWG;AACH,MAAM,UAAU,UAAU,CAAC,WAAsC;IAC/D,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,YAAY,CAAU,YAAY,CAAC,CAAA;IACjE,MAAM,IAAI,GAAG,UAAU,CAAC,WAAW,CAAC,CAAA;IACpC,SAAS,CACP,eAAe,CACb,CAAC,IAAI,EAAE,EAAE,CACP,IAAI,EAAE,MAAM,EAAE,KAAK,IAAI;QACvB,CAAC,OAAO,WAAW,KAAK,UAAU,CAAC,CAAC,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,EACvE,UAAU,CACX,CACF,CAAA;IACD,OAAO,OAAO,CAAA;AAChB,CAAC"}

package/dist/server-components/Outlet.jsx

@@ -24,7 +24,7 @@ function Range(props) {
         if (controller !== undefined)
             void (props.controller === undefined
                 ? controller.dispose()
-                : controller.unmount(record.instance));
+                : controller.unmount(record.instance, host));
     });
     createEffect(() => {
         const state = props.state;

package/dist/server-components/Outlet.jsx.map

@@ -1 +1 @@
-{"version":3,"file":"Outlet.jsx","sourceRoot":"","sources":["../../src/server-components/Outlet.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,mBAAmB,EAInB,sBAAsB,GACvB,MAAM,uCAAuC,CAAA;AAC9C,OAAO,EAAE,YAAY,EAAE,UAAU,EAAY,SAAS,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAA;AACvF,MAAM,UAAU,eAAe,CAAqB,KAQnD;IACC,MAAM,MAAM,GAAG,UAAU,CAAC,GAAG,EAAE,CAC7B,sBAAsB,CACpB,KAAK,CAAC,KAAK,EACX,KAAK,CAAC,SAAS,EACf,KAAK,CAAC,WAAW,EACjB,KAAK,CAAC,KAAK,EACX,KAAK,CAAC,MAAM,IAAI,IAAI,CACrB,CACF,CAAA;IACD,OAAO,CACL,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,MAAM,EAAE,CAAC,QAAQ,CAAC,CAClC;MAAA,CAAC,CAAC,SAAiB,EAAE,EAAE,CAAC,CACtB,CAAC,KAAK,CACJ,KAAK,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CACnB,MAAM,CAAC,CAAC,MAAM,EAAE,CAAC,CACjB,UAAU,CAAC,CAAC,KAAK,CAAC,UAAU,CAAC,CAC7B,aAAa,CAAC,CAAC,KAAK,CAAC,aAAa,CAAC,EACnC,CACH,CACH;IAAA,EAAE,IAAI,CAAC,CACR,CAAA;AACH,CAAC;AACD,SAAS,KAAK,CAAC,KAKd;IACC,MAAM,MAAM,GAAG,KAAK,CAAC,MAAM,CAAA;IAC3B,IAAI,IAAqB,CAAA;IACzB,IAAI,UAA2C,CAAA;IAC/C,OAAO,CAAC,GAAG,EAAE;QACX,IAAI,KAAK,CAAC,UAAU,KAAK,SAAS,IAAI,KAAK,CAAC,aAAa,KAAK,SAAS;YACrE,MAAM,IAAI,KAAK,CAAC,oBAAoB,CAAC,CAAA;QACvC,UAAU;YACR,KAAK,CAAC,UAAU;gBAChB,IAAI,mBAAmB,CAAC,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,OAAO,EAAE,KAAK,CAAC,aAAc,EAAE,CAAC,CAAA;QAChF,KAAK,UAAU,CAAC,KAAK,CAAC,IAAI,EAAE,MAAM,CAAC,QAAQ,CAAC,CAAC,KAAK,CAAC,GAAG,EAAE;YACtD,MAAM,IAAI,KAAK,CAAC,kBAAkB,CAAC,CAAA;QACrC,CAAC,CAAC,CAAA;IACJ,CAAC,CAAC,CAAA;IACF,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,UAAU,KAAK,SAAS;YAC1B,KAAK,CAAC,KAAK,CAAC,UAAU,KAAK,SAAS;gBAClC,CAAC,CAAC,UAAU,CAAC,OAAO,EAAE;gBACtB,CAAC,CAAC,UAAU,CAAC,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAA;IAC5C,CAAC,CAAC,CAAA;IACF,YAAY,CAAC,GAAG,EAAE;QAChB,MAAM,KAAK,GAAG,KAAK,CAAC,KAAK,CAAA;QACzB,IAAI,UAAU,KAAK,SAAS;YAC1B,KAAK,UAAU,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC,UAAU,EAAE,WAAW,CAAC,kBAAkB,CAAC,CAAC,CAAA;IACzF,CAAC,CAAC,CAAA;IACF,OAAO,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,CAAC,oBAAoB,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,SAAS,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,EAAG,CAAA;AAC1F,CAAC"}
+{"version":3,"file":"Outlet.jsx","sourceRoot":"","sources":["../../src/server-components/Outlet.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,mBAAmB,EAInB,sBAAsB,GACvB,MAAM,uCAAuC,CAAA;AAC9C,OAAO,EAAE,YAAY,EAAE,UAAU,EAAY,SAAS,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAA;AACvF,MAAM,UAAU,eAAe,CAAqB,KAQnD;IACC,MAAM,MAAM,GAAG,UAAU,CAAC,GAAG,EAAE,CAC7B,sBAAsB,CACpB,KAAK,CAAC,KAAK,EACX,KAAK,CAAC,SAAS,EACf,KAAK,CAAC,WAAW,EACjB,KAAK,CAAC,KAAK,EACX,KAAK,CAAC,MAAM,IAAI,IAAI,CACrB,CACF,CAAA;IACD,OAAO,CACL,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,MAAM,EAAE,CAAC,QAAQ,CAAC,CAClC;MAAA,CAAC,CAAC,SAAiB,EAAE,EAAE,CAAC,CACtB,CAAC,KAAK,CACJ,KAAK,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CACnB,MAAM,CAAC,CAAC,MAAM,EAAE,CAAC,CACjB,UAAU,CAAC,CAAC,KAAK,CAAC,UAAU,CAAC,CAC7B,aAAa,CAAC,CAAC,KAAK,CAAC,aAAa,CAAC,EACnC,CACH,CACH;IAAA,EAAE,IAAI,CAAC,CACR,CAAA;AACH,CAAC;AACD,SAAS,KAAK,CAAC,KAKd;IACC,MAAM,MAAM,GAAG,KAAK,CAAC,MAAM,CAAA;IAC3B,IAAI,IAAqB,CAAA;IACzB,IAAI,UAA2C,CAAA;IAC/C,OAAO,CAAC,GAAG,EAAE;QACX,IAAI,KAAK,CAAC,UAAU,KAAK,SAAS,IAAI,KAAK,CAAC,aAAa,KAAK,SAAS;YACrE,MAAM,IAAI,KAAK,CAAC,oBAAoB,CAAC,CAAA;QACvC,UAAU;YACR,KAAK,CAAC,UAAU;gBAChB,IAAI,mBAAmB,CAAC,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,OAAO,EAAE,KAAK,CAAC,aAAc,EAAE,CAAC,CAAA;QAChF,KAAK,UAAU,CAAC,KAAK,CAAC,IAAI,EAAE,MAAM,CAAC,QAAQ,CAAC,CAAC,KAAK,CAAC,GAAG,EAAE;YACtD,MAAM,IAAI,KAAK,CAAC,kBAAkB,CAAC,CAAA;QACrC,CAAC,CAAC,CAAA;IACJ,CAAC,CAAC,CAAA;IACF,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,UAAU,KAAK,SAAS;YAC1B,KAAK,CAAC,KAAK,CAAC,UAAU,KAAK,SAAS;gBAClC,CAAC,CAAC,UAAU,CAAC,OAAO,EAAE;gBACtB,CAAC,CAAC,UAAU,CAAC,OAAO,CAAC,MAAM,CAAC,QAAQ,EAAE,IAAI,CAAC,CAAC,CAAA;IAClD,CAAC,CAAC,CAAA;IACF,YAAY,CAAC,GAAG,EAAE;QAChB,MAAM,KAAK,GAAG,KAAK,CAAC,KAAK,CAAA;QACzB,IAAI,UAAU,KAAK,SAAS;YAC1B,KAAK,UAAU,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC,UAAU,EAAE,WAAW,CAAC,kBAAkB,CAAC,CAAC,CAAA;IACzF,CAAC,CAAC,CAAA;IACF,OAAO,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,CAAC,oBAAoB,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,SAAS,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,EAAG,CAAA;AAC1F,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nifrajs/web-solid",
-  "version": "5.5.1",
+  "version": "5.6.0",
   "description": "Solid render adapter for @nifrajs/web - SSR + hydration, with the Solid Babel build plugin (@nifrajs/web-solid/plugin).",
   "keywords": [
     "bun",
@@ -31,6 +31,11 @@
       "types": "./dist/client.d.ts",
       "default": "./dist/client.js"
     },
+    "./keep-alive": {
+      "bun": "./src/keep-alive.ts",
+      "types": "./dist/keep-alive.d.ts",
+      "default": "./dist/keep-alive.js"
+    },
     "./plugin": {
       "bun": "./src/plugin.ts",
       "types": "./dist/plugin.d.ts",
@@ -41,6 +46,11 @@
       "types": "./dist/await.d.ts",
       "default": "./dist/await.js"
     },
+    "./ppr": {
+      "bun": "./src/ppr.ts",
+      "types": "./dist/ppr.d.ts",
+      "default": "./dist/ppr.js"
+    },
     "./fetcher": {
       "bun": "./src/fetcher.ts",
       "types": "./dist/fetcher.d.ts",
@@ -122,10 +132,10 @@
   "dependencies": {
     "@babel/core": "^7.26.0",
     "@babel/preset-typescript": "^7.26.0",
-    "@nifrajs/core": "5.5.1",
-    "@nifrajs/i18n": "5.5.1",
-    "@nifrajs/image": "5.5.1",
-    "@nifrajs/web": "5.5.1",
+    "@nifrajs/core": "5.6.0",
+    "@nifrajs/i18n": "5.6.0",
+    "@nifrajs/image": "5.6.0",
+    "@nifrajs/web": "5.6.0",
     "babel-preset-solid": "^1.9.3",
     "solid-refresh": "^0.7.8"
   },
@@ -141,6 +151,7 @@
   "devDependencies": {
     "@babel/types": "7.29.7",
     "@types/babel__core": "^7.20.5",
+    "happy-dom": "21.0.4",
     "solid-js": "^1.9.3"
   },
   "repository": {

package/src/client.ts

@@ -7,7 +7,7 @@ import type { MountRouterOptions, RenderProps } from "@nifrajs/web"
  * build; kept in its own entry so SSR code never ships to the client bundle. No JSX - Solid's package
  * build is plain `tsc`, so this uses Solid's runtime functions directly, like `compose`.
  */
-import { createSignal } from "solid-js"
+import { createMemo, createSignal } from "solid-js"
 import { hydrate as solidHydrate, render as solidRender } from "solid-js/web"
 import { compose } from "./compose.ts"
 import { setMountedRouter } from "./fetcher.ts"
@@ -58,7 +58,7 @@ export function mountRouter(options: MountRouterOptions): void {
       // and re-mounts below, so the root render fn reads no signal and never re-runs on its own.
       return compose(
         routes[initial.routeId] ?? [],
-        routeProps(snapshot, searchSchemas, matchChains),
+        routeProps(snapshot, searchSchemas, matchChains, (read) => createMemo(read)),
       )()
     }, el)
   }

package/src/content.ts

@@ -1,7 +1,7 @@
 /**
  * `@nifrajs/web-solid/content` - render pre-rendered HTML (e.g. a `@nifrajs/content` collection entry's
  * `.html`) into the DOM. Solid sets `innerHTML` reactively on a `<Dynamic>` element. Pairs with content
- * collections: `<Content html={entry.html} />`. No JSX (`createComponent`/`Dynamic`), so it builds with
+ * collections: `<Content html={trustHtml(entry.html)} />`, with `trustHtml` from `@nifrajs/web`. No JSX (`createComponent`/`Dynamic`), so it builds with
  * plain `tsc`.
  *
  * Security: injects raw HTML, so `html` MUST be trusted (your own Markdown/content, rendered at