@posthog/rrweb-player 0.0.22 → 0.0.24

package/dist/rrweb-player.umd.cjs

@@ -12853,16 +12853,6 @@ class Replayer {
     });
     const legacy_missingNodeMap = __spreadValues({}, this.legacy_missingNodeRetryMap);
     const queue = [];
-    const nextNotInDOM = (mutation) => {
-      let next = null;
-      if (mutation.nextId) {
-        next = mirror2.getNode(mutation.nextId);
-      }
-      if (mutation.nextId !== null && mutation.nextId !== void 0 && mutation.nextId !== -1 && !next) {
-        return true;
-      }
-      return false;
-    };
     const appendNode = (mutation) => {
       var _a2, _b2;
       if (!this.iframe.contentDocument) {
@@ -12875,7 +12865,10 @@ class Replayer {
         if (mutation.node.type === NodeType.Document) {
           return this.newDocumentQueue.push(mutation);
         }
-        return queue.push(mutation);
+        const parentIdInCurrentBatch = d.adds.some(
+          (add) => add.node.id === mutation.parentId
+        );
+        return parentIdInCurrentBatch ? queue.push(mutation) : void 0;
       }
       if (mutation.node.isShadow) {
         if (!hasShadowRoot(parent)) {
@@ -12891,9 +12884,6 @@ class Replayer {
       if (mutation.nextId) {
         next = mirror2.getNode(mutation.nextId);
       }
-      if (nextNotInDOM(mutation)) {
-        return queue.push(mutation);
-      }
       if (mutation.node.rootId && !mirror2.getNode(mutation.node.rootId)) {
         return;
       }
@@ -12999,11 +12989,11 @@ class Replayer {
     d.adds.forEach((mutation) => {
       appendNode(mutation);
     });
-    const startTime = Date.now();
+    const startTime = performance.now();
     while (queue.length) {
       const resolveTrees = queueToResolveTrees(queue);
       queue.length = 0;
-      if (Date.now() - startTime > 500) {
+      if (performance.now() - startTime > 150) {
         this.warn(
           "Timeout in the loop, please check the resolve tree data:",
           resolveTrees
@@ -13258,12 +13248,13 @@ class Replayer {
       }
   }
   applyStyleDeclaration(data, styleSheet) {
+    var _a2, _b2;
     if (data.set) {
       const rule2 = getNestedRule(
         styleSheet.rules,
         data.index
       );
-      rule2.style.setProperty(
+      (_a2 = rule2 == null ? void 0 : rule2.style) == null ? void 0 : _a2.setProperty(
         data.set.property,
         data.set.value,
         data.set.priority
@@ -13274,7 +13265,7 @@ class Replayer {
         styleSheet.rules,
         data.index
       );
-      rule2.style.removeProperty(data.remove.property);
+      (_b2 = rule2 == null ? void 0 : rule2.style) == null ? void 0 : _b2.removeProperty(data.remove.property);
     }
   }
   applyAdoptedStyleSheet(data) {