@posthog/rrweb-record 0.0.36 → 0.0.38

package/dist/rrweb-record.umd.cjs

@@ -48,20 +48,20 @@ var NodeType$1$1 = /* @__PURE__ */ ((NodeType2) => {
   NodeType2[NodeType2["Comment"] = 5] = "Comment";
   return NodeType2;
 })(NodeType$1$1 || {});
-const testableAccessors$1 = {
+const testableAccessors$2 = {
   Node: ["childNodes", "parentNode", "parentElement", "textContent"],
   ShadowRoot: ["host", "styleSheets"],
   Element: ["shadowRoot", "querySelector", "querySelectorAll"],
   MutationObserver: []
 };
-const testableMethods$1 = {
+const testableMethods$2 = {
   Node: ["contains", "getRootNode"],
   ShadowRoot: ["getSelection"],
   Element: [],
   MutationObserver: ["constructor"]
 };
-const untaintedBasePrototype$1 = {};
-function angularZoneUnpatchedAlternative$1(key) {
+const untaintedBasePrototype$2 = {};
+function angularZoneUnpatchedAlternative$2(key) {
   var _a2, _b;
   const angularUnpatchedVersionSymbol = (_b = (_a2 = globalThis == null ? void 0 : globalThis.Zone) == null ? void 0 : _a2.__symbol__) == null ? void 0 : _b.call(_a2, key);
   if (angularUnpatchedVersionSymbol && globalThis[angularUnpatchedVersionSymbol]) {
@@ -70,12 +70,12 @@ function angularZoneUnpatchedAlternative$1(key) {
     return void 0;
   }
 }
-function getUntaintedPrototype$1(key) {
-  if (untaintedBasePrototype$1[key])
-    return untaintedBasePrototype$1[key];
-  const candidate = angularZoneUnpatchedAlternative$1(key) || globalThis[key];
+function getUntaintedPrototype$2(key) {
+  if (untaintedBasePrototype$2[key])
+    return untaintedBasePrototype$2[key];
+  const candidate = angularZoneUnpatchedAlternative$2(key) || globalThis[key];
   const defaultPrototype = candidate.prototype;
-  const accessorNames = key in testableAccessors$1 ? testableAccessors$1[key] : void 0;
+  const accessorNames = key in testableAccessors$2 ? testableAccessors$2[key] : void 0;
   const isUntaintedAccessors = Boolean(
     accessorNames && // @ts-expect-error 2345
     accessorNames.every(
@@ -87,7 +87,7 @@ function getUntaintedPrototype$1(key) {
       }
     )
   );
-  const methodNames = key in testableMethods$1 ? testableMethods$1[key] : void 0;
+  const methodNames = key in testableMethods$2 ? testableMethods$2[key] : void 0;
   const isUntaintedMethods = Boolean(
     methodNames && methodNames.every(
       // @ts-expect-error 2345
@@ -98,7 +98,7 @@ function getUntaintedPrototype$1(key) {
     )
   );
   if (isUntaintedAccessors && isUntaintedMethods) {
-    untaintedBasePrototype$1[key] = candidate.prototype;
+    untaintedBasePrototype$2[key] = candidate.prototype;
     return candidate.prototype;
   }
   try {
@@ -109,80 +109,80 @@ function getUntaintedPrototype$1(key) {
     const untaintedObject = win[key].prototype;
     document.body.removeChild(iframeEl);
     if (!untaintedObject) return defaultPrototype;
-    return untaintedBasePrototype$1[key] = untaintedObject;
+    return untaintedBasePrototype$2[key] = untaintedObject;
   } catch (e) {
     return defaultPrototype;
   }
 }
-const untaintedAccessorCache$1 = {};
-function getUntaintedAccessor$1(key, instance, accessor) {
+const untaintedAccessorCache$2 = {};
+function getUntaintedAccessor$2(key, instance, accessor) {
   var _a2;
   const cacheKey = `${key}.${String(accessor)}`;
-  if (untaintedAccessorCache$1[cacheKey])
-    return untaintedAccessorCache$1[cacheKey].call(
+  if (untaintedAccessorCache$2[cacheKey])
+    return untaintedAccessorCache$2[cacheKey].call(
       instance
     );
-  const untaintedPrototype = getUntaintedPrototype$1(key);
+  const untaintedPrototype = getUntaintedPrototype$2(key);
   const untaintedAccessor = (_a2 = Object.getOwnPropertyDescriptor(
     untaintedPrototype,
     accessor
   )) == null ? void 0 : _a2.get;
   if (!untaintedAccessor) return instance[accessor];
-  untaintedAccessorCache$1[cacheKey] = untaintedAccessor;
+  untaintedAccessorCache$2[cacheKey] = untaintedAccessor;
   return untaintedAccessor.call(instance);
 }
-const untaintedMethodCache$1 = {};
-function getUntaintedMethod$1(key, instance, method) {
+const untaintedMethodCache$2 = {};
+function getUntaintedMethod$2(key, instance, method) {
   const cacheKey = `${key}.${String(method)}`;
-  if (untaintedMethodCache$1[cacheKey])
-    return untaintedMethodCache$1[cacheKey].bind(
+  if (untaintedMethodCache$2[cacheKey])
+    return untaintedMethodCache$2[cacheKey].bind(
       instance
     );
-  const untaintedPrototype = getUntaintedPrototype$1(key);
+  const untaintedPrototype = getUntaintedPrototype$2(key);
   const untaintedMethod = untaintedPrototype[method];
   if (typeof untaintedMethod !== "function") return instance[method];
-  untaintedMethodCache$1[cacheKey] = untaintedMethod;
+  untaintedMethodCache$2[cacheKey] = untaintedMethod;
   return untaintedMethod.bind(instance);
 }
-function childNodes$1(n2) {
-  return getUntaintedAccessor$1("Node", n2, "childNodes");
+function childNodes$2(n2) {
+  return getUntaintedAccessor$2("Node", n2, "childNodes");
 }
-function parentNode$1(n2) {
-  return getUntaintedAccessor$1("Node", n2, "parentNode");
+function parentNode$2(n2) {
+  return getUntaintedAccessor$2("Node", n2, "parentNode");
 }
-function parentElement$1(n2) {
-  return getUntaintedAccessor$1("Node", n2, "parentElement");
+function parentElement$2(n2) {
+  return getUntaintedAccessor$2("Node", n2, "parentElement");
 }
-function textContent$1(n2) {
-  return getUntaintedAccessor$1("Node", n2, "textContent");
+function textContent$2(n2) {
+  return getUntaintedAccessor$2("Node", n2, "textContent");
 }
-function contains$1(n2, other) {
-  return getUntaintedMethod$1("Node", n2, "contains")(other);
+function contains$2(n2, other) {
+  return getUntaintedMethod$2("Node", n2, "contains")(other);
 }
-function getRootNode$1(n2) {
-  return getUntaintedMethod$1("Node", n2, "getRootNode")();
+function getRootNode$2(n2) {
+  return getUntaintedMethod$2("Node", n2, "getRootNode")();
 }
-function host$1(n2) {
+function host$2(n2) {
   if (!n2 || !("host" in n2)) return null;
-  return getUntaintedAccessor$1("ShadowRoot", n2, "host");
+  return getUntaintedAccessor$2("ShadowRoot", n2, "host");
 }
-function styleSheets$1(n2) {
+function styleSheets$2(n2) {
   return n2.styleSheets;
 }
-function shadowRoot$1(n2) {
+function shadowRoot$2(n2) {
   if (!n2 || !("shadowRoot" in n2)) return null;
-  return getUntaintedAccessor$1("Element", n2, "shadowRoot");
+  return getUntaintedAccessor$2("Element", n2, "shadowRoot");
 }
-function querySelector$1(n2, selectors) {
-  return getUntaintedAccessor$1("Element", n2, "querySelector")(selectors);
+function querySelector$2(n2, selectors) {
+  return getUntaintedAccessor$2("Element", n2, "querySelector")(selectors);
 }
-function querySelectorAll$1(n2, selectors) {
-  return getUntaintedAccessor$1("Element", n2, "querySelectorAll")(selectors);
+function querySelectorAll$2(n2, selectors) {
+  return getUntaintedAccessor$2("Element", n2, "querySelectorAll")(selectors);
 }
-function mutationObserverCtor$1() {
-  return getUntaintedPrototype$1("MutationObserver").constructor;
+function mutationObserverCtor$2() {
+  return getUntaintedPrototype$2("MutationObserver").constructor;
 }
-function patch$1(source, name, replacement) {
+function patch$2(source, name, replacement) {
   try {
     if (!(name in source)) {
       return () => {
@@ -208,32 +208,32 @@ function patch$1(source, name, replacement) {
     };
   }
 }
-const index$1 = {
-  childNodes: childNodes$1,
-  parentNode: parentNode$1,
-  parentElement: parentElement$1,
-  textContent: textContent$1,
-  contains: contains$1,
-  getRootNode: getRootNode$1,
-  host: host$1,
-  styleSheets: styleSheets$1,
-  shadowRoot: shadowRoot$1,
-  querySelector: querySelector$1,
-  querySelectorAll: querySelectorAll$1,
-  mutationObserver: mutationObserverCtor$1,
-  patch: patch$1
+const index$2 = {
+  childNodes: childNodes$2,
+  parentNode: parentNode$2,
+  parentElement: parentElement$2,
+  textContent: textContent$2,
+  contains: contains$2,
+  getRootNode: getRootNode$2,
+  host: host$2,
+  styleSheets: styleSheets$2,
+  shadowRoot: shadowRoot$2,
+  querySelector: querySelector$2,
+  querySelectorAll: querySelectorAll$2,
+  mutationObserver: mutationObserverCtor$2,
+  patch: patch$2
 };
-function isElement(n2) {
+function isElement$1(n2) {
   return n2.nodeType === n2.ELEMENT_NODE;
 }
 function isShadowRoot(n2) {
   const hostEl = (
     // anchor and textarea elements also have a `host` property
     // but only shadow roots have a `mode` property
-    n2 && "host" in n2 && "mode" in n2 && index$1.host(n2) || null
+    n2 && "host" in n2 && "mode" in n2 && index$2.host(n2) || null
   );
   return Boolean(
-    hostEl && "shadowRoot" in hostEl && index$1.shadowRoot(hostEl) === n2
+    hostEl && "shadowRoot" in hostEl && index$2.shadowRoot(hostEl) === n2
   );
 }
 function isNativeShadowDom(shadowRoot2) {
@@ -354,6 +354,17 @@ class Mirror {
         (childNode) => this.removeNodeFromMap(childNode)
       );
     }
+    if (isElement$1(n2)) {
+      const shadowRootEl = index$2.shadowRoot(n2);
+      if (shadowRootEl) {
+        this.removeNodeFromMap(shadowRootEl);
+      }
+      if (n2.nodeName === "IFRAME" && n2.contentDocument) {
+        this.removeNodeFromMap(
+          n2.contentDocument
+        );
+      }
+    }
   }
   has(id) {
     return this.idNodeMap.has(id);
@@ -690,7 +701,7 @@ function classMatchesRegex(node2, regex, checkAncestors) {
   if (!node2) return false;
   if (node2.nodeType !== node2.ELEMENT_NODE) {
     if (!checkAncestors) return false;
-    return classMatchesRegex(index$1.parentNode(node2), regex, checkAncestors);
+    return classMatchesRegex(index$2.parentNode(node2), regex, checkAncestors);
   }
   for (let eIndex = node2.classList.length; eIndex--; ) {
     const className = node2.classList[eIndex];
@@ -699,19 +710,19 @@ function classMatchesRegex(node2, regex, checkAncestors) {
     }
   }
   if (!checkAncestors) return false;
-  return classMatchesRegex(index$1.parentNode(node2), regex, checkAncestors);
+  return classMatchesRegex(index$2.parentNode(node2), regex, checkAncestors);
 }
 function needMaskingText(node2, maskTextClass, maskTextSelector, checkAncestors) {
   let el;
-  if (isElement(node2)) {
+  if (isElement$1(node2)) {
     el = node2;
-    if (!index$1.childNodes(el).length) {
+    if (!index$2.childNodes(el).length) {
       return false;
     }
-  } else if (index$1.parentElement(node2) === null) {
+  } else if (index$2.parentElement(node2) === null) {
     return false;
   } else {
-    el = index$1.parentElement(node2);
+    el = index$2.parentElement(node2);
   }
   try {
     if (typeof maskTextClass === "string") {
@@ -860,7 +871,7 @@ function serializeNode(n2, options) {
     case n2.COMMENT_NODE:
       return {
         type: NodeType$1$1.Comment,
-        textContent: index$1.textContent(n2) || "",
+        textContent: index$2.textContent(n2) || "",
         rootId
       };
     default:
@@ -875,9 +886,9 @@ function getRootId(doc, mirror2) {
 function serializeTextNode(n2, options) {
   var _a2;
   const { needsMask, maskTextFn, rootId } = options;
-  const parent = index$1.parentNode(n2);
+  const parent = index$2.parentNode(n2);
   const parentTagName = parent && parent.tagName;
-  let text = index$1.textContent(n2);
+  let text = index$2.textContent(n2);
   const isStyle = parentTagName === "STYLE" ? true : void 0;
   const isScript = parentTagName === "SCRIPT" ? true : void 0;
   if (isStyle && text) {
@@ -898,7 +909,7 @@ function serializeTextNode(n2, options) {
     text = "SCRIPT_PLACEHOLDER";
   }
   if (!isStyle && !isScript && text && needsMask) {
-    text = maskTextFn ? maskTextFn(text, index$1.parentElement(n2)) : text.replace(/[\S]/g, "*");
+    text = maskTextFn ? maskTextFn(text, index$2.parentElement(n2)) : text.replace(/[\S]/g, "*");
   }
   return {
     type: NodeType$1$1.Text,
@@ -968,7 +979,7 @@ function serializeElementNode(n2, options) {
     }
   }
   if (tagName === "style" && n2.sheet && // TODO: Currently we only try to get dynamic stylesheet when it is an empty style element
-  !(n2.innerText || index$1.textContent(n2) || "").trim().length) {
+  !(n2.innerText || index$2.textContent(n2) || "").trim().length) {
     const cssText = stringifyStylesheet(
       n2.sheet
     );
@@ -1234,7 +1245,7 @@ function serializeNodeWithId(n2, options) {
   if (serializedNode.type === NodeType$1$1.Element) {
     recordChild = recordChild && !serializedNode.needBlock;
     delete serializedNode.needBlock;
-    const shadowRootEl = index$1.shadowRoot(n2);
+    const shadowRootEl = index$2.shadowRoot(n2);
     if (shadowRootEl && isNativeShadowDom(shadowRootEl))
       serializedNode.isShadowHost = true;
   }
@@ -1269,7 +1280,7 @@ function serializeNodeWithId(n2, options) {
     };
     if (serializedNode.type === NodeType$1$1.Element && serializedNode.tagName === "textarea" && serializedNode.attributes.value !== void 0) ;
     else {
-      for (const childN of Array.from(index$1.childNodes(n2))) {
+      for (const childN of Array.from(index$2.childNodes(n2))) {
         const serializedChildNode = serializeNodeWithId(childN, bypassOptions);
         if (serializedChildNode) {
           serializedNode.childNodes.push(serializedChildNode);
@@ -1277,8 +1288,8 @@ function serializeNodeWithId(n2, options) {
       }
     }
     let shadowRootEl = null;
-    if (isElement(n2) && (shadowRootEl = index$1.shadowRoot(n2))) {
-      for (const childN of Array.from(index$1.childNodes(shadowRootEl))) {
+    if (isElement$1(n2) && (shadowRootEl = index$2.shadowRoot(n2))) {
+      for (const childN of Array.from(index$2.childNodes(shadowRootEl))) {
         const serializedChildNode = serializeNodeWithId(childN, bypassOptions);
         if (serializedChildNode) {
           isNativeShadowDom(shadowRootEl) && (serializedChildNode.isShadow = true);
@@ -1287,7 +1298,7 @@ function serializeNodeWithId(n2, options) {
       }
     }
   }
-  const parent = index$1.parentNode(n2);
+  const parent = index$2.parentNode(n2);
   if (parent && isShadowRoot(parent) && isNativeShadowDom(parent)) {
     serializedNode.isShadow = true;
   }
@@ -11835,14 +11846,22 @@ class IframeManager {
   }
   removeIframeById(iframeId) {
     const entry = this.attachedIframes.get(iframeId);
-    if (!entry) return;
-    const win = entry.element.contentWindow;
-    if (win && this.nestedIframeListeners.has(win)) {
-      const handler = this.nestedIframeListeners.get(win);
-      win.removeEventListener("message", handler);
-      this.nestedIframeListeners.delete(win);
+    const iframe = (entry == null ? void 0 : entry.element) || this.mirror.getNode(iframeId);
+    if (iframe) {
+      const win = iframe.contentWindow;
+      if (win && this.nestedIframeListeners.has(win)) {
+        const handler = this.nestedIframeListeners.get(win);
+        win.removeEventListener("message", handler);
+        this.nestedIframeListeners.delete(win);
+      }
+      if (win) {
+        this.crossOriginIframeMap.delete(win);
+      }
+      this.iframes.delete(iframe);
+    }
+    if (entry) {
+      this.attachedIframes.delete(iframeId);
     }
-    this.attachedIframes.delete(iframeId);
   }
   reattachIframes() {
     this.attachedIframes.forEach(({ content }, iframeId) => {
@@ -12808,9 +12827,12 @@ function record(options = {}) {
     }
   };
   const wrappedMutationEmit = (m) => {
-    if (recordCrossOriginIframes && m.removes) {
+    if (recordCrossOriginIframes && m.removes && m.removes.length > 0) {
+      const addedIds = m.adds.length > 0 ? new Set(m.adds.map((add) => add.node.id)) : null;
       m.removes.forEach(({ id }) => {
-        iframeManager.removeIframeById(id);
+        if (!addedIds || !addedIds.has(id)) {
+          iframeManager.removeIframeById(id);
+        }
       });
     }
     wrappedEmit({