@chr33s/solarflare 0.0.11 → 0.0.13

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@chr33s/solarflare",
-  "version": "0.0.11",
+  "version": "0.0.13",
   "license": "MIT",
   "repository": {
     "type": "git",

package/src/diff-dom-streaming.ts

@@ -63,7 +63,8 @@ async function updateNode(oldNode: Node, newNode: Node, walker: Walker) {
     return walker[APPLY_TRANSITION](() => {
       // oldNode may have been moved/removed by a previous batched mutation
       if (oldNode.parentNode) {
-        oldNode.parentNode.replaceChild(newNode.cloneNode(true), oldNode);
+        const doc = oldNode.ownerDocument ?? document;
+        oldNode.parentNode.replaceChild(doc.importNode(newNode, true), oldNode);
       }
     });
   }
@@ -75,17 +76,21 @@ async function updateNode(oldNode: Node, newNode: Node, walker: Walker) {
     if (hasShadowRoot(oldNode as Element) && hasDsdTemplate(newNode as Element)) {
       return walker[APPLY_TRANSITION](() => {
         if (oldNode.parentNode) {
-          oldNode.parentNode.replaceChild(newNode.cloneNode(true), oldNode);
+          const doc = oldNode.ownerDocument ?? document;
+          oldNode.parentNode.replaceChild(doc.importNode(newNode, true), oldNode);
         }
       });
     }
 
-    // Elements matching shouldReplaceNode are atomically replaced to avoid
-    // triggering adoptedCallback on third-party web components (e.g. Polaris).
+    // Elements matching shouldReplaceNode are atomically replaced.
+    // Use importNode to create the element in the target document context,
+    // avoiding adoptedCallback from firing on third-party web components.
     if (walker.shouldReplaceNode?.(oldNode) || walker.shouldReplaceNode?.(newNode)) {
       return walker[APPLY_TRANSITION](() => {
         if (oldNode.parentNode) {
-          oldNode.parentNode.replaceChild(newNode.cloneNode(true), oldNode);
+          const doc = oldNode.ownerDocument ?? document;
+          const imported = doc.importNode(newNode, true);
+          oldNode.parentNode.replaceChild(imported, oldNode);
         }
       });
     }
@@ -99,7 +104,8 @@ async function updateNode(oldNode: Node, newNode: Node, walker: Walker) {
         }
       } else {
         const hasDocumentFragmentInside = newNode.nodeName === "TEMPLATE";
-        const clonedNewNode = newNode.cloneNode(hasDocumentFragmentInside);
+        const doc = oldNode.ownerDocument ?? document;
+        const clonedNewNode = doc.importNode(newNode, hasDocumentFragmentInside);
         while (oldNode.firstChild) clonedNewNode.appendChild(oldNode.firstChild);
         // oldNode may have been moved/removed by a previous batched mutation
         if (oldNode.parentNode) {
@@ -162,6 +168,11 @@ function setAttributes(oldAttributes: NamedNodeMap, newAttributes: NamedNodeMap)
   }
 }
 
+/** Clone a node into the target document via importNode to avoid cross-document adoption. */
+function cloneForDocument(node: Node, targetDoc: Document): Node {
+  return targetDoc.importNode(node, true);
+}
+
 /**
  * Utility that will nodes childern to match another nodes children.
  */
@@ -252,7 +263,8 @@ async function setChildNodes(oldParent: Node, newParent: Node, walker: Walker) {
       checkOld = oldNode;
       oldNode = oldNode.nextSibling;
       if (getKey(checkOld)) {
-        insertedNode = newNode.cloneNode(true);
+        const targetDoc = oldParent.ownerDocument ?? document;
+        insertedNode = cloneForDocument(newNode, targetDoc);
         if (shouldInsertImmediately(insertedNode!)) {
           flushPendingInsertions();
           walker[APPLY_TRANSITION](() => {
@@ -273,7 +285,8 @@ async function setChildNodes(oldParent: Node, newParent: Node, walker: Walker) {
         await updateNode(checkOld, newNode, walker);
       }
     } else {
-      insertedNode = newNode.cloneNode(true);
+      const targetDoc = oldParent.ownerDocument ?? document;
+      insertedNode = cloneForDocument(newNode, targetDoc);
       if (shouldInsertImmediately(insertedNode!)) {
         flushPendingInsertions();
         walker[APPLY_TRANSITION](() => oldParent.appendChild(insertedNode!));