@miaskiewicz/turbo-dom 0.1.24 → 0.1.26

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@miaskiewicz/turbo-dom",
-  "version": "0.1.24",
+  "version": "0.1.26",
   "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

@@ -22,12 +22,12 @@ import { serializeInner, serializeOuter } from './html-serialize.mjs';
 function cachedQSA(node, sel) {
   const doc = node.ownerDocument || node;
   const v = doc.__version || 0;
-  let cache = node.__qCache;
-  if (cache) { const c = cache.get('a:' + sel); if (c !== undefined && c.v === v) return c.r; }
-  else cache = node.__qCache = new Map();
+  let cache = node.__qaCache;
+  if (cache) { const c = cache.get(sel); if (c !== undefined && c.v === v) return c.r; }
+  else cache = node.__qaCache = new Map();
   if (cache.size > 512) cache.clear();
   const r = qselAll(node, sel);
-  cache.set('a:' + sel, { v, r });
+  cache.set(sel, { v, r });
   return r;
 }
 // memoize the className → class-list split (pure; the regex split showed up per
@@ -45,12 +45,12 @@ function splitClasses(cls) {
 function cachedQS(node, sel) {
   const doc = node.ownerDocument || node;
   const v = doc.__version || 0;
-  let cache = node.__qCache;
-  if (cache) { const c = cache.get('s:' + sel); if (c !== undefined && c.v === v) return c.r; }
-  else cache = node.__qCache = new Map();
+  let cache = node.__qsCache;
+  if (cache) { const c = cache.get(sel); if (c !== undefined && c.v === v) return c.r; }
+  else cache = node.__qsCache = new Map();
   if (cache.size > 512) cache.clear();
   const r = qsel(node, sel);
-  cache.set('s:' + sel, { v, r });
+  cache.set(sel, { v, r });
   return r;
 }
 import { Buffer } from './buffer.mjs';
@@ -338,7 +338,7 @@ export class Element extends Node {
     super(ownerDocument);
     this.localName = localName;
     this.__ns = namespace;            // '', 'svg', 'math'
-    this.__attrs = [];                // [{name, value, prefix}]
+    this.__attrs = undefined;         // lazily built (buffer or []) on first attr touch
     this.__attrIdx = -1;              // buffer index for lazy attr inflation
     this.content = null;              // <template> content fragment
     this.shadowRoot = null;           // open shadow root, if attached
@@ -1106,7 +1106,7 @@ export class Document extends Node {
       case ELEMENT_NODE: {
         node = new Element(this, buf.tagName(idx), buf.ns(idx));
         node.__idx = idx;
-        node.__attrIdx = idx; node.__attrs = undefined; // lazy: build on first attr access
+        node.__attrIdx = idx; // attrs lazy (constructor left __attrs undefined)
         // template content fragment: a child node typed 11 named "content"
         if (buf.tagName(idx) === 'template') {
           for (let c = buf.firstChild(idx); c !== -1; c = buf.nextSib(c)) {
@@ -1284,8 +1284,22 @@ export class Document extends Node {
     (this.__classCache || (this.__classCache = new Map())).set(key, { v, arr });
     return arr;
   }
-  getElementsByTagName(tag) { const self = this; const t = tag.toLowerCase(); return liveHTMLCollection(() => self.__byTag(t)); }
-  getElementsByClassName(cls) { const self = this; const classes = splitClasses(cls); return liveHTMLCollection(() => self.__byClass(cls, classes)); }
+  // Memoize the live HTMLCollection Proxy per key. Its getArray closure re-reads
+  // the version-cached __byTag/__byClass on every access, so a memoized Proxy still
+  // reflects mutations — only the per-call Proxy allocation is saved.
+  getElementsByTagName(tag) {
+    const t = tag.toLowerCase();
+    const m = this.__tagColl || (this.__tagColl = new Map());
+    let coll = m.get(t);
+    if (!coll) { const self = this; coll = liveHTMLCollection(() => self.__byTag(t)); m.set(t, coll); }
+    return coll;
+  }
+  getElementsByClassName(cls) {
+    const m = this.__classColl || (this.__classColl = new Map());
+    let coll = m.get(cls);
+    if (!coll) { const self = this; const classes = splitClasses(cls); coll = liveHTMLCollection(() => self.__byClass(cls, classes)); m.set(cls, coll); }
+    return coll;
+  }
   contains(node) { return Node.prototype.contains.call(this, node); }
 
   // cookie jar: store name=value, strip attributes (path/Secure/SameSite/…),

package/src/runtime/selectors.mjs

@@ -307,7 +307,7 @@ function simpleMatcher(selector) {
   if (!m) return null;
   const s = m[1];
   if (s[0] === '#') { const id = s.slice(1); return (el) => el.getAttribute('id') === id; }
-  if (s[0] === '.') { const cls = s.slice(1); return (el) => el.classList.contains(cls); }
+  if (s[0] === '.') { const cls = s.slice(1); return (el) => { const cn = el.getAttribute('class'); return cn ? hasClass(cn, cls) : false; }; }
   const tag = s.toLowerCase(); return (el) => el.localName === tag;
 }