@praxisjs/runtime 0.6.0 → 0.7.0

package/dist/dom/events.js

@@ -1,5 +1,21 @@
+import { batch } from "@praxisjs/core/internal";
+// One wrapper per handler keeps addEventListener's dedupe of an identical listener intact.
+const batchedHandlers = new WeakMap();
+// Handlers run inside batch() so several signal writes in one event flush their effects once,
+// instead of re-running the same reactive subtree after every write.
+function batched(handler) {
+    let wrapper = batchedHandlers.get(handler);
+    if (!wrapper) {
+        wrapper = function (event) {
+            batch(() => { handler.call(this, event); });
+        };
+        batchedHandlers.set(handler, wrapper);
+    }
+    return wrapper;
+}
 export function addEvent(el, eventName, handler, scope) {
-    el.addEventListener(eventName, handler);
-    scope.add(() => { el.removeEventListener(eventName, handler); });
+    const listener = batched(handler);
+    el.addEventListener(eventName, listener);
+    scope.add(() => { el.removeEventListener(eventName, listener); });
 }
 //# sourceMappingURL=events.js.map

package/dist/dom/events.js.map

@@ -1 +1 @@
-{"version":3,"file":"events.js","sourceRoot":"","sources":["../../src/dom/events.ts"],"names":[],"mappings":"AAEA,MAAM,UAAU,QAAQ,CACtB,EAAW,EACX,SAAiB,EACjB,OAAsB,EACtB,KAAY;IAEZ,EAAE,CAAC,gBAAgB,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC;IACxC,KAAK,CAAC,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,CAAC,mBAAmB,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;AACnE,CAAC"}
+{"version":3,"file":"events.js","sourceRoot":"","sources":["../../src/dom/events.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,yBAAyB,CAAC;AAIhD,2FAA2F;AAC3F,MAAM,eAAe,GAAG,IAAI,OAAO,EAAgC,CAAC;AAEpE,8FAA8F;AAC9F,qEAAqE;AACrE,SAAS,OAAO,CAAC,OAAsB;IACrC,IAAI,OAAO,GAAG,eAAe,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;IAC3C,IAAI,CAAC,OAAO,EAAE,CAAC;QACb,OAAO,GAAG,UAAyB,KAAK;YACtC,KAAK,CAAC,GAAG,EAAE,GAAG,OAAO,CAAC,IAAI,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAC9C,CAAC,CAAC;QACF,eAAe,CAAC,GAAG,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC;IACxC,CAAC;IACD,OAAO,OAAO,CAAC;AACjB,CAAC;AAED,MAAM,UAAU,QAAQ,CACtB,EAAW,EACX,SAAiB,EACjB,OAAsB,EACtB,KAAY;IAEZ,MAAM,QAAQ,GAAG,OAAO,CAAC,OAAO,CAAC,CAAC;IAClC,EAAE,CAAC,gBAAgB,CAAC,SAAS,EAAE,QAAQ,CAAC,CAAC;IACzC,KAAK,CAAC,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,CAAC,mBAAmB,CAAC,SAAS,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;AACpE,CAAC"}

package/dist/dom/props.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../src/dom/props.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAqEtC,wBAAgB,SAAS,CACvB,EAAE,EAAE,OAAO,EACX,GAAG,EAAE,MAAM,EACX,KAAK,EAAE,OAAO,EACd,KAAK,EAAE,KAAK,GACX,IAAI,CAuBN"}
+{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../src/dom/props.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AA2FtC,wBAAgB,SAAS,CACvB,EAAE,EAAE,OAAO,EACX,GAAG,EAAE,MAAM,EACX,KAAK,EAAE,OAAO,EACd,KAAK,EAAE,KAAK,GACX,IAAI,CAwBN"}

package/dist/dom/props.js

@@ -1,3 +1,4 @@
+import { untrack } from "@praxisjs/core/internal";
 import { EVENT_MAP } from "./constants";
 import { addEvent } from "./events";
 function applyClass(el, value) {
@@ -42,10 +43,9 @@ function applyAttr(el, key, value) {
         el.setAttribute(key, String(value));
     }
 }
-// Read-only accessors (SVG geometry, `list`, `form`, `part`, `classList`…)
-// must be excluded here or assignment below throws.
-function hasWritableProperty(el, key) {
-    let target = el;
+const writableCache = new WeakMap();
+function lookupWritable(proto, key) {
+    let target = proto;
     while (target) {
         const descriptor = Object.getOwnPropertyDescriptor(target, key);
         if (descriptor) {
@@ -55,6 +55,27 @@ function hasWritableProperty(el, key) {
     }
     return false;
 }
+// Read-only accessors (SVG geometry, `list`, `form`, `part`, `classList`…)
+// must be excluded here or assignment below throws. The prototype walk is cached per
+// prototype because every element of a given tag repeats the same lookups; a property defined on
+// a prototype after its first lookup (e.g. a late polyfill) is therefore not picked up.
+function hasWritableProperty(el, key) {
+    const own = Object.getOwnPropertyDescriptor(el, key);
+    if (own)
+        return own.set !== undefined || own.writable === true;
+    const proto = Object.getPrototypeOf(el);
+    let keys = writableCache.get(proto);
+    if (!keys) {
+        keys = new Map();
+        writableCache.set(proto, keys);
+    }
+    let writable = keys.get(key);
+    if (writable === undefined) {
+        writable = lookupWritable(proto, key);
+        keys.set(key, writable);
+    }
+    return writable;
+}
 function setProp(el, key, value) {
     if (key === "class" || key === "className") {
         applyClass(el, value);
@@ -77,7 +98,8 @@ export function applyProp(el, key, value, scope) {
     if (normalizedKey === "key" || normalizedKey === "children")
         return;
     if (normalizedKey === "ref") {
-        value(el);
+        // untracked: a ref callback that reads a signal must not subscribe the enclosing reactive child
+        untrack(() => { value(el); });
         return;
     }
     if (normalizedKey in EVENT_MAP) {

package/dist/dom/props.js.map

@@ -1 +1 @@
-{"version":3,"file":"props.js","sourceRoot":"","sources":["../../src/dom/props.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"props.js","sourceRoot":"","sources":["../../src/dom/props.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAC;AAElD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AAIpC,SAAS,UAAU,CAAC,EAAW,EAAE,KAAc;IAC7C,IAAI,KAAK,KAAK,IAAI,IAAI,KAAK,KAAK,SAAS,EAAE,CAAC;QAC1C,EAAE,CAAC,eAAe,CAAC,OAAO,CAAC,CAAC;IAC9B,CAAC;SAAM,CAAC;QACN,gEAAgE;QAChE,EAAE,CAAC,YAAY,CAAC,OAAO,EAAE,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC;IAC1C,CAAC;AACH,CAAC;AAED,SAAS,UAAU,CAAC,EAAW,EAAE,KAAc;IAC7C,IAAI,KAAK,KAAK,IAAI,IAAI,KAAK,KAAK,SAAS,EAAE,CAAC;QAC1C,EAAE,CAAC,eAAe,CAAC,OAAO,CAAC,CAAC;IAC9B,CAAC;SAAM,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE,CAAC;QACrC,MAAM,MAAM,GAAG,EAAiB,CAAC;QACjC,MAAM,CAAC,eAAe,CAAC,OAAO,CAAC,CAAC;QAChC,KAAK,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,KAA+B,CAAC,EAAE,CAAC;YACrE,IAAI,CAAC,CAAC,UAAU,CAAC,IAAI,CAAC,EAAE,CAAC;gBACvB,MAAM,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;YACjC,CAAC;iBAAM,CAAC;gBACL,MAAM,CAAC,KAA2C,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC;YAC7D,CAAC;QACH,CAAC;IACH,CAAC;SAAM,CAAC;QACN,gEAAgE;QAChE,EAAE,CAAC,YAAY,CAAC,OAAO,EAAE,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC;IAC1C,CAAC;AACH,CAAC;AAED,SAAS,SAAS,CAAC,EAAW,EAAE,GAAW,EAAE,KAAc;IACzD,IAAI,KAAK,KAAK,KAAK,IAAI,KAAK,KAAK,IAAI,IAAI,KAAK,KAAK,SAAS,EAAE,CAAC;QAC7D,EAAE,CAAC,eAAe,CAAC,GAAG,CAAC,CAAC;IAC1B,CAAC;SAAM,IAAI,KAAK,KAAK,IAAI,EAAE,CAAC;QAC1B,EAAE,CAAC,YAAY,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC;IAC3B,CAAC;SAAM,CAAC;QACN,gEAAgE;QAChE,EAAE,CAAC,YAAY,CAAC,GAAG,EAAE,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC;IACtC,CAAC;AACH,CAAC;AAED,MAAM,aAAa,GAAG,IAAI,OAAO,EAAgC,CAAC;AAElE,SAAS,cAAc,CAAC,KAAa,EAAE,GAAW;IAChD,IAAI,MAAM,GAAkB,KAAK,CAAC;IAClC,OAAO,MAAM,EAAE,CAAC;QACd,MAAM,UAAU,GAAG,MAAM,CAAC,wBAAwB,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;QAChE,IAAI,UAAU,EAAE,CAAC;YACf,OAAO,UAAU,CAAC,GAAG,KAAK,SAAS,IAAI,UAAU,CAAC,QAAQ,KAAK,IAAI,CAAC;QACtE,CAAC;QACD,MAAM,GAAG,MAAM,CAAC,cAAc,CAAC,MAAM,CAAkB,CAAC;IAC1D,CAAC;IACD,OAAO,KAAK,CAAC;AACf,CAAC;AAED,2EAA2E;AAC3E,qFAAqF;AACrF,iGAAiG;AACjG,wFAAwF;AACxF,SAAS,mBAAmB,CAAC,EAAW,EAAE,GAAW;IACnD,MAAM,GAAG,GAAG,MAAM,CAAC,wBAAwB,CAAC,EAAE,EAAE,GAAG,CAAC,CAAC;IACrD,IAAI,GAAG;QAAE,OAAO,GAAG,CAAC,GAAG,KAAK,SAAS,IAAI,GAAG,CAAC,QAAQ,KAAK,IAAI,CAAC;IAE/D,MAAM,KAAK,GAAG,MAAM,CAAC,cAAc,CAAC,EAAE,CAAW,CAAC;IAClD,IAAI,IAAI,GAAG,aAAa,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;IACpC,IAAI,CAAC,IAAI,EAAE,CAAC;QACV,IAAI,GAAG,IAAI,GAAG,EAAE,CAAC;QACjB,aAAa,CAAC,GAAG,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC;IACjC,CAAC;IACD,IAAI,QAAQ,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IAC7B,IAAI,QAAQ,KAAK,SAAS,EAAE,CAAC;QAC3B,QAAQ,GAAG,cAAc,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC;QACtC,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,QAAQ,CAAC,CAAC;IAC1B,CAAC;IACD,OAAO,QAAQ,CAAC;AAClB,CAAC;AAED,SAAS,OAAO,CAAC,EAAW,EAAE,GAAW,EAAE,KAAc;IACvD,IAAI,GAAG,KAAK,OAAO,IAAI,GAAG,KAAK,WAAW,EAAE,CAAC;QAC3C,UAAU,CAAC,EAAE,EAAE,KAAK,CAAC,CAAC;IACxB,CAAC;SAAM,IAAI,GAAG,KAAK,OAAO,EAAE,CAAC;QAC3B,UAAU,CAAC,EAAE,EAAE,KAAK,CAAC,CAAC;IACxB,CAAC;SAAM,IAAI,KAAK,KAAK,IAAI,IAAI,KAAK,KAAK,SAAS,EAAE,CAAC;QACjD,EAAE,CAAC,eAAe,CAAC,GAAG,CAAC,CAAC;IAC1B,CAAC;SAAM,IAAI,mBAAmB,CAAC,EAAE,EAAE,GAAG,CAAC,EAAE,CAAC;QACvC,EAAyC,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC;IAC1D,CAAC;SAAM,CAAC;QACN,SAAS,CAAC,EAAE,EAAE,GAAG,EAAE,KAAK,CAAC,CAAC;IAC5B,CAAC;AACH,CAAC;AAED,MAAM,UAAU,SAAS,CACvB,EAAW,EACX,GAAW,EACX,KAAc,EACd,KAAY;IAEZ,MAAM,aAAa,GAAG,GAAG,KAAK,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC;IAEtD,IAAI,aAAa,KAAK,KAAK,IAAI,aAAa,KAAK,UAAU;QAAE,OAAO;IAEpE,IAAI,aAAa,KAAK,KAAK,EAAE,CAAC;QAC5B,gGAAgG;QAChG,OAAO,CAAC,GAAG,EAAE,GAAI,KAA+B,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QACzD,OAAO;IACT,CAAC;IAED,IAAI,aAAa,IAAI,SAAS,EAAE,CAAC;QAC/B,QAAQ,CAAC,EAAE,EAAE,SAAS,CAAC,aAAa,CAAC,EAAE,KAAsB,EAAE,KAAK,CAAC,CAAC;QACtE,OAAO;IACT,CAAC;IAED,IAAI,OAAO,KAAK,KAAK,UAAU,EAAE,CAAC;QAChC,KAAK,CAAC,MAAM,CAAC,GAAG,EAAE;YAChB,OAAO,CAAC,EAAE,EAAE,aAAa,EAAG,KAAuB,EAAE,CAAC,CAAC;QACzD,CAAC,CAAC,CAAC;QACH,OAAO;IACT,CAAC;IAED,OAAO,CAAC,EAAE,EAAE,aAAa,EAAE,KAAK,CAAC,CAAC;AACpC,CAAC"}

package/dist/dom/remove.d.ts

@@ -0,0 +1,2 @@
+export declare function removeNodes(nodes: Node[]): void;
+//# sourceMappingURL=remove.d.ts.map

package/dist/dom/remove.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"remove.d.ts","sourceRoot":"","sources":["../../src/dom/remove.ts"],"names":[],"mappings":"AAIA,wBAAgB,WAAW,CAAC,KAAK,EAAE,IAAI,EAAE,GAAG,IAAI,CAiB/C"}

package/dist/dom/remove.js

@@ -0,0 +1,23 @@
+// Replaces Range.deleteContents(): creating a Range per removal is several times slower than
+// walking the siblings, and unreachable Ranges stay registered with the document until collected.
+// Walking first → last (rather than only the tracked nodes) also removes anything a nested reactive
+// child inserted between them after mount, which is what the Range used to cover.
+export function removeNodes(nodes) {
+    const first = nodes[0];
+    const last = nodes[nodes.length - 1];
+    const parent = first.parentNode;
+    if (parent === null || last.parentNode !== parent) {
+        for (const node of nodes)
+            node.parentNode?.removeChild(node);
+        return;
+    }
+    let node = first;
+    while (node) {
+        const next = node.nextSibling;
+        parent.removeChild(node);
+        if (node === last)
+            return;
+        node = next;
+    }
+}
+//# sourceMappingURL=remove.js.map

package/dist/dom/remove.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"remove.js","sourceRoot":"","sources":["../../src/dom/remove.ts"],"names":[],"mappings":"AAAA,6FAA6F;AAC7F,kGAAkG;AAClG,oGAAoG;AACpG,kFAAkF;AAClF,MAAM,UAAU,WAAW,CAAC,KAAa;IACvC,MAAM,KAAK,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC;IACvB,MAAM,IAAI,GAAG,KAAK,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;IACrC,MAAM,MAAM,GAAG,KAAK,CAAC,UAAU,CAAC;IAEhC,IAAI,MAAM,KAAK,IAAI,IAAI,IAAI,CAAC,UAAU,KAAK,MAAM,EAAE,CAAC;QAClD,KAAK,MAAM,IAAI,IAAI,KAAK;YAAE,IAAI,CAAC,UAAU,EAAE,WAAW,CAAC,IAAI,CAAC,CAAC;QAC7D,OAAO;IACT,CAAC;IAED,IAAI,IAAI,GAAgB,KAAK,CAAC;IAC9B,OAAO,IAAI,EAAE,CAAC;QACZ,MAAM,IAAI,GAAgB,IAAI,CAAC,WAAW,CAAC;QAC3C,MAAM,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;QACzB,IAAI,IAAI,KAAK,IAAI;YAAE,OAAO;QAC1B,IAAI,GAAG,IAAI,CAAC;IACd,CAAC;AACH,CAAC"}

package/dist/portal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"portal.d.ts","sourceRoot":"","sources":["../src/portal.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,gBAAgB,CAAC;AAMpD,MAAM,WAAW,WAAW;IAC1B,EAAE,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,IAAI,CAAC;CAC9B;AAED,qBAAa,MAAO,SAAQ,kBAAkB,CAAC,WAAW,CAAC;IACzD,MAAM,CAAC,QAAQ,CAAC,aAAa,EAAG,IAAI,CAAU;IAC9C,MAAM,CAAC,QAAQ,CAAC,aAAa,QAAQ;IAErC,MAAM;CA6BP;AAED,wBAAgB,mBAAmB,CAAC,EAAE,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,IAAI,GAAG,OAAO,GAAG,IAAI,CAOhF"}
+{"version":3,"file":"portal.d.ts","sourceRoot":"","sources":["../src/portal.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,gBAAgB,CAAC;AAOpD,MAAM,WAAW,WAAW;IAC1B,EAAE,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,IAAI,CAAC;CAC9B;AAED,qBAAa,MAAO,SAAQ,kBAAkB,CAAC,WAAW,CAAC;IACzD,MAAM,CAAC,QAAQ,CAAC,aAAa,EAAG,IAAI,CAAU;IAC9C,MAAM,CAAC,QAAQ,CAAC,aAAa,QAAQ;IAErC,MAAM;CA6BP;AAED,wBAAgB,mBAAmB,CAAC,EAAE,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,IAAI,GAAG,OAAO,GAAG,IAAI,CAOhF"}

package/dist/portal.js

@@ -2,6 +2,7 @@ import { StatelessComponent } from "@praxisjs/core";
 import { isServerRenderPass } from "@praxisjs/core/internal";
 import { mountChildren } from "./children";
 import { getCurrentScope } from "./context";
+import { removeNodes } from "./dom/remove";
 export class Portal extends StatelessComponent {
     static __isComponent = true;
     static __isStateless = true;
@@ -19,16 +20,16 @@ export class Portal extends StatelessComponent {
             return null;
         const start = document.createComment("");
         const end = document.createComment("");
-        target.appendChild(start);
-        mountChildren(target, this.props.children, scope);
-        target.appendChild(end);
+        // Built off-document and attached once, so the target never sees a half-built subtree.
+        const fragment = document.createDocumentFragment();
+        fragment.appendChild(start);
+        mountChildren(fragment, this.props.children, scope);
+        fragment.appendChild(end);
+        target.appendChild(fragment);
         scope.add(() => {
             if (!start.parentNode || start.parentNode !== end.parentNode)
                 return;
-            const range = document.createRange();
-            range.setStartBefore(start);
-            range.setEndAfter(end);
-            range.deleteContents();
+            removeNodes([start, end]);
         });
         return document.createComment("portal");
     }

package/dist/portal.js.map

@@ -1 +1 @@
-{"version":3,"file":"portal.js","sourceRoot":"","sources":["../src/portal.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,gBAAgB,CAAC;AACpD,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAE7D,OAAO,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAC3C,OAAO,EAAE,eAAe,EAAE,MAAM,WAAW,CAAC;AAM5C,MAAM,OAAO,MAAO,SAAQ,kBAA+B;IACzD,MAAM,CAAU,aAAa,GAAG,IAAa,CAAC;IAC9C,MAAM,CAAU,aAAa,GAAG,IAAI,CAAC;IAErC,MAAM;QACJ,0EAA0E;QAC1E,4EAA4E;QAC5E,6EAA6E;QAC7E,8EAA8E;QAC9E,iEAAiE;QACjE,IAAI,kBAAkB,EAAE;YAAE,OAAO,IAAI,CAAC;QAEtC,MAAM,KAAK,GAAG,eAAe,EAAE,CAAC;QAChC,MAAM,MAAM,GAAG,mBAAmB,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;QAClD,IAAI,CAAC,MAAM;YAAE,OAAO,IAAI,CAAC;QAEzB,MAAM,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,EAAE,CAAC,CAAC;QACzC,MAAM,GAAG,GAAG,QAAQ,CAAC,aAAa,CAAC,EAAE,CAAC,CAAC;QAEvC,MAAM,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;QAC1B,aAAa,CAAC,MAAM,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAC;QAClD,MAAM,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC;QAExB,KAAK,CAAC,GAAG,CAAC,GAAG,EAAE;YACb,IAAI,CAAC,KAAK,CAAC,UAAU,IAAI,KAAK,CAAC,UAAU,KAAK,GAAG,CAAC,UAAU;gBAAE,OAAO;YACrE,MAAM,KAAK,GAAG,QAAQ,CAAC,WAAW,EAAE,CAAC;YACrC,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC;YAC5B,KAAK,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC;YACvB,KAAK,CAAC,cAAc,EAAE,CAAC;QACzB,CAAC,CAAC,CAAC;QAEH,OAAO,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;IAC1C,CAAC;;AAGH,MAAM,UAAU,mBAAmB,CAAC,EAA4B;IAC9D,IAAI,EAAE,IAAI,IAAI,EAAE,CAAC;QACf,IAAI,OAAO,QAAQ,KAAK,WAAW;YAAE,OAAO,IAAI,CAAC;QACjD,OAAO,QAAQ,CAAC,IAAI,CAAC;IACvB,CAAC;IACD,IAAI,OAAO,EAAE,KAAK,QAAQ;QAAE,OAAO,QAAQ,CAAC,aAAa,CAAC,EAAE,CAAC,CAAC;IAC9D,OAAO,EAAE,CAAC;AACZ,CAAC"}
+{"version":3,"file":"portal.js","sourceRoot":"","sources":["../src/portal.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,gBAAgB,CAAC;AACpD,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAE7D,OAAO,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAC3C,OAAO,EAAE,eAAe,EAAE,MAAM,WAAW,CAAC;AAC5C,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAM3C,MAAM,OAAO,MAAO,SAAQ,kBAA+B;IACzD,MAAM,CAAU,aAAa,GAAG,IAAa,CAAC;IAC9C,MAAM,CAAU,aAAa,GAAG,IAAI,CAAC;IAErC,MAAM;QACJ,0EAA0E;QAC1E,4EAA4E;QAC5E,6EAA6E;QAC7E,8EAA8E;QAC9E,iEAAiE;QACjE,IAAI,kBAAkB,EAAE;YAAE,OAAO,IAAI,CAAC;QAEtC,MAAM,KAAK,GAAG,eAAe,EAAE,CAAC;QAChC,MAAM,MAAM,GAAG,mBAAmB,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;QAClD,IAAI,CAAC,MAAM;YAAE,OAAO,IAAI,CAAC;QAEzB,MAAM,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,EAAE,CAAC,CAAC;QACzC,MAAM,GAAG,GAAG,QAAQ,CAAC,aAAa,CAAC,EAAE,CAAC,CAAC;QAEvC,uFAAuF;QACvF,MAAM,QAAQ,GAAG,QAAQ,CAAC,sBAAsB,EAAE,CAAC;QACnD,QAAQ,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;QAC5B,aAAa,CAAC,QAAQ,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAC;QACpD,QAAQ,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC;QAC1B,MAAM,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC;QAE7B,KAAK,CAAC,GAAG,CAAC,GAAG,EAAE;YACb,IAAI,CAAC,KAAK,CAAC,UAAU,IAAI,KAAK,CAAC,UAAU,KAAK,GAAG,CAAC,UAAU;gBAAE,OAAO;YACrE,WAAW,CAAC,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC,CAAC;QAC5B,CAAC,CAAC,CAAC;QAEH,OAAO,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;IAC1C,CAAC;;AAGH,MAAM,UAAU,mBAAmB,CAAC,EAA4B;IAC9D,IAAI,EAAE,IAAI,IAAI,EAAE,CAAC;QACf,IAAI,OAAO,QAAQ,KAAK,WAAW;YAAE,OAAO,IAAI,CAAC;QACjD,OAAO,QAAQ,CAAC,IAAI,CAAC;IACvB,CAAC;IACD,IAAI,OAAO,EAAE,KAAK,QAAQ;QAAE,OAAO,QAAQ,CAAC,aAAa,CAAC,EAAE,CAAC,CAAC;IAC9D,OAAO,EAAE,CAAC;AACZ,CAAC"}

package/dist/reactive.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"reactive.d.ts","sourceRoot":"","sources":["../src/reactive.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAmBhC,wBAAgB,aAAa,CAC3B,MAAM,EAAE,IAAI,EACZ,EAAE,EAAE,MAAM,OAAO,EACjB,WAAW,EAAE,KAAK,GACjB,IAAI,CA6CN"}
+{"version":3,"file":"reactive.d.ts","sourceRoot":"","sources":["../src/reactive.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAmBhC,wBAAgB,aAAa,CAC3B,MAAM,EAAE,IAAI,EACZ,EAAE,EAAE,MAAM,OAAO,EACjB,WAAW,EAAE,KAAK,GACjB,IAAI,CAwCN"}

package/dist/reactive.js

@@ -1,4 +1,5 @@
 import { runInScope } from "./context";
+import { removeNodes } from "./dom/remove";
 import { isRecording, registerReactiveNode } from "./hydration-context";
 import { Scope } from "./scope";
 function collectNodes(value, out) {
@@ -47,16 +48,11 @@ export function mountReactive(parent, fn, parentScope) {
                 registerReactiveNode(n, newNodes);
         }
         const anchor = end.parentNode ?? parent;
-        if (currentNodes.length > 0) {
-            if (currentNodes.length === 1) {
-                anchor.removeChild(currentNodes[0]);
-            }
-            else {
-                const range = document.createRange();
-                range.setStartBefore(currentNodes[0]);
-                range.setEndAfter(currentNodes[currentNodes.length - 1]);
-                range.deleteContents();
-            }
+        if (currentNodes.length === 1) {
+            anchor.removeChild(currentNodes[0]);
+        }
+        else if (currentNodes.length > 1) {
+            removeNodes(currentNodes);
         }
         if (newNodes.length > 0) {
             anchor.insertBefore(nodesToFragment(newNodes), end);

package/dist/reactive.js.map

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@praxisjs/runtime",
-  "version": "0.6.0",
+  "version": "0.7.0",
   "type": "module",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
@@ -14,8 +14,8 @@
     "typescript": "^6.0.3"
   },
   "dependencies": {
-    "@praxisjs/core": "2.1.0",
-    "@praxisjs/decorators": "1.6.1",
+    "@praxisjs/core": "2.2.0",
+    "@praxisjs/decorators": "1.7.0",
     "@praxisjs/shared": "0.3.1"
   },
   "scripts": {

package/src/__tests__/children.test.ts

@@ -216,3 +216,61 @@ describe("mountReactive", () => {
     document.body.removeChild(parent);
   });
 });
+
+describe("fine-grained rows", () => {
+  function setup() {
+    const ids = signal([1, 2]);
+    const titles = signal<Record<number, string>>({ 1: "a", 2: "b" });
+    let listRuns = 0;
+    const ul = container();
+    const scope = new Scope();
+    mountChildren(ul, () => {
+      listRuns++;
+      return ids().map((id) => {
+        const li = document.createElement("li");
+        mountChildren(li, () => titles()[id], scope);
+        return li;
+      });
+    }, scope);
+    return { ids, titles, ul, scope, runs: () => listRuns };
+  }
+
+  it("changing row content updates text in place without re-running the list function", () => {
+    const { titles, ul, scope, runs } = setup();
+    const rows = [...ul.querySelectorAll("li")];
+    titles.set({ 1: "A", 2: "b" });
+    expect(runs()).toBe(1);
+    expect([...ul.querySelectorAll("li")]).toEqual(rows);
+    expect(rows.map((r) => r.textContent)).toEqual(["A", "b"]);
+    scope.dispose();
+  });
+
+  it("changing the structure rebuilds the list", () => {
+    const { ids, titles, ul, scope, runs } = setup();
+    titles.set({ 1: "a", 2: "b", 3: "c" });
+    ids.set([1, 2, 3]);
+    expect(runs()).toBe(2);
+    expect(ul.querySelectorAll("li")).toHaveLength(3);
+    scope.dispose();
+  });
+});
+
+describe("mountReactive multi-node replacement", () => {
+  it("removes nodes that were inserted between the tracked ones after mount", () => {
+    const toggle = signal(0);
+    const parent = container();
+    const scope = new Scope();
+    let a!: Node;
+    mountChildren(parent, () => {
+      void toggle();
+      a = document.createElement("a");
+      return [a, document.createElement("b")];
+    }, scope);
+    const stray = document.createElement("stray");
+    parent.insertBefore(stray, a.nextSibling);
+    toggle.set(1);
+    expect(parent.contains(stray)).toBe(false);
+    expect([...parent.children].map((c) => c.localName)).toEqual(["a", "b"]);
+    scope.dispose();
+  });
+});

package/src/__tests__/component.test.ts

@@ -1,5 +1,5 @@
 // @vitest-environment jsdom
-import { describe, it, expect, vi } from "vitest";
+import { describe, it, expect, vi, afterEach } from "vitest";
 
 import { StatefulComponent } from "@praxisjs/core";
 import { getComponentProps } from "@praxisjs/core/internal";
@@ -295,3 +295,69 @@ describe("mountComponent", () => {
     scope.dispose();
   });
 });
+
+describe("mountComponent onMount scheduling", () => {
+  afterEach(() => {
+    vi.unstubAllGlobals();
+  });
+
+  function stubMicrotasks(): Array<() => void> {
+    const jobs: Array<() => void> = [];
+    vi.stubGlobal("queueMicrotask", (fn: () => void) => { jobs.push(fn); });
+    return jobs;
+  }
+
+  function lifecycleComp(onMount: () => void) {
+    return class extends StatefulComponent {
+      static __isComponent = true as const;
+      static __isStateless = false;
+      onMount() { onMount(); }
+      render() { return null; }
+    };
+  }
+
+  it("drains every component mounted in the same pass with a single microtask, in mount order", () => {
+    const jobs = stubMicrotasks();
+    const order: string[] = [];
+    const scope = new Scope();
+    mountComponent(lifecycleComp(() => order.push("a")), {}, scope);
+    mountComponent(lifecycleComp(() => order.push("b")), {}, scope);
+    expect(jobs).toHaveLength(1);
+    jobs.shift()?.();
+    expect(order).toEqual(["a", "b"]);
+  });
+
+  it("schedules a new microtask for components mounted after a drain", () => {
+    const jobs = stubMicrotasks();
+    const onMount = vi.fn();
+    const scope = new Scope();
+    mountComponent(lifecycleComp(onMount), {}, scope);
+    jobs.shift()?.();
+    mountComponent(lifecycleComp(onMount), {}, scope);
+    expect(jobs).toHaveLength(1);
+    jobs.shift()?.();
+    expect(onMount).toHaveBeenCalledTimes(2);
+  });
+
+  it("a throwing onMount does not stop the others and is rethrown on its own microtask", () => {
+    const jobs = stubMicrotasks();
+    const second = vi.fn();
+    const scope = new Scope();
+    mountComponent(lifecycleComp(() => { throw new Error("mount boom"); }), {}, scope);
+    mountComponent(lifecycleComp(second), {}, scope);
+    jobs.shift()?.();
+    expect(second).toHaveBeenCalledOnce();
+    expect(jobs).toHaveLength(1);
+    expect(() => { jobs.shift()?.(); }).toThrow("mount boom");
+  });
+
+  it("skips onMount for a component disposed before the drain", () => {
+    const jobs = stubMicrotasks();
+    const onMount = vi.fn();
+    const scope = new Scope();
+    mountComponent(lifecycleComp(onMount), {}, scope);
+    scope.dispose();
+    jobs.shift()?.();
+    expect(onMount).not.toHaveBeenCalled();
+  });
+});

package/src/__tests__/dom.test.ts

@@ -323,4 +323,112 @@ describe("addEvent", () => {
     expect(fn).toHaveBeenCalledOnce();
     scope.dispose();
   });
+
+  it("batches signal writes made by a handler so effects run once", () => {
+    const el = document.createElement("button");
+    const scope = new Scope();
+    const a = signal(0);
+    const b = signal(0);
+    const runs = vi.fn();
+    scope.effect(() => {
+      void a();
+      void b();
+      runs();
+    });
+    runs.mockClear();
+    addEvent(el, "click", () => {
+      a.set(1);
+      b.set(1);
+    }, scope);
+    el.dispatchEvent(new MouseEvent("click"));
+    expect(runs).toHaveBeenCalledOnce();
+    scope.dispose();
+  });
+
+  it("calls the handler with the element as this and forwards the event", () => {
+    const el = document.createElement("button");
+    const scope = new Scope();
+    let seenThis: unknown;
+    let seenEvent: Event | undefined;
+    addEvent(el, "click", function (this: unknown, e: Event) {
+      seenThis = this;
+      seenEvent = e;
+    }, scope);
+    const event = new MouseEvent("click");
+    el.dispatchEvent(event);
+    expect(seenThis).toBe(el);
+    expect(seenEvent).toBe(event);
+    scope.dispose();
+  });
+
+  it("registers the same handler on different elements independently", () => {
+    const a = document.createElement("button");
+    const b = document.createElement("button");
+    const scope = new Scope();
+    const fn = vi.fn();
+    addEvent(a, "click", fn, scope);
+    addEvent(b, "click", fn, scope);
+    a.dispatchEvent(new MouseEvent("click"));
+    b.dispatchEvent(new MouseEvent("click"));
+    expect(fn).toHaveBeenCalledTimes(2);
+    scope.dispose();
+    a.dispatchEvent(new MouseEvent("click"));
+    expect(fn).toHaveBeenCalledTimes(2);
+  });
+});
+
+describe("applyProp writable-property cache", () => {
+  it("assigns prototype properties and keeps doing so for later elements of the same tag", () => {
+    const scope = new Scope();
+    const first = document.createElement("input");
+    const second = document.createElement("input");
+    applyProp(first, "value", "a", scope);
+    applyProp(second, "value", "b", scope);
+    expect(first.value).toBe("a");
+    expect(second.value).toBe("b");
+  });
+
+  it("falls back to attributes for unknown and read-only properties, consistently across elements", () => {
+    const scope = new Scope();
+    for (let i = 0; i < 2; i++) {
+      const input = document.createElement("input");
+      applyProp(input, "data-x", "1", scope);
+      applyProp(input, "list", "dl", scope);
+      expect(input.getAttribute("data-x")).toBe("1");
+      expect(input.getAttribute("list")).toBe("dl");
+    }
+  });
+
+  it("honours own properties: writable ones are assigned, getter-only ones become attributes", () => {
+    const scope = new Scope();
+    const el = document.createElement("div") as unknown as HTMLElement & Record<string, unknown>;
+    el.expando = "old";
+    Object.defineProperty(el, "readonlyThing", { get: () => "fixed", configurable: true });
+    applyProp(el, "expando", "new", scope);
+    applyProp(el, "readonlyThing", "attr", scope);
+    expect(el.expando).toBe("new");
+    expect(el.readonlyThing).toBe("fixed");
+    expect(el.getAttribute("readonlyThing")).toBe("attr");
+  });
+
+  it("an own property with a setter is assigned", () => {
+    const scope = new Scope();
+    const el = document.createElement("div") as unknown as HTMLElement & Record<string, unknown>;
+    let stored = "";
+    Object.defineProperty(el, "custom", { get: () => stored, set: (v: string) => { stored = v; }, configurable: true });
+    applyProp(el, "custom", "set", scope);
+    expect(stored).toBe("set");
+  });
+
+  it("runs ref callbacks untracked so they do not subscribe the enclosing effect", () => {
+    const scope = new Scope();
+    const s = signal(0);
+    const runs = vi.fn();
+    scope.effect(() => {
+      runs();
+      applyProp(document.createElement("div"), "ref", () => { void s(); }, scope);
+    });
+    s.set(1);
+    expect(runs).toHaveBeenCalledOnce();
+  });
 });

package/src/__tests__/portal.test.ts

@@ -150,4 +150,28 @@ describe("resolvePortalTarget", () => {
     expect(resolvePortalTarget("#resolve-test")).toBe(el);
     document.body.removeChild(el);
   });
+
+  it("attaches the whole subtree to the target in one operation", () => {
+    const target = document.createElement("div");
+    document.body.appendChild(target);
+    const spy = vi.spyOn(target, "appendChild");
+    const children = [document.createElement("p"), document.createElement("span")];
+    const { scope } = mount({ to: target, children });
+    expect(spy).toHaveBeenCalledOnce();
+    expect(target.querySelector("p")).not.toBeNull();
+    expect(target.querySelector("span")).not.toBeNull();
+    scope.dispose();
+  });
+
+  it("reactive children mounted through the portal keep updating after attach", () => {
+    const target = document.createElement("div");
+    document.body.appendChild(target);
+    const s = signal("one");
+    const { scope } = mount({ to: target, children: () => s() });
+    expect(target.textContent).toContain("one");
+    s.set("two");
+    expect(target.textContent).toContain("two");
+    expect(target.textContent).not.toContain("one");
+    scope.dispose();
+  });
 });

package/src/__tests__/remove.test.ts

@@ -0,0 +1,51 @@
+// @vitest-environment jsdom
+import { describe, it, expect } from "vitest";
+
+import { removeNodes } from "../dom/remove";
+
+function siblings(...names: string[]): { parent: HTMLElement; nodes: HTMLElement[] } {
+  const parent = document.createElement("div");
+  const nodes = names.map((name) => {
+    const el = document.createElement(name);
+    parent.appendChild(el);
+    return el;
+  });
+  return { parent, nodes };
+}
+
+describe("removeNodes", () => {
+  it("removes the first-to-last span and leaves the surrounding siblings", () => {
+    const { parent, nodes } = siblings("a", "b", "c", "d", "e");
+    removeNodes(nodes.slice(1, 4));
+    expect([...parent.children].map((c) => c.localName)).toEqual(["a", "e"]);
+  });
+
+  it("also removes nodes inserted between first and last after the list was captured", () => {
+    const { parent, nodes } = siblings("a", "b");
+    const late = document.createElement("late");
+    parent.insertBefore(late, nodes[1]);
+    removeNodes(nodes);
+    expect(parent.childNodes).toHaveLength(0);
+  });
+
+  it("removes a single node", () => {
+    const { parent, nodes } = siblings("a", "b");
+    removeNodes([nodes[0]]);
+    expect([...parent.children]).toEqual([nodes[1]]);
+  });
+
+  it("removes the attached nodes individually when the first one is detached", () => {
+    const { parent, nodes } = siblings("a", "b", "c");
+    parent.removeChild(nodes[0]);
+    expect(() => { removeNodes(nodes); }).not.toThrow();
+    expect(parent.childNodes).toHaveLength(0);
+  });
+
+  it("removes each node from its own parent when first and last have different parents", () => {
+    const one = siblings("a", "b");
+    const two = siblings("c", "d");
+    removeNodes([one.nodes[0], one.nodes[1], two.nodes[0]]);
+    expect(one.parent.childNodes).toHaveLength(0);
+    expect([...two.parent.children]).toEqual([two.nodes[1]]);
+  });
+});

package/src/component.ts

@@ -11,6 +11,28 @@ import { runInScope } from "./context";
 
 import type { Scope } from "./scope";
 
+let pendingMounts: Array<() => void> = [];
+
+// One shared microtask drains every component mounted in the same synchronous pass, in mount
+// order (children before parents). A throwing onMount is rethrown on its own microtask so it
+// can't stop the others, as it couldn't when each component had a microtask of its own.
+function scheduleMount(run: () => void): void {
+  if (pendingMounts.length === 0) {
+    queueMicrotask(() => {
+      const queue = pendingMounts;
+      pendingMounts = [];
+      for (const job of queue) {
+        try {
+          job();
+        } catch (e) {
+          queueMicrotask(() => { throw e; });
+        }
+      }
+    });
+  }
+  pendingMounts.push(run);
+}
+
 export function mountComponent(
   ctor: ComponentConstructor,
   props: Record<string, unknown>,
@@ -56,7 +78,7 @@ export function mountComponent(
     mountChildren(container, dom, scope);
     container.appendChild(end);
 
-    queueMicrotask(() => {
+    scheduleMount(() => {
       if (disposed) return;
       setComponentMounted(instance, true);
       instance.onMount?.();