@posthog/rrweb 0.0.37 → 0.0.38

package/dist/rrweb.cjs

@@ -16,20 +16,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]) {
@@ -38,12 +38,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(
@@ -55,7 +55,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
@@ -66,7 +66,7 @@ function getUntaintedPrototype$1(key) {
     )
   );
   if (isUntaintedAccessors && isUntaintedMethods) {
-    untaintedBasePrototype$1[key] = candidate.prototype;
+    untaintedBasePrototype$2[key] = candidate.prototype;
     return candidate.prototype;
   }
   try {
@@ -77,80 +77,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 {
     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 () => {
@@ -176,32 +176,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) {
@@ -322,6 +322,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);
@@ -669,7 +680,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];
@@ -678,19 +689,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") {
@@ -839,7 +850,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:
@@ -854,9 +865,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) {
@@ -877,7 +888,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,
@@ -947,7 +958,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
     );
@@ -1213,7 +1224,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;
   }
@@ -1248,7 +1259,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);
@@ -1256,8 +1267,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);
@@ -1266,7 +1277,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;
   }
@@ -5718,7 +5729,7 @@ function buildNodeWithSN(n2, options) {
         console.warn("Failed to rebuild", childN);
         continue;
       }
-      if (childN.isShadow && isElement(node2) && node2.shadowRoot) {
+      if (childN.isShadow && isElement$1(node2) && node2.shadowRoot) {
         node2.shadowRoot.appendChild(childNode);
       } else if (n2.type === NodeType$1$1.Document && childN.type == NodeType$1$1.Element) {
         const htmlElement = childNode;
@@ -5809,6 +5820,184 @@ var __publicField2 = (obj, key, value) => __defNormalProp2(obj, typeof key !== "
 var __defProp22 = Object.defineProperty;
 var __defNormalProp22 = (obj, key, value) => key in obj ? __defProp22(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __publicField22 = (obj, key, value) => __defNormalProp22(obj, typeof key !== "symbol" ? key + "" : key, value);
+const testableAccessors$1 = {
+  Node: ["childNodes", "parentNode", "parentElement", "textContent"],
+  ShadowRoot: ["host", "styleSheets"],
+  Element: ["shadowRoot", "querySelector", "querySelectorAll"],
+  MutationObserver: []
+};
+const testableMethods$1 = {
+  Node: ["contains", "getRootNode"],
+  ShadowRoot: ["getSelection"],
+  Element: [],
+  MutationObserver: ["constructor"]
+};
+const untaintedBasePrototype$1 = {};
+function angularZoneUnpatchedAlternative$1(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]) {
+    return globalThis[angularUnpatchedVersionSymbol];
+  } else {
+    return void 0;
+  }
+}
+function getUntaintedPrototype$1(key) {
+  if (untaintedBasePrototype$1[key])
+    return untaintedBasePrototype$1[key];
+  const candidate = angularZoneUnpatchedAlternative$1(key) || globalThis[key];
+  const defaultPrototype = candidate.prototype;
+  const accessorNames = key in testableAccessors$1 ? testableAccessors$1[key] : void 0;
+  const isUntaintedAccessors = Boolean(
+    accessorNames && // @ts-expect-error 2345
+    accessorNames.every(
+      (accessor) => {
+        var _a2, _b;
+        return Boolean(
+          (_b = (_a2 = Object.getOwnPropertyDescriptor(defaultPrototype, accessor)) == null ? void 0 : _a2.get) == null ? void 0 : _b.toString().includes("[native code]")
+        );
+      }
+    )
+  );
+  const methodNames = key in testableMethods$1 ? testableMethods$1[key] : void 0;
+  const isUntaintedMethods = Boolean(
+    methodNames && methodNames.every(
+      // @ts-expect-error 2345
+      (method) => {
+        var _a2;
+        return typeof defaultPrototype[method] === "function" && ((_a2 = defaultPrototype[method]) == null ? void 0 : _a2.toString().includes("[native code]"));
+      }
+    )
+  );
+  if (isUntaintedAccessors && isUntaintedMethods) {
+    untaintedBasePrototype$1[key] = candidate.prototype;
+    return candidate.prototype;
+  }
+  try {
+    const iframeEl = document.createElement("iframe");
+    document.body.appendChild(iframeEl);
+    const win = iframeEl.contentWindow;
+    if (!win) return candidate.prototype;
+    const untaintedObject = win[key].prototype;
+    document.body.removeChild(iframeEl);
+    if (!untaintedObject) return defaultPrototype;
+    return untaintedBasePrototype$1[key] = untaintedObject;
+  } catch {
+    return defaultPrototype;
+  }
+}
+const untaintedAccessorCache$1 = {};
+function getUntaintedAccessor$1(key, instance, accessor) {
+  var _a2;
+  const cacheKey = `${key}.${String(accessor)}`;
+  if (untaintedAccessorCache$1[cacheKey])
+    return untaintedAccessorCache$1[cacheKey].call(
+      instance
+    );
+  const untaintedPrototype = getUntaintedPrototype$1(key);
+  const untaintedAccessor = (_a2 = Object.getOwnPropertyDescriptor(
+    untaintedPrototype,
+    accessor
+  )) == null ? void 0 : _a2.get;
+  if (!untaintedAccessor) return instance[accessor];
+  untaintedAccessorCache$1[cacheKey] = untaintedAccessor;
+  return untaintedAccessor.call(instance);
+}
+const untaintedMethodCache$1 = {};
+function getUntaintedMethod$1(key, instance, method) {
+  const cacheKey = `${key}.${String(method)}`;
+  if (untaintedMethodCache$1[cacheKey])
+    return untaintedMethodCache$1[cacheKey].bind(
+      instance
+    );
+  const untaintedPrototype = getUntaintedPrototype$1(key);
+  const untaintedMethod = untaintedPrototype[method];
+  if (typeof untaintedMethod !== "function") return instance[method];
+  untaintedMethodCache$1[cacheKey] = untaintedMethod;
+  return untaintedMethod.bind(instance);
+}
+function childNodes$1(n2) {
+  return getUntaintedAccessor$1("Node", n2, "childNodes");
+}
+function parentNode$1(n2) {
+  return getUntaintedAccessor$1("Node", n2, "parentNode");
+}
+function parentElement$1(n2) {
+  return getUntaintedAccessor$1("Node", n2, "parentElement");
+}
+function textContent$1(n2) {
+  return getUntaintedAccessor$1("Node", n2, "textContent");
+}
+function contains$1(n2, other) {
+  return getUntaintedMethod$1("Node", n2, "contains")(other);
+}
+function getRootNode$1(n2) {
+  return getUntaintedMethod$1("Node", n2, "getRootNode")();
+}
+function host$1(n2) {
+  if (!n2 || !("host" in n2)) return null;
+  return getUntaintedAccessor$1("ShadowRoot", n2, "host");
+}
+function styleSheets$1(n2) {
+  return n2.styleSheets;
+}
+function shadowRoot$1(n2) {
+  if (!n2 || !("shadowRoot" in n2)) return null;
+  return getUntaintedAccessor$1("Element", n2, "shadowRoot");
+}
+function querySelector$1(n2, selectors) {
+  return getUntaintedAccessor$1("Element", n2, "querySelector")(selectors);
+}
+function querySelectorAll$1(n2, selectors) {
+  return getUntaintedAccessor$1("Element", n2, "querySelectorAll")(selectors);
+}
+function mutationObserverCtor$1() {
+  return getUntaintedPrototype$1("MutationObserver").constructor;
+}
+function patch$1(source, name, replacement) {
+  try {
+    if (!(name in source)) {
+      return () => {
+      };
+    }
+    const original = source[name];
+    const wrapped = replacement(original);
+    if (typeof wrapped === "function") {
+      wrapped.prototype = wrapped.prototype || {};
+      Object.defineProperties(wrapped, {
+        __rrweb_original__: {
+          enumerable: false,
+          value: original
+        }
+      });
+    }
+    source[name] = wrapped;
+    return () => {
+      source[name] = original;
+    };
+  } catch {
+    return () => {
+    };
+  }
+}
+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
+};
+function isElement(n2) {
+  return n2.nodeType === n2.ELEMENT_NODE;
+}
 let Mirror$1 = class Mirror2 {
   constructor() {
     __publicField22(this, "idNodeMap", /* @__PURE__ */ new Map());
@@ -5839,6 +6028,17 @@ let Mirror$1 = class Mirror2 {
         (childNode) => this.removeNodeFromMap(childNode)
       );
     }
+    if (isElement(n2)) {
+      const shadowRootEl = index$1.shadowRoot(n2);
+      if (shadowRootEl) {
+        this.removeNodeFromMap(shadowRootEl);
+      }
+      if (n2.nodeName === "IFRAME" && n2.contentDocument) {
+        this.removeNodeFromMap(
+          n2.contentDocument
+        );
+      }
+    }
   }
   has(id) {
     return this.idNodeMap.has(id);