perf(replayer): Prevent infinte loops with resolve trees

packages/rrweb/src/replay/index.ts

@@ -1055,7 +1055,7 @@
    * pause when there are some canvas drawImage args need to be loaded
    */
   private async preloadAllImages(): Promise<void[]> {
     let beforeLoadState = this.service.state;
     const stateHandler = () => {
       beforeLoadState = this.service.state;
     };
@@ -1090,8 +1090,8 @@
       const ctx = canvas.getContext('2d');
       const imgd = ctx?.createImageData(canvas.width, canvas.height);
       let d = imgd?.data;
       d = JSON.parse(data.args[0]) as Uint8ClampedArray;
       ctx?.putImageData(imgd!, 0, 0);
     }
   }
   private async deserializeAndPreloadCanvasEvents(
@@ -1587,7 +1587,7 @@
         // If the parent is attached a shadow dom after it's created, it won't have a shadow root.
         if (!hasShadowRoot(parent)) {
           (parent as Element | RRElement).attachShadow({ mode: 'open' });
           parent = (parent as Element | RRElement).shadowRoot! as Node | RRNode;
         } else parent = parent.shadowRoot as Node | RRNode;
       }
 
@@ -1760,6 +1760,7 @@
     });
 
     const startTime = Date.now();
+    const resolvedTreeNodes = new WeakSet();
     while (queue.length) {
       // transform queue to resolve tree
       const resolveTrees = queueToResolveTrees(queue);
@@ -1780,7 +1781,10 @@
           );
         } else {
           iterateResolveTree(tree, (mutation) => {
-            appendNode(mutation);
+            if (!resolvedTreeNodes.has(mutation)) {
+              resolvedTreeNodes.add(mutation);
+              appendNode(mutation);
+            }
           });
         }
       }