@screeb/rrweb 1.0.3 → 1.0.5

package/dist/rrweb.js

@@ -1384,41 +1384,8 @@ const pseudoClassPlugin = {
         }
         fixed.push(rule2);
         rule2.selectors.forEach(function(selector) {
-          if (!selector.includes(":")) {
-            return;
-          }
-          const selectorParts = selector.replace(/\n/g, " ").split(" ");
-          const pseudoedSelectorParts = [];
-          selectorParts.forEach(function(selectorPart) {
-            const pseudos = selectorPart.match(/::?([^:]+)/g);
-            if (!pseudos) {
-              pseudoedSelectorParts.push(selectorPart);
-              return;
-            }
-            const baseSelector = selectorPart.substr(
-              0,
-              selectorPart.length - pseudos.join("").length
-            );
-            const classPseudos = pseudos.map(function(pseudo) {
-              const pseudoToCheck = pseudo.replace(/\(.*/g, "");
-              if (pseudoToCheck !== ":hover") {
-                return pseudo;
-              }
-              if (pseudo.match(/^::/)) {
-                return pseudo;
-              }
-              pseudo = pseudo.substr(1);
-              pseudo = pseudo.replace(/\(/g, "\\(");
-              pseudo = pseudo.replace(/\)/g, "\\)");
-              return ".\\:" + pseudo;
-            });
-            pseudoedSelectorParts.push(baseSelector + classPseudos.join(""));
-          });
-          addSelector(pseudoedSelectorParts.join(" "));
-          function addSelector(newSelector) {
-            if (newSelector && newSelector !== selector) {
-              rule2.selector += ",\n" + newSelector;
-            }
+          if (selector.includes(":hover")) {
+            rule2.selector += ",\n" + selector.replace(/:hover/g, ".\\:hover");
           }
         });
       }
@@ -5174,9 +5141,9 @@ function buildNode(n2, options) {
           }
         }
         if (name === "rr_width") {
-          node2.style.width = value.toString();
+          node2.style.setProperty("width", value.toString());
         } else if (name === "rr_height") {
-          node2.style.height = value.toString();
+          node2.style.setProperty("height", value.toString());
         } else if (name === "rr_mediaCurrentTime" && typeof value === "number") {
           node2.currentTime = value;
         } else if (name === "rr_mediaState") {
@@ -9735,7 +9702,13 @@ function diffProps(oldTree, newTree, rrnodeMirror) {
         }
       };
     } else if (newTree.tagName === "IFRAME" && name === "srcdoc") continue;
-    else oldTree.setAttribute(name, newValue);
+    else {
+      try {
+        oldTree.setAttribute(name, newValue);
+      } catch (err) {
+        console.warn(err);
+      }
+    }
   }
   for (const { name } of Array.from(oldAttributes))
     if (!(name in newAttributes)) oldTree.removeAttribute(name);
@@ -10971,6 +10944,7 @@ class MutationBuffer {
     __publicField(this, "addedSet", /* @__PURE__ */ new Set());
     __publicField(this, "movedSet", /* @__PURE__ */ new Set());
     __publicField(this, "droppedSet", /* @__PURE__ */ new Set());
+    __publicField(this, "removesSubTreeCache", /* @__PURE__ */ new Set());
     __publicField(this, "mutationCb");
     __publicField(this, "blockClass");
     __publicField(this, "blockSelector");
@@ -11084,13 +11058,13 @@ class MutationBuffer {
         this.mirror.removeNodeFromMap(this.mapRemoves.shift());
       }
       for (const n2 of this.movedSet) {
-        if (isParentRemoved(this.removes, n2, this.mirror) && !this.movedSet.has(index.parentNode(n2))) {
+        if (isParentRemoved(this.removesSubTreeCache, n2, this.mirror) && !this.movedSet.has(index.parentNode(n2))) {
           continue;
         }
         pushAdd(n2);
       }
       for (const n2 of this.addedSet) {
-        if (!isAncestorInSet(this.droppedSet, n2) && !isParentRemoved(this.removes, n2, this.mirror)) {
+        if (!isAncestorInSet(this.droppedSet, n2) && !isParentRemoved(this.removesSubTreeCache, n2, this.mirror)) {
           pushAdd(n2);
         } else if (isAncestorInSet(this.movedSet, n2)) {
           pushAdd(n2);
@@ -11186,6 +11160,7 @@ class MutationBuffer {
       this.addedSet = /* @__PURE__ */ new Set();
       this.movedSet = /* @__PURE__ */ new Set();
       this.droppedSet = /* @__PURE__ */ new Set();
+      this.removesSubTreeCache = /* @__PURE__ */ new Set();
       this.movedMap = {};
       this.mutationCb(payload);
     });
@@ -11340,6 +11315,7 @@ class MutationBuffer {
                 id: nodeId,
                 isShadow: isShadowRoot(m.target) && isNativeShadowDom(m.target) ? true : void 0
               });
+              processRemoves(n2, this.removesSubTreeCache);
             }
             this.mapRemoves.push(n2);
           });
@@ -11437,20 +11413,24 @@ function deepDelete(addsSet, n2) {
   addsSet.delete(n2);
   index.childNodes(n2).forEach((childN) => deepDelete(addsSet, childN));
 }
-function isParentRemoved(removes, n2, mirror2) {
-  if (removes.length === 0) return false;
-  return _isParentRemoved(removes, n2, mirror2);
-}
-function _isParentRemoved(removes, n2, mirror2) {
-  let node2 = index.parentNode(n2);
-  while (node2) {
-    const parentId = mirror2.getId(node2);
-    if (removes.some((r2) => r2.id === parentId)) {
-      return true;
-    }
-    node2 = index.parentNode(node2);
+function processRemoves(n2, cache) {
+  const queue = [n2];
+  while (queue.length) {
+    const next = queue.pop();
+    if (cache.has(next)) continue;
+    cache.add(next);
+    index.childNodes(next).forEach((n22) => queue.push(n22));
   }
-  return false;
+  return;
+}
+function isParentRemoved(removes, n2, mirror2) {
+  if (removes.size === 0) return false;
+  return _isParentRemoved(removes, n2);
+}
+function _isParentRemoved(removes, n2, _mirror2) {
+  const node2 = index.parentNode(n2);
+  if (!node2) return false;
+  return removes.has(node2);
 }
 function isAncestorInSet(set, n2) {
   if (set.size === 0) return false;
@@ -11716,14 +11696,14 @@ function initScrollObserver({
   );
   return on("scroll", updatePosition, doc);
 }
-function initViewportResizeObserver({ viewportResizeCb }, { win }) {
+function initViewportResizeObserver({ viewportResizeCb, win: _win }, { win }) {
   let lastH = -1;
   let lastW = -1;
   const updateDimension = callbackWrapper(
     throttle(
       callbackWrapper(() => {
-        const height = getWindowHeight(win);
-        const width = getWindowWidth(win);
+        const height = getWindowHeight(_win);
+        const width = getWindowWidth(_win);
         if (lastH !== height || lastW !== width) {
           viewportResizeCb({
             width: Number(width),