@praxisjs/runtime 0.7.0 → 0.8.0

package/dist/hydration-context.d.ts

@@ -1,4 +1,9 @@
 import type { Scope } from "./scope";
+/**
+ * True during a hydration build pass (see runInRecording). Exported as a live binding so the hot
+ * render paths read a variable instead of calling isRecording() for every binding.
+ */
+export declare let recording: boolean;
 /**
  * Marks the synchronous "build" pass of a hydration attempt: `factory()` runs
  * completely normally (same create-mode code as a plain client render), but
@@ -14,8 +19,11 @@ interface PropRecord {
     scope: Scope;
 }
 export declare function recordProps(el: Element, props: Record<string, unknown>, scope: Scope): void;
+/** Adds one prop to an element's record, for elements whose props are applied one at a time. */
+export declare function recordProp(el: Element, key: string, value: unknown, scope: Scope): void;
 export declare function getRecordedProps(el: Element): PropRecord | undefined;
+export declare function onHydrationReplace(node: Node, replace: (real: Node) => void): void;
+export declare function getHydrationReplacer(node: Node): ((real: Node) => void) | undefined;
 export declare function registerReactiveNode(node: Node, owner: Node[]): void;
-export declare function getReactiveOwner(node: Node): Node[] | undefined;
 export {};
 //# sourceMappingURL=hydration-context.d.ts.map

