@miaskiewicz/turbo-dom 0.1.48 → 0.1.50

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@miaskiewicz/turbo-dom",
-  "version": "0.1.48",
+  "version": "0.1.50",
   "description": "Faster, more spec-correct DOM for test runners — native html5ever (Rust/WASM) parser + lazy copy-on-write DOM. A drop-in-style alternative to jsdom/happy-dom for vitest & jest.",
   "license": "MIT",
   "main": "index.js",

package/src/runtime/dom.mjs

@@ -627,22 +627,23 @@ export class Element extends Node {
   }
 
   // ---- element-only traversal (live) ----
+  // version-cache the element-filtered child array (like cachedQSA): re-filter only
+  // when the DOM version changes, not on every children/childElementCount/first/last
+  // access. Live — every mutation bumps Document.__version, invalidating the cache.
+  __elementChildren() {
+    const d = this.ownerDocument, v = d ? (d.__version || 0) : 0;
+    if (this.__childrenArr !== undefined && this.__childrenArrV === v) return this.__childrenArr;
+    this.__childrenArrV = v;
+    return (this.__childrenArr = this.__children().filter((n) => n.nodeType === ELEMENT_NODE));
+  }
   get children() {
     if (this.__childrenList) return this.__childrenList;
     const self = this;
-    // version-cache the element-filtered array (like cachedQSA): re-filter only when
-    // the DOM version changes, not on every children[i]/length access. Live —
-    // every mutation bumps Document.__version, invalidating the cache.
-    return (this.__childrenList = liveHTMLCollection(() => {
-      const d = self.ownerDocument, v = d ? (d.__version || 0) : 0;
-      if (self.__childrenArr !== undefined && self.__childrenArrV === v) return self.__childrenArr;
-      self.__childrenArrV = v;
-      return (self.__childrenArr = self.__children().filter((n) => n.nodeType === ELEMENT_NODE));
-    }));
+    return (this.__childrenList = liveHTMLCollection(() => self.__elementChildren()));
   }
-  get childElementCount() { return this.__children().filter((n) => n.nodeType === ELEMENT_NODE).length; }
-  get firstElementChild() { return this.__children().find((n) => n.nodeType === ELEMENT_NODE) ?? null; }
-  get lastElementChild() { const e = this.__children().filter((n) => n.nodeType === ELEMENT_NODE); return e[e.length - 1] ?? null; }
+  get childElementCount() { return this.__elementChildren().length; }
+  get firstElementChild() { return this.__elementChildren()[0] ?? null; }
+  get lastElementChild() { const e = this.__elementChildren(); return e[e.length - 1] ?? null; }
   get nextElementSibling() { let n = this.nextSibling; while (n && n.nodeType !== ELEMENT_NODE) n = n.nextSibling; return n || null; }
   get previousElementSibling() { let n = this.previousSibling; while (n && n.nodeType !== ELEMENT_NODE) n = n.previousSibling; return n || null; }
 
@@ -659,8 +660,16 @@ export class Element extends Node {
   closest(sel) { let n = this; while (n && n.nodeType === ELEMENT_NODE) { if (n.matches(sel)) return n; n = n.parentNode; } return null; }
   querySelector(sel) { return cachedQS(this, sel); }
   querySelectorAll(sel) { return cachedQSA(this, sel); }
-  getElementsByTagName(tag) { const self = this; return liveHTMLCollection(() => collectByTag(self, tag.toLowerCase())); }
-  getElementsByClassName(cls) { const self = this; const classes = splitClasses(cls); return liveHTMLCollection(() => collectByClass(self, classes)); }
+  getElementsByTagName(tag) {
+    const self = this, t = tag.toLowerCase();
+    let cv = -1, ca; // version-cache the subtree walk within this collection (live; re-walk on mutation)
+    return liveHTMLCollection(() => { const d = self.ownerDocument, v = d ? (d.__version || 0) : 0; if (v === cv) return ca; cv = v; return (ca = collectByTag(self, t)); });
+  }
+  getElementsByClassName(cls) {
+    const self = this, classes = splitClasses(cls);
+    let cv = -1, ca;
+    return liveHTMLCollection(() => { const d = self.ownerDocument, v = d ? (d.__version || 0) : 0; if (v === cv) return ca; cv = v; return (ca = collectByClass(self, classes)); });
+  }
 
   // ---- innerHTML / outerHTML ----
   get innerHTML() { return serializeInner(this); }
@@ -952,8 +961,16 @@ export class ShadowRoot extends DocumentFragment {
     visit(this);
     return found;
   }
-  getElementsByTagName(tag) { const self = this; return liveHTMLCollection(() => collectByTag(self, tag.toLowerCase())); }
-  getElementsByClassName(cls) { const self = this; const classes = splitClasses(cls); return liveHTMLCollection(() => collectByClass(self, classes)); }
+  getElementsByTagName(tag) {
+    const self = this, t = tag.toLowerCase();
+    let cv = -1, ca; // version-cache the subtree walk within this collection (live; re-walk on mutation)
+    return liveHTMLCollection(() => { const d = self.ownerDocument, v = d ? (d.__version || 0) : 0; if (v === cv) return ca; cv = v; return (ca = collectByTag(self, t)); });
+  }
+  getElementsByClassName(cls) {
+    const self = this, classes = splitClasses(cls);
+    let cv = -1, ca;
+    return liveHTMLCollection(() => { const d = self.ownerDocument, v = d ? (d.__version || 0) : 0; if (v === cv) return ca; cv = v; return (ca = collectByClass(self, classes)); });
+  }
   // the topmost root of any node within is this shadow root, never the document
   get activeElement() { return null; }
 }