@miaskiewicz/turbo-dom 0.1.51 → 0.1.53

package/package.json

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

@@ -717,7 +717,12 @@ export class Element extends Node {
   cloneNode(deep = false) {
     const el = new Element(this.ownerDocument, this.localName, this.__ns);
     el.__attrs = (this.__attrs ?? (this.__attrs = this.__buildAttrs())).map((a) => ({ ...a }));
-    if (deep) for (const c of this.__children()) el.appendChild(c.cloneNode(true));
+    if (deep) {
+      // build the cloned child array directly — the clone is detached, so per-child
+      // appendChild's notifyMutation (version bump) + reparent check are pure waste.
+      const src = this.__children(), od = el.ownerDocument, kids = el.__kids = new Array(src.length);
+      for (let i = 0; i < src.length; i++) { const cl = src[i].cloneNode(true); cl.parentNode = el; cl.ownerDocument = od; kids[i] = cl; }
+    }
     return el;
   }
 
@@ -929,7 +934,14 @@ export class DocumentFragment extends Node {
   querySelectorAll(sel) { return cachedQSA(this, sel); }
   get children() { if (this.__childrenList) return this.__childrenList; const self = this; return (this.__childrenList = liveHTMLCollection(() => self.__children().filter((n) => n.nodeType === ELEMENT_NODE))); }
   append(...nodes) { for (const n of nodes) this.appendChild(toNode(this.ownerDocument, n)); }
-  cloneNode(deep = false) { const f = new DocumentFragment(this.ownerDocument); if (deep) for (const c of this.__children()) f.appendChild(c.cloneNode(true)); return f; }
+  cloneNode(deep = false) {
+    const f = new DocumentFragment(this.ownerDocument);
+    if (deep) { // direct __kids build — detached clone, per-child appendChild bookkeeping is waste (see Element.cloneNode)
+      const src = this.__children(), od = f.ownerDocument, kids = f.__kids = new Array(src.length);
+      for (let i = 0; i < src.length; i++) { const cl = src[i].cloneNode(true); cl.parentNode = f; cl.ownerDocument = od; kids[i] = cl; }
+    }
+    return f;
+  }
 }
 
 // A real shadow root: a detached document-fragment subtree with a back-reference