package/dist/hydration-context.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"hydration-context.d.ts","sourceRoot":"","sources":["../src/hydration-context.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAIrC;;;;;;;GAOG;AACH,wBAAgB,cAAc,CAAC,CAAC,EAAE,EAAE,EAAE,MAAM,CAAC,GAAG,CAAC,CAQhD;AAED,wBAAgB,WAAW,IAAI,OAAO,CAErC;AAED,UAAU,UAAU;IAClB,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC/B,KAAK,EAAE,KAAK,CAAC;CACd;AAID,wBAAgB,WAAW,CAAC,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,KAAK,EAAE,KAAK,GAAG,IAAI,CAE3F;AAED,wBAAgB,gBAAgB,CAAC,EAAE,EAAE,OAAO,GAAG,UAAU,GAAG,SAAS,CAEpE;AAOD,wBAAgB,oBAAoB,CAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,GAAG,IAAI,CAEpE;AAED,wBAAgB,gBAAgB,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,EAAE,GAAG,SAAS,CAE/D"}
+{"version":3,"file":"hydration-context.d.ts","sourceRoot":"","sources":["../src/hydration-context.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAErC;;;GAGG;AAEH,eAAO,IAAI,SAAS,SAAQ,CAAC;AAE7B;;;;;;;GAOG;AACH,wBAAgB,cAAc,CAAC,CAAC,EAAE,EAAE,EAAE,MAAM,CAAC,GAAG,CAAC,CAQhD;AAED,wBAAgB,WAAW,IAAI,OAAO,CAErC;AAED,UAAU,UAAU;IAClB,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC/B,KAAK,EAAE,KAAK,CAAC;CACd;AAID,wBAAgB,WAAW,CAAC,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,KAAK,EAAE,KAAK,GAAG,IAAI,CAE3F;AAED,gGAAgG;AAChG,wBAAgB,UAAU,CAAC,EAAE,EAAE,OAAO,EAAE,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,GAAG,IAAI,CAIvF;AAED,wBAAgB,gBAAgB,CAAC,EAAE,EAAE,OAAO,GAAG,UAAU,GAAG,SAAS,CAEpE;AAQD,wBAAgB,kBAAkB,CAAC,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,GAAG,IAAI,CAGlF;AAED,wBAAgB,oBAAoB,CAAC,IAAI,EAAE,IAAI,GAAG,CAAC,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC,GAAG,SAAS,CAEnF;AAED,wBAAgB,oBAAoB,CAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,GAAG,IAAI,CAKpE"}

package/dist/hydration-context.js

@@ -1,4 +1,8 @@
-let _recording = false;
+/**
+ * True during a hydration build pass (see runInRecording). Exported as a live binding so the hot
+ * render paths read a variable instead of calling isRecording() for every binding.
+ */
+export let recording = false;
 /**
  * Marks the synchronous "build" pass of a hydration attempt: `factory()` runs
  * completely normally (same create-mode code as a plain client render), but
@@ -8,33 +12,50 @@ let _recording = false;
  * element instead of the fresh one. No-op / zero cost outside a build pass.
  */
 export function runInRecording(fn) {
-    const prev = _recording;
-    _recording = true;
+    const prev = recording;
+    recording = true;
     try {
         return fn();
     }
     finally {
-        _recording = prev;
+        recording = prev;
     }
 }
 export function isRecording() {
-    return _recording;
+    return recording;
 }
 const _propRecords = new WeakMap();
 export function recordProps(el, props, scope) {
     _propRecords.set(el, { props, scope });
 }
+/** Adds one prop to an element's record, for elements whose props are applied one at a time. */
+export function recordProp(el, key, value, scope) {
+    const record = _propRecords.get(el);
+    if (record === undefined)
+        _propRecords.set(el, { props: { [key]: value }, scope });
+    else
+        record.props[key] = value;
+}
 export function getRecordedProps(el) {
     return _propRecords.get(el);
 }
-// mountReactive() keeps a `currentNodes` array (by reference) for diffing its
-// *next* update. If reconcile() replaces one of those fresh nodes with a real
-// one, it needs to overwrite that array in place so the closure sees the swap.
-const _reactiveOwners = new WeakMap();
-export function registerReactiveNode(node, owner) {
-    _reactiveOwners.set(node, owner);
+// Code that keeps references to fresh nodes for its *next* update (mountReactive's
+// `currentNodes`, a list row's boundaries) registers how to repoint them, so reconcile()
+// can tell it when it keeps a real element in place of a fresh one. One node can have several
+// owners (a list row's element is also part of the nodes an enclosing reactive child returned).
+const _replacers = new WeakMap();
+export function onHydrationReplace(node, replace) {
+    const prev = _replacers.get(node);
+    _replacers.set(node, prev === undefined ? replace : (real) => { prev(real); replace(real); });
+}
+export function getHydrationReplacer(node) {
+    return _replacers.get(node);
 }
-export function getReactiveOwner(node) {
-    return _reactiveOwners.get(node);
+export function registerReactiveNode(node, owner) {
+    onHydrationReplace(node, (real) => {
+        const idx = owner.indexOf(node);
+        if (idx !== -1)
+            owner[idx] = real;
+    });
 }
 //# sourceMappingURL=hydration-context.js.map

package/dist/hydration-context.js.map

@@ -1 +1 @@
-{"version":3,"file":"hydration-context.js","sourceRoot":"","sources":["../src/hydration-context.ts"],"names":[],"mappings":"AAEA,IAAI,UAAU,GAAG,KAAK,CAAC;AAEvB;;;;;;;GAOG;AACH,MAAM,UAAU,cAAc,CAAI,EAAW;IAC3C,MAAM,IAAI,GAAG,UAAU,CAAC;IACxB,UAAU,GAAG,IAAI,CAAC;IAClB,IAAI,CAAC;QACH,OAAO,EAAE,EAAE,CAAC;IACd,CAAC;YAAS,CAAC;QACT,UAAU,GAAG,IAAI,CAAC;IACpB,CAAC;AACH,CAAC;AAED,MAAM,UAAU,WAAW;IACzB,OAAO,UAAU,CAAC;AACpB,CAAC;AAOD,MAAM,YAAY,GAAG,IAAI,OAAO,EAAuB,CAAC;AAExD,MAAM,UAAU,WAAW,CAAC,EAAW,EAAE,KAA8B,EAAE,KAAY;IACnF,YAAY,CAAC,GAAG,CAAC,EAAE,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,CAAC;AACzC,CAAC;AAED,MAAM,UAAU,gBAAgB,CAAC,EAAW;IAC1C,OAAO,YAAY,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC;AAC9B,CAAC;AAED,8EAA8E;AAC9E,8EAA8E;AAC9E,+EAA+E;AAC/E,MAAM,eAAe,GAAG,IAAI,OAAO,EAAgB,CAAC;AAEpD,MAAM,UAAU,oBAAoB,CAAC,IAAU,EAAE,KAAa;IAC5D,eAAe,CAAC,GAAG,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;AACnC,CAAC;AAED,MAAM,UAAU,gBAAgB,CAAC,IAAU;IACzC,OAAO,eAAe,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;AACnC,CAAC"}
+{"version":3,"file":"hydration-context.js","sourceRoot":"","sources":["../src/hydration-context.ts"],"names":[],"mappings":"AAEA;;;GAGG;AAEH,MAAM,CAAC,IAAI,SAAS,GAAG,KAAK,CAAC;AAE7B;;;;;;;GAOG;AACH,MAAM,UAAU,cAAc,CAAI,EAAW;IAC3C,MAAM,IAAI,GAAG,SAAS,CAAC;IACvB,SAAS,GAAG,IAAI,CAAC;IACjB,IAAI,CAAC;QACH,OAAO,EAAE,EAAE,CAAC;IACd,CAAC;YAAS,CAAC;QACT,SAAS,GAAG,IAAI,CAAC;IACnB,CAAC;AACH,CAAC;AAED,MAAM,UAAU,WAAW;IACzB,OAAO,SAAS,CAAC;AACnB,CAAC;AAOD,MAAM,YAAY,GAAG,IAAI,OAAO,EAAuB,CAAC;AAExD,MAAM,UAAU,WAAW,CAAC,EAAW,EAAE,KAA8B,EAAE,KAAY;IACnF,YAAY,CAAC,GAAG,CAAC,EAAE,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,CAAC;AACzC,CAAC;AAED,gGAAgG;AAChG,MAAM,UAAU,UAAU,CAAC,EAAW,EAAE,GAAW,EAAE,KAAc,EAAE,KAAY;IAC/E,MAAM,MAAM,GAAG,YAAY,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC;IACpC,IAAI,MAAM,KAAK,SAAS;QAAE,YAAY,CAAC,GAAG,CAAC,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,CAAC,GAAG,CAAC,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,CAAC,CAAC;;QAC9E,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC;AACjC,CAAC;AAED,MAAM,UAAU,gBAAgB,CAAC,EAAW;IAC1C,OAAO,YAAY,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC;AAC9B,CAAC;AAED,mFAAmF;AACnF,yFAAyF;AACzF,8FAA8F;AAC9F,gGAAgG;AAChG,MAAM,UAAU,GAAG,IAAI,OAAO,EAA8B,CAAC;AAE7D,MAAM,UAAU,kBAAkB,CAAC,IAAU,EAAE,OAA6B;IAC1E,MAAM,IAAI,GAAG,UAAU,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;IAClC,UAAU,CAAC,GAAG,CAAC,IAAI,EAAE,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,IAAI,EAAE,EAAE,GAAG,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;AAChG,CAAC;AAED,MAAM,UAAU,oBAAoB,CAAC,IAAU;IAC7C,OAAO,UAAU,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;AAC9B,CAAC;AAED,MAAM,UAAU,oBAAoB,CAAC,IAAU,EAAE,KAAa;IAC5D,kBAAkB,CAAC,IAAI,EAAE,CAAC,IAAI,EAAE,EAAE;QAChC,MAAM,GAAG,GAAG,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;QAChC,IAAI,GAAG,KAAK,CAAC,CAAC;YAAE,KAAK,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC;IACpC,CAAC,CAAC,CAAC;AACL,CAAC"}

package/dist/hydration.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"hydration.d.ts","sourceRoot":"","sources":["../src/hydration.ts"],"names":[],"mappings":"AAuBA;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,SAAS,CAAC,UAAU,EAAE,IAAI,EAAE,aAAa,EAAE,IAAI,EAAE,GAAG,IAAI,CA8BvE"}
+{"version":3,"file":"hydration.d.ts","sourceRoot":"","sources":["../src/hydration.ts"],"names":[],"mappings":"AAkBA;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,SAAS,CAAC,UAAU,EAAE,IAAI,EAAE,aAAa,EAAE,IAAI,EAAE,GAAG,IAAI,CA8BvE"}

package/dist/hydration.js

@@ -1,5 +1,5 @@
 import { applyProp } from "./dom/props";
-import { getReactiveOwner, getRecordedProps } from "./hydration-context";
+import { getHydrationReplacer, getRecordedProps } from "./hydration-context";
 function replayProps(real, fresh) {
     const record = getRecordedProps(fresh);
     if (!record)
@@ -10,17 +10,10 @@ function replayProps(real, fresh) {
         applyProp(real, key, record.props[key], record.scope);
     }
 }
-// mountReactive()'s `currentNodes` array holds fresh node references for its
-// *next* diff. If we're keeping `real` instead of `fresh` here, that array
-// needs to see the swap too — it's registered by reference, so this mutation
-// is visible to whichever effect closure owns it.
+// mountReactive()'s `currentNodes` and list rows keep fresh node references for their
+// *next* update. If we're keeping `real` instead of `fresh` here, they need to see the swap.
 function notifyReplacement(fresh, real) {
-    const owner = getReactiveOwner(fresh);
-    if (!owner)
-        return;
-    const idx = owner.indexOf(fresh);
-    if (idx !== -1)
-        owner[idx] = real;
+    getHydrationReplacer(fresh)?.(real);
 }
 /**
  * Walks `freshChildren` (the complete, correctly-nested output of a normal

package/dist/hydration.js.map

@@ -1 +1 @@
-{"version":3,"file":"hydration.js","sourceRoot":"","sources":["../src/hydration.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAEzE,SAAS,WAAW,CAAC,IAAa,EAAE,KAAc;IAChD,MAAM,MAAM,GAAG,gBAAgB,CAAC,KAAK,CAAC,CAAC;IACvC,IAAI,CAAC,MAAM;QAAE,OAAO;IACpB,KAAK,MAAM,GAAG,IAAI,MAAM,CAAC,KAAK,EAAE,CAAC;QAC/B,IAAI,GAAG,KAAK,UAAU;YAAE,SAAS;QACjC,SAAS,CAAC,IAAI,EAAE,GAAG,EAAE,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC,EAAE,MAAM,CAAC,KAAK,CAAC,CAAC;IACxD,CAAC;AACH,CAAC;AAED,6EAA6E;AAC7E,2EAA2E;AAC3E,6EAA6E;AAC7E,kDAAkD;AAClD,SAAS,iBAAiB,CAAC,KAAW,EAAE,IAAU;IAChD,MAAM,KAAK,GAAG,gBAAgB,CAAC,KAAK,CAAC,CAAC;IACtC,IAAI,CAAC,KAAK;QAAE,OAAO;IACnB,MAAM,GAAG,GAAG,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;IACjC,IAAI,GAAG,KAAK,CAAC,CAAC;QAAE,KAAK,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC;AACpC,CAAC;AAED;;;;;;;;;;;;;;;GAeG;AACH,MAAM,UAAU,SAAS,CAAC,UAAgB,EAAE,aAAqB;IAC/D,IAAI,UAAU,GAAqB,UAAU,CAAC,UAAU,CAAC;IAEzD,KAAK,MAAM,KAAK,IAAI,aAAa,EAAE,CAAC;QAClC,IACE,KAAK,CAAC,QAAQ,KAAK,IAAI,CAAC,YAAY;YACpC,UAAU,EAAE,QAAQ,KAAK,IAAI,CAAC,YAAY;YACzC,UAAsB,CAAC,SAAS,KAAM,KAAiB,CAAC,SAAS,EAClE,CAAC;YACD,MAAM,IAAI,GAAG,UAAqB,CAAC;YACnC,UAAU,GAAG,IAAI,CAAC,WAAW,CAAC;YAC9B,WAAW,CAAC,IAAI,EAAE,KAAgB,CAAC,CAAC;YACpC,SAAS,CAAC,IAAI,EAAE,KAAK,CAAC,IAAI,CAAE,KAAiB,CAAC,UAAU,CAAC,CAAC,CAAC;YAC3D,iBAAiB,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC;YAC/B,SAAS;QACX,CAAC;QAED,IAAI,UAAU,EAAE,CAAC;YACf,MAAM,KAAK,GAAG,UAAU,CAAC;YACzB,UAAU,GAAG,UAAU,CAAC,WAAW,CAAC;YACpC,KAAK,CAAC,MAAM,EAAE,CAAC;QACjB,CAAC;QACD,UAAU,CAAC,YAAY,CAAC,KAAK,EAAE,UAAU,CAAC,CAAC;IAC7C,CAAC;IAED,OAAO,UAAU,EAAE,CAAC;QAClB,MAAM,KAAK,GAAG,UAAU,CAAC;QACzB,UAAU,GAAG,UAAU,CAAC,WAAW,CAAC;QACpC,KAAK,CAAC,MAAM,EAAE,CAAC;IACjB,CAAC;AACH,CAAC"}
+{"version":3,"file":"hydration.js","sourceRoot":"","sources":["../src/hydration.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,oBAAoB,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAE7E,SAAS,WAAW,CAAC,IAAa,EAAE,KAAc;IAChD,MAAM,MAAM,GAAG,gBAAgB,CAAC,KAAK,CAAC,CAAC;IACvC,IAAI,CAAC,MAAM;QAAE,OAAO;IACpB,KAAK,MAAM,GAAG,IAAI,MAAM,CAAC,KAAK,EAAE,CAAC;QAC/B,IAAI,GAAG,KAAK,UAAU;YAAE,SAAS;QACjC,SAAS,CAAC,IAAI,EAAE,GAAG,EAAE,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC,EAAE,MAAM,CAAC,KAAK,CAAC,CAAC;IACxD,CAAC;AACH,CAAC;AAED,sFAAsF;AACtF,6FAA6F;AAC7F,SAAS,iBAAiB,CAAC,KAAW,EAAE,IAAU;IAChD,oBAAoB,CAAC,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC;AACtC,CAAC;AAED;;;;;;;;;;;;;;;GAeG;AACH,MAAM,UAAU,SAAS,CAAC,UAAgB,EAAE,aAAqB;IAC/D,IAAI,UAAU,GAAqB,UAAU,CAAC,UAAU,CAAC;IAEzD,KAAK,MAAM,KAAK,IAAI,aAAa,EAAE,CAAC;QAClC,IACE,KAAK,CAAC,QAAQ,KAAK,IAAI,CAAC,YAAY;YACpC,UAAU,EAAE,QAAQ,KAAK,IAAI,CAAC,YAAY;YACzC,UAAsB,CAAC,SAAS,KAAM,KAAiB,CAAC,SAAS,EAClE,CAAC;YACD,MAAM,IAAI,GAAG,UAAqB,CAAC;YACnC,UAAU,GAAG,IAAI,CAAC,WAAW,CAAC;YAC9B,WAAW,CAAC,IAAI,EAAE,KAAgB,CAAC,CAAC;YACpC,SAAS,CAAC,IAAI,EAAE,KAAK,CAAC,IAAI,CAAE,KAAiB,CAAC,UAAU,CAAC,CAAC,CAAC;YAC3D,iBAAiB,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC;YAC/B,SAAS;QACX,CAAC;QAED,IAAI,UAAU,EAAE,CAAC;YACf,MAAM,KAAK,GAAG,UAAU,CAAC;YACzB,UAAU,GAAG,UAAU,CAAC,WAAW,CAAC;YACpC,KAAK,CAAC,MAAM,EAAE,CAAC;QACjB,CAAC;QACD,UAAU,CAAC,YAAY,CAAC,KAAK,EAAE,UAAU,CAAC,CAAC;IAC7C,CAAC;IAED,OAAO,UAAU,EAAE,CAAC;QAClB,MAAM,KAAK,GAAG,UAAU,CAAC;QACzB,UAAU,GAAG,UAAU,CAAC,WAAW,CAAC;QACpC,KAAK,CAAC,MAAM,EAAE,CAAC;IACjB,CAAC;AACH,CAAC"}

package/dist/index.d.ts

@@ -1,14 +1,21 @@
+/**
+ * Lets render() hydrate the HTML `@praxisjs/ssg` prerendered. `ssgPlugin()` calls it at the start of
+ * the client bundle, so apps it builds need nothing more; a page prerendered another way calls it
+ * once before render(). Without it, a container carrying the hydration marker is cleared and
+ * mounted fresh.
+ */
+export declare function enableHydration(): void;
 /**
  * Renders a component tree into a container element.
  *
  * The factory function is called once inside the root scope,
  * so `jsx()` can access the current scope via `getCurrentScope()`.
  *
- * If `container` carries the marker `@praxisjs/ssg` stamps onto prerendered
- * HTML, the tree is built normally into a detached scratch node and then
- * reconciled against the existing DOM (real elements are kept and have their
- * props/listeners replayed onto them; text/comments and any mismatched nodes
- * are recreated) instead of clearing the container and mounting fresh.
+ * Once hydration is enabled (see `enableHydration()`), a `container` carrying the marker
+ * `@praxisjs/ssg` stamps onto prerendered HTML has its tree built normally into a detached
+ * scratch node and then reconciled against the existing DOM (real elements are kept and have their
+ * props/listeners replayed onto them; text/comments and any mismatched nodes are recreated)
+ * instead of being cleared and mounted fresh.
  *
  * @example
  * render(() => <App />, document.getElementById('app'));
@@ -17,6 +24,10 @@ export declare function render(factory: () => Node | Node[] | null, container: H
 export { Scope } from "./scope";
 export { runInScope, getCurrentScope } from "./context";
 export { mountElement } from "./element";
+export { mountChildren } from "./children";
+export { template as _$template, html as _$html, element as _$element, prop as _$prop, reactive as _$reactive, insert as _$insert, reactiveOnly as _$reactiveOnly, insertOnly as _$insertOnly, on as _$on, event as _$event, onEvent as _$onEvent, className as _$className, scope as _$scope, } from "./template";
 export { mountComponent } from "./component";
+export { registerHot as _$hmrRegister, acceptsHotUpdate as _$hmrAccepts } from "./hmr";
 export { Portal, type PortalProps } from "./portal";
+export { For, Index, type ForProps, type IndexProps, type ListSource, type ListTransition, } from "./list";
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAqDA;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,MAAM,CACpB,OAAO,EAAE,MAAM,IAAI,GAAG,IAAI,EAAE,GAAG,IAAI,EACnC,SAAS,EAAE,WAAW,GACrB,MAAM,IAAI,CAKZ;AAED,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,WAAW,CAAC;AACxD,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AACzC,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAC7C,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,UAAU,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAiEA;;;;;GAKG;AACH,wBAAgB,eAAe,IAAI,IAAI,CAEtC;AAED;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,MAAM,CACpB,OAAO,EAAE,MAAM,IAAI,GAAG,IAAI,EAAE,GAAG,IAAI,EACnC,SAAS,EAAE,WAAW,GACrB,MAAM,IAAI,CAKZ;AAED,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,WAAW,CAAC;AACxD,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AACzC,OAAO,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAC3C,OAAO,EACL,QAAQ,IAAI,UAAU,EACtB,IAAI,IAAI,MAAM,EACd,OAAO,IAAI,SAAS,EACpB,IAAI,IAAI,MAAM,EACd,QAAQ,IAAI,UAAU,EACtB,MAAM,IAAI,QAAQ,EAClB,YAAY,IAAI,cAAc,EAC9B,UAAU,IAAI,YAAY,EAC1B,EAAE,IAAI,IAAI,EACV,KAAK,IAAI,OAAO,EAChB,OAAO,IAAI,SAAS,EACpB,SAAS,IAAI,WAAW,EACxB,KAAK,IAAI,OAAO,GACjB,MAAM,YAAY,CAAC;AACpB,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAC7C,OAAO,EAAE,WAAW,IAAI,aAAa,EAAE,gBAAgB,IAAI,YAAY,EAAE,MAAM,OAAO,CAAC;AACvF,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,UAAU,CAAC;AACpD,OAAO,EACL,GAAG,EACH,KAAK,EACL,KAAK,QAAQ,EACb,KAAK,UAAU,EACf,KAAK,UAAU,EACf,KAAK,cAAc,GACpB,MAAM,QAAQ,CAAC"}

package/dist/index.js

@@ -1,23 +1,29 @@
 import { mountChildren } from "./children";
 import { runInScope } from "./context";
+import { addEventRoot } from "./dom/events";
 import { reconcile } from "./hydration";
 import { runInRecording } from "./hydration-context";
 import { Scope } from "./scope";
+import { syncTemplateDocument } from "./template";
 /** Written by `@praxisjs/ssg` onto the mount container in its prerendered HTML. */
 const SSG_MARKER = "data-praxis-ssg";
 function mountCreate(factory, container) {
+    syncTemplateDocument();
     const rootScope = new Scope();
     container.innerHTML = "";
+    const removeEventRoot = addEventRoot(container);
     runInScope(rootScope, () => {
         const result = factory();
         mountChildren(container, result, rootScope);
     });
     return () => {
         rootScope.dispose();
+        removeEventRoot();
         container.innerHTML = "";
     };
 }
 function hydrate(factory, container) {
+    syncTemplateDocument();
     const rootScope = new Scope();
     const scratch = document.createDocumentFragment();
     // Build normally — same code as mountCreate, just into a detached scratch
@@ -31,35 +37,53 @@ function hydrate(factory, container) {
         });
     });
     reconcile(container, Array.from(scratch.childNodes));
+    const removeEventRoot = addEventRoot(container);
     return () => {
         rootScope.dispose();
+        removeEventRoot();
         container.innerHTML = "";
     };
 }
+// Reached only through enableHydration(), so an app that never calls it leaves the reconciliation
+// and every recording branch of the render paths out of its bundle.
+let hydrateRoot = null;
+/**
+ * Lets render() hydrate the HTML `@praxisjs/ssg` prerendered. `ssgPlugin()` calls it at the start of
+ * the client bundle, so apps it builds need nothing more; a page prerendered another way calls it
+ * once before render(). Without it, a container carrying the hydration marker is cleared and
+ * mounted fresh.
+ */
+export function enableHydration() {
+    hydrateRoot = hydrate;
+}
 /**
  * Renders a component tree into a container element.
  *
  * The factory function is called once inside the root scope,
  * so `jsx()` can access the current scope via `getCurrentScope()`.
  *
- * If `container` carries the marker `@praxisjs/ssg` stamps onto prerendered
- * HTML, the tree is built normally into a detached scratch node and then
- * reconciled against the existing DOM (real elements are kept and have their
- * props/listeners replayed onto them; text/comments and any mismatched nodes
- * are recreated) instead of clearing the container and mounting fresh.
+ * Once hydration is enabled (see `enableHydration()`), a `container` carrying the marker
+ * `@praxisjs/ssg` stamps onto prerendered HTML has its tree built normally into a detached
+ * scratch node and then reconciled against the existing DOM (real elements are kept and have their
+ * props/listeners replayed onto them; text/comments and any mismatched nodes are recreated)
+ * instead of being cleared and mounted fresh.
  *
  * @example
  * render(() => <App />, document.getElementById('app'));
  */
 export function render(factory, container) {
-    if (container.hasAttribute(SSG_MARKER)) {
-        return hydrate(factory, container);
+    if (hydrateRoot !== null && container.hasAttribute(SSG_MARKER)) {
+        return hydrateRoot(factory, container);
     }
     return mountCreate(factory, container);
 }
 export { Scope } from "./scope";
 export { runInScope, getCurrentScope } from "./context";
 export { mountElement } from "./element";
+export { mountChildren } from "./children";
+export { template as _$template, html as _$html, element as _$element, prop as _$prop, reactive as _$reactive, insert as _$insert, reactiveOnly as _$reactiveOnly, insertOnly as _$insertOnly, on as _$on, event as _$event, onEvent as _$onEvent, className as _$className, scope as _$scope, } from "./template";
 export { mountComponent } from "./component";
+export { registerHot as _$hmrRegister, acceptsHotUpdate as _$hmrAccepts } from "./hmr";
 export { Portal } from "./portal";
+export { For, Index, } from "./list";
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAC3C,OAAO,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC;AACvC,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AACrD,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAEhC,mFAAmF;AACnF,MAAM,UAAU,GAAG,iBAAiB,CAAC;AAErC,SAAS,WAAW,CAClB,OAAmC,EACnC,SAAsB;IAEtB,MAAM,SAAS,GAAG,IAAI,KAAK,EAAE,CAAC;IAC9B,SAAS,CAAC,SAAS,GAAG,EAAE,CAAC;IAEzB,UAAU,CAAC,SAAS,EAAE,GAAG,EAAE;QACzB,MAAM,MAAM,GAAG,OAAO,EAAE,CAAC;QACzB,aAAa,CAAC,SAAS,EAAE,MAAM,EAAE,SAAS,CAAC,CAAC;IAC9C,CAAC,CAAC,CAAC;IAEH,OAAO,GAAG,EAAE;QACV,SAAS,CAAC,OAAO,EAAE,CAAC;QACpB,SAAS,CAAC,SAAS,GAAG,EAAE,CAAC;IAC3B,CAAC,CAAC;AACJ,CAAC;AAED,SAAS,OAAO,CACd,OAAmC,EACnC,SAAsB;IAEtB,MAAM,SAAS,GAAG,IAAI,KAAK,EAAE,CAAC;IAC9B,MAAM,OAAO,GAAG,QAAQ,CAAC,sBAAsB,EAAE,CAAC;IAElD,0EAA0E;IAC1E,sEAAsE;IACtE,wEAAwE;IACxE,0DAA0D;IAC1D,cAAc,CAAC,GAAG,EAAE;QAClB,UAAU,CAAC,SAAS,EAAE,GAAG,EAAE;YACzB,MAAM,MAAM,GAAG,OAAO,EAAE,CAAC;YACzB,aAAa,CAAC,OAAO,EAAE,MAAM,EAAE,SAAS,CAAC,CAAC;QAC5C,CAAC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,SAAS,CAAC,SAAS,EAAE,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC,CAAC;IAErD,OAAO,GAAG,EAAE;QACV,SAAS,CAAC,OAAO,EAAE,CAAC;QACpB,SAAS,CAAC,SAAS,GAAG,EAAE,CAAC;IAC3B,CAAC,CAAC;AACJ,CAAC;AAED;;;;;;;;;;;;;;GAcG;AACH,MAAM,UAAU,MAAM,CACpB,OAAmC,EACnC,SAAsB;IAEtB,IAAI,SAAS,CAAC,YAAY,CAAC,UAAU,CAAC,EAAE,CAAC;QACvC,OAAO,OAAO,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC;IACrC,CAAC;IACD,OAAO,WAAW,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC;AACzC,CAAC;AAED,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,WAAW,CAAC;AACxD,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AACzC,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAC7C,OAAO,EAAE,MAAM,EAAoB,MAAM,UAAU,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}

package/dist/list.d.ts

@@ -0,0 +1,72 @@
+import { RootComponent } from "@praxisjs/core/internal";
+import type { Children } from "@praxisjs/shared";
+/** Anything with Promise-based `enter`/`leave` hooks, such as `createTransition()` from `@praxisjs/motion`. */
+export interface ListTransition {
+    enter?(el: HTMLElement): Promise<void>;
+    leave?(el: HTMLElement): Promise<void>;
+}
+export type ListSource<T> = readonly T[] | Iterable<T> | null | undefined | (() => readonly T[] | Iterable<T> | null | undefined);
+export interface ForProps<T> {
+    /** The items, or a function returning them. Only this function is tracked by the list. */
+    each: ListSource<T>;
+    /**
+     * Identifies an item across updates: a function of the item (and its index), or the name of a
+     * property holding the key. Defaults to the item itself.
+     */
+    by?: ((item: T, index: number) => unknown) | keyof T;
+    /** Rendered while the list is empty. A function is mounted (and disposed) each time it shows. */
+    fallback?: Children;
+    /** Runs `enter` on the elements of added rows and keeps removed rows until `leave` resolves. */
+    transition?: ListTransition;
+    /** Also run `transition.enter` for the rows of the first render. */
+    appear?: boolean;
+    /**
+     * Renders one row, once per key. `item()` returns the current item for that key and is reactive
+     * when read inside a binding; `index()` returns the row's current position.
+     */
+    children: (item: () => T, index: () => number) => Children;
+}
+export interface IndexProps<T> {
+    each: ListSource<T>;
+    fallback?: Children;
+    transition?: ListTransition;
+    appear?: boolean;
+    /** Renders the row at one position. `item()` is reactive and follows whatever sits at `index`. */
+    children: (item: () => T, index: number) => Children;
+}
+/**
+ * Longest increasing subsequence of `sources`, ignoring zeros (rows without a previous position).
+ * Returns the positions in `sources` that belong to it, in increasing order. O(n log n).
+ */
+export declare function longestIncreasingSubsequence(sources: Int32Array): Int32Array;
+/**
+ * Keyed list. Rows are created once per key and kept (with their DOM, state and effects) while the
+ * key stays in the list; reorders move the existing nodes with the minimum number of moves.
+ *
+ * @example
+ * <For each={() => this.todos} by={(todo) => todo.id} fallback={<p>Nothing to do</p>}>
+ *   {(todo, index) => <li>{() => `${index() + 1}. ${todo().title}`}</li>}
+ * </For>
+ */
+export declare class For<T> extends RootComponent<ForProps<T>> {
+    static readonly __isComponent: true;
+    static readonly __isStateless = true;
+    static readonly __jsxRawProps: true;
+    render(): Node | null;
+}
+/**
+ * Positional list, for primitives and lists without stable identity. Row `i` is created once and
+ * kept; when the value at `i` changes only the bindings reading `item()` update.
+ *
+ * @example
+ * <Index each={() => this.tags}>
+ *   {(tag, i) => <input value={() => tag()} onInput={(e) => { this.rename(i, e) }} />}
+ * </Index>
+ */
+export declare class Index<T> extends RootComponent<IndexProps<T>> {
+    static readonly __isComponent: true;
+    static readonly __isStateless = true;
+    static readonly __jsxRawProps: true;
+    render(): Node | null;
+}
+//# sourceMappingURL=list.d.ts.map

package/dist/list.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"list.d.ts","sourceRoot":"","sources":["../src/list.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,aAAa,EAOd,MAAM,yBAAyB,CAAC;AACjC,OAAO,KAAK,EAAE,QAAQ,EAAU,MAAM,kBAAkB,CAAC;AAUzD,+GAA+G;AAC/G,MAAM,WAAW,cAAc;IAC7B,KAAK,CAAC,CAAC,EAAE,EAAE,WAAW,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IACvC,KAAK,CAAC,CAAC,EAAE,EAAE,WAAW,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;CACxC;AAED,MAAM,MAAM,UAAU,CAAC,CAAC,IACpB,SAAS,CAAC,EAAE,GACZ,QAAQ,CAAC,CAAC,CAAC,GACX,IAAI,GACJ,SAAS,GACT,CAAC,MAAM,SAAS,CAAC,EAAE,GAAG,QAAQ,CAAC,CAAC,CAAC,GAAG,IAAI,GAAG,SAAS,CAAC,CAAC;AAE1D,MAAM,WAAW,QAAQ,CAAC,CAAC;IACzB,0FAA0F;IAC1F,IAAI,EAAE,UAAU,CAAC,CAAC,CAAC,CAAC;IACpB;;;OAGG;IACH,EAAE,CAAC,EAAE,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC,GAAG,MAAM,CAAC,CAAC;IACrD,iGAAiG;IACjG,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,gGAAgG;IAChG,UAAU,CAAC,EAAE,cAAc,CAAC;IAC5B,oEAAoE;IACpE,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;;OAGG;IACH,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,CAAC,EAAE,KAAK,EAAE,MAAM,MAAM,KAAK,QAAQ,CAAC;CAC5D;AAED,MAAM,WAAW,UAAU,CAAC,CAAC;IAC3B,IAAI,EAAE,UAAU,CAAC,CAAC,CAAC,CAAC;IACpB,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,UAAU,CAAC,EAAE,cAAc,CAAC;IAC5B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,kGAAkG;IAClG,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,QAAQ,CAAC;CACtD;AAmGD;;;GAGG;AACH,wBAAgB,4BAA4B,CAAC,OAAO,EAAE,UAAU,GAAG,UAAU,CA+B5E;AAynBD;;;;;;;;GAQG;AACH,qBAAa,GAAG,CAAC,CAAC,CAAE,SAAQ,aAAa,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;IACpD,MAAM,CAAC,QAAQ,CAAC,aAAa,EAAG,IAAI,CAAU;IAC9C,MAAM,CAAC,QAAQ,CAAC,aAAa,QAAQ;IACrC,MAAM,CAAC,QAAQ,CAAC,aAAa,EAAG,IAAI,CAAU;IAE9C,MAAM,IAAI,IAAI,GAAG,IAAI;CActB;AAED;;;;;;;;GAQG;AACH,qBAAa,KAAK,CAAC,CAAC,CAAE,SAAQ,aAAa,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC;IACxD,MAAM,CAAC,QAAQ,CAAC,aAAa,EAAG,IAAI,CAAU;IAC9C,MAAM,CAAC,QAAQ,CAAC,aAAa,QAAQ;IACrC,MAAM,CAAC,QAAQ,CAAC,aAAa,EAAG,IAAI,CAAU;IAE9C,MAAM,IAAI,IAAI,GAAG,IAAI;CActB"}