@posthog/rrdom 0.0.37 → 0.0.38

package/dist/rrdom.umd.cjs

@@ -38,6 +38,184 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 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 __publicField2 = (obj, key, value) => __defNormalProp22(obj, typeof key !== "symbol" ? key + "" : key, value);
+const testableAccessors = {
+  Node: ["childNodes", "parentNode", "parentElement", "textContent"],
+  ShadowRoot: ["host", "styleSheets"],
+  Element: ["shadowRoot", "querySelector", "querySelectorAll"],
+  MutationObserver: []
+};
+const testableMethods = {
+  Node: ["contains", "getRootNode"],
+  ShadowRoot: ["getSelection"],
+  Element: [],
+  MutationObserver: ["constructor"]
+};
+const untaintedBasePrototype = {};
+function angularZoneUnpatchedAlternative(key) {
+  var _a, _b;
+  const angularUnpatchedVersionSymbol = (_b = (_a = globalThis == null ? void 0 : globalThis.Zone) == null ? void 0 : _a.__symbol__) == null ? void 0 : _b.call(_a, key);
+  if (angularUnpatchedVersionSymbol && globalThis[angularUnpatchedVersionSymbol]) {
+    return globalThis[angularUnpatchedVersionSymbol];
+  } else {
+    return void 0;
+  }
+}
+function getUntaintedPrototype(key) {
+  if (untaintedBasePrototype[key])
+    return untaintedBasePrototype[key];
+  const candidate = angularZoneUnpatchedAlternative(key) || globalThis[key];
+  const defaultPrototype = candidate.prototype;
+  const accessorNames = key in testableAccessors ? testableAccessors[key] : void 0;
+  const isUntaintedAccessors = Boolean(
+    accessorNames && // @ts-expect-error 2345
+    accessorNames.every(
+      (accessor) => {
+        var _a, _b;
+        return Boolean(
+          (_b = (_a = Object.getOwnPropertyDescriptor(defaultPrototype, accessor)) == null ? void 0 : _a.get) == null ? void 0 : _b.toString().includes("[native code]")
+        );
+      }
+    )
+  );
+  const methodNames = key in testableMethods ? testableMethods[key] : void 0;
+  const isUntaintedMethods = Boolean(
+    methodNames && methodNames.every(
+      // @ts-expect-error 2345
+      (method) => {
+        var _a;
+        return typeof defaultPrototype[method] === "function" && ((_a = defaultPrototype[method]) == null ? void 0 : _a.toString().includes("[native code]"));
+      }
+    )
+  );
+  if (isUntaintedAccessors && isUntaintedMethods) {
+    untaintedBasePrototype[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[key] = untaintedObject;
+  } catch (e) {
+    return defaultPrototype;
+  }
+}
+const untaintedAccessorCache = {};
+function getUntaintedAccessor(key, instance, accessor) {
+  var _a;
+  const cacheKey = `${key}.${String(accessor)}`;
+  if (untaintedAccessorCache[cacheKey])
+    return untaintedAccessorCache[cacheKey].call(
+      instance
+    );
+  const untaintedPrototype = getUntaintedPrototype(key);
+  const untaintedAccessor = (_a = Object.getOwnPropertyDescriptor(
+    untaintedPrototype,
+    accessor
+  )) == null ? void 0 : _a.get;
+  if (!untaintedAccessor) return instance[accessor];
+  untaintedAccessorCache[cacheKey] = untaintedAccessor;
+  return untaintedAccessor.call(instance);
+}
+const untaintedMethodCache = {};
+function getUntaintedMethod(key, instance, method) {
+  const cacheKey = `${key}.${String(method)}`;
+  if (untaintedMethodCache[cacheKey])
+    return untaintedMethodCache[cacheKey].bind(
+      instance
+    );
+  const untaintedPrototype = getUntaintedPrototype(key);
+  const untaintedMethod = untaintedPrototype[method];
+  if (typeof untaintedMethod !== "function") return instance[method];
+  untaintedMethodCache[cacheKey] = untaintedMethod;
+  return untaintedMethod.bind(instance);
+}
+function childNodes(n) {
+  return getUntaintedAccessor("Node", n, "childNodes");
+}
+function parentNode(n) {
+  return getUntaintedAccessor("Node", n, "parentNode");
+}
+function parentElement(n) {
+  return getUntaintedAccessor("Node", n, "parentElement");
+}
+function textContent(n) {
+  return getUntaintedAccessor("Node", n, "textContent");
+}
+function contains(n, other) {
+  return getUntaintedMethod("Node", n, "contains")(other);
+}
+function getRootNode(n) {
+  return getUntaintedMethod("Node", n, "getRootNode")();
+}
+function host(n) {
+  if (!n || !("host" in n)) return null;
+  return getUntaintedAccessor("ShadowRoot", n, "host");
+}
+function styleSheets(n) {
+  return n.styleSheets;
+}
+function shadowRoot(n) {
+  if (!n || !("shadowRoot" in n)) return null;
+  return getUntaintedAccessor("Element", n, "shadowRoot");
+}
+function querySelector(n, selectors) {
+  return getUntaintedAccessor("Element", n, "querySelector")(selectors);
+}
+function querySelectorAll(n, selectors) {
+  return getUntaintedAccessor("Element", n, "querySelectorAll")(selectors);
+}
+function mutationObserverCtor() {
+  return getUntaintedPrototype("MutationObserver").constructor;
+}
+function patch(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 (e) {
+    return () => {
+    };
+  }
+}
+const index = {
+  childNodes,
+  parentNode,
+  parentElement,
+  textContent,
+  contains,
+  getRootNode,
+  host,
+  styleSheets,
+  shadowRoot,
+  querySelector,
+  querySelectorAll,
+  mutationObserver: mutationObserverCtor,
+  patch
+};
+function isElement(n) {
+  return n.nodeType === n.ELEMENT_NODE;
+}
 let Mirror$1 = class Mirror {
   constructor() {
     __publicField2(this, "idNodeMap", /* @__PURE__ */ new Map());
@@ -68,6 +246,17 @@ let Mirror$1 = class Mirror {
         (childNode) => this.removeNodeFromMap(childNode)
       );
     }
+    if (isElement(n)) {
+      const shadowRootEl = index.shadowRoot(n);
+      if (shadowRootEl) {
+        this.removeNodeFromMap(shadowRootEl);
+      }
+      if (n.nodeName === "IFRAME" && n.contentDocument) {
+        this.removeNodeFromMap(
+          n.contentDocument
+        );
+      }
+    }
   }
   has(id) {
     return this.idNodeMap.has(id);
@@ -206,8 +395,8 @@ function requireCssSyntaxError() {
       let start = Math.max(this.line - 3, 0);
       let end = Math.min(this.line + 2, lines.length);
       let maxWidth = String(end).length;
-      return lines.slice(start, end).map((line, index) => {
-        let number = start + 1 + index;
+      return lines.slice(start, end).map((line, index2) => {
+        let number = start + 1 + index2;
         let gutter = " " + (" " + number).slice(-maxWidth) + " | ";
         if (number === this.line) {
           if (line.length > 160) {
@@ -737,8 +926,8 @@ function requireNode() {
     }
     next() {
       if (!this.parent) return void 0;
-      let index = this.parent.index(this);
-      return this.parent.nodes[index + 1];
+      let index2 = this.parent.index(this);
+      return this.parent.nodes[index2 + 1];
     }
     positionBy(opts = {}) {
       let pos = this.source.start;
@@ -750,17 +939,17 @@ function requireNode() {
           sourceOffset(inputString, this.source.start),
           sourceOffset(inputString, this.source.end)
         );
-        let index = stringRepresentation.indexOf(opts.word);
-        if (index !== -1) pos = this.positionInside(index);
+        let index2 = stringRepresentation.indexOf(opts.word);
+        if (index2 !== -1) pos = this.positionInside(index2);
       }
       return pos;
     }
-    positionInside(index) {
+    positionInside(index2) {
       let column = this.source.start.column;
       let line = this.source.start.line;
       let inputString = "document" in this.source.input ? this.source.input.document : this.source.input.css;
       let offset = sourceOffset(inputString, this.source.start);
-      let end = offset + index;
+      let end = offset + index2;
       for (let i = offset; i < end; i++) {
         if (inputString[i] === "\n") {
           column = 1;
@@ -773,8 +962,8 @@ function requireNode() {
     }
     prev() {
       if (!this.parent) return void 0;
-      let index = this.parent.index(this);
-      return this.parent.nodes[index - 1];
+      let index2 = this.parent.index(this);
+      return this.parent.nodes[index2 - 1];
     }
     rangeBy(opts = {}) {
       let inputString = "document" in this.source.input ? this.source.input.document : this.source.input.css;
@@ -805,10 +994,10 @@ function requireNode() {
           sourceOffset(inputString, this.source.start),
           sourceOffset(inputString, this.source.end)
         );
-        let index = stringRepresentation.indexOf(opts.word);
-        if (index !== -1) {
-          start = this.positionInside(index);
-          end = this.positionInside(index + opts.word.length);
+        let index2 = stringRepresentation.indexOf(opts.word);
+        if (index2 !== -1) {
+          start = this.positionInside(index2);
+          end = this.positionInside(index2 + opts.word.length);
         }
       } else {
         if (opts.start) {
@@ -1035,10 +1224,10 @@ function requireContainer() {
     each(callback) {
       if (!this.proxyOf.nodes) return void 0;
       let iterator = this.getIterator();
-      let index, result2;
+      let index2, result2;
       while (this.indexes[iterator] < this.proxyOf.nodes.length) {
-        index = this.indexes[iterator];
-        result2 = callback(this.proxyOf.nodes[index], index);
+        index2 = this.indexes[iterator];
+        result2 = callback(this.proxyOf.nodes[index2], index2);
         if (result2 === false) break;
         this.indexes[iterator] += 1;
       }
@@ -1068,7 +1257,7 @@ function requireContainer() {
               return node2[prop](
                 ...args.map((i) => {
                   if (typeof i === "function") {
-                    return (child, index) => i(child.toProxy(), index);
+                    return (child, index2) => i(child.toProxy(), index2);
                   } else {
                     return i;
                   }
@@ -1111,11 +1300,11 @@ function requireContainer() {
       let nodes = this.normalize(add, this.proxyOf.nodes[existIndex]).reverse();
       existIndex = this.index(exist);
       for (let node2 of nodes) this.proxyOf.nodes.splice(existIndex + 1, 0, node2);
-      let index;
+      let index2;
       for (let id in this.indexes) {
-        index = this.indexes[id];
-        if (existIndex < index) {
-          this.indexes[id] = index + nodes.length;
+        index2 = this.indexes[id];
+        if (existIndex < index2) {
+          this.indexes[id] = index2 + nodes.length;
         }
       }
       this.markDirty();
@@ -1131,11 +1320,11 @@ function requireContainer() {
       ).reverse();
       existIndex = this.index(exist);
       for (let node2 of nodes) this.proxyOf.nodes.splice(existIndex, 0, node2);
-      let index;
+      let index2;
       for (let id in this.indexes) {
-        index = this.indexes[id];
-        if (existIndex <= index) {
-          this.indexes[id] = index + nodes.length;
+        index2 = this.indexes[id];
+        if (existIndex <= index2) {
+          this.indexes[id] = index2 + nodes.length;
         }
       }
       this.markDirty();
@@ -1217,11 +1406,11 @@ function requireContainer() {
       child = this.index(child);
       this.proxyOf.nodes[child].parent = void 0;
       this.proxyOf.nodes.splice(child, 1);
-      let index;
+      let index2;
       for (let id in this.indexes) {
-        index = this.indexes[id];
-        if (index >= child) {
-          this.indexes[id] = index - 1;
+        index2 = this.indexes[id];
+        if (index2 >= child) {
+          this.indexes[id] = index2 - 1;
         }
       }
       this.markDirty();
@@ -1695,8 +1884,8 @@ function requireInput() {
     }
     fromLineAndColumn(line, column) {
       let lineToIndex = getLineToIndex(this);
-      let index = lineToIndex[line - 1];
-      return index + column - 1;
+      let index2 = lineToIndex[line - 1];
+      return index2 + column - 1;
     }
     fromOffset(offset) {
       let lineToIndex = getLineToIndex(this);
@@ -1820,9 +2009,9 @@ function requireRoot() {
       return nodes;
     }
     removeChild(child, ignore) {
-      let index = this.index(child);
-      if (!ignore && index === 0 && this.nodes.length > 1) {
-        this.nodes[1].raws.before = this.nodes[index].raws.before;
+      let index2 = this.index(child);
+      if (!ignore && index2 === 0 && this.nodes.length > 1) {
+        this.nodes[1].raws.before = this.nodes[index2].raws.before;
       }
       return super.removeChild(child);
     }
@@ -4096,13 +4285,13 @@ class BaseRRNode {
     __publicField(this, "RRNodeType");
   }
   get childNodes() {
-    const childNodes = [];
+    const childNodes2 = [];
     let childIterator = this.firstChild;
     while (childIterator) {
-      childNodes.push(childIterator);
+      childNodes2.push(childIterator);
       childIterator = childIterator.nextSibling;
     }
-    return childNodes;
+    return childNodes2;
   }
   contains(node2) {
     if (!(node2 instanceof BaseRRNode)) return false;
@@ -4294,10 +4483,10 @@ class BaseRRElement extends BaseRRNode {
     this.childNodes.forEach((node2) => result2 += node2.textContent);
     return result2;
   }
-  set textContent(textContent) {
+  set textContent(textContent2) {
     this.firstChild = null;
     this.lastChild = null;
-    this.appendChild(this.ownerDocument.createTextNode(textContent));
+    this.appendChild(this.ownerDocument.createTextNode(textContent2));
   }
   get classList() {
     return new ClassList(
@@ -4358,9 +4547,9 @@ class BaseRRElement extends BaseRRNode {
   }
   // eslint-disable-next-line @typescript-eslint/no-unused-vars
   attachShadow(_init) {
-    const shadowRoot = this.ownerDocument.createElement("SHADOWROOT");
-    this.shadowRoot = shadowRoot;
-    return shadowRoot;
+    const shadowRoot2 = this.ownerDocument.createElement("SHADOWROOT");
+    this.shadowRoot = shadowRoot2;
+    return shadowRoot2;
   }
   // eslint-disable-next-line @typescript-eslint/no-unused-vars
   dispatchEvent(_event) {
@@ -4434,8 +4623,8 @@ class BaseRRText extends BaseRRNode {
   get textContent() {
     return this.data;
   }
-  set textContent(textContent) {
-    this.data = textContent;
+  set textContent(textContent2) {
+    this.data = textContent2;
   }
   toString() {
     return `RRText text=${JSON.stringify(this.data)}`;
@@ -4453,8 +4642,8 @@ class BaseRRComment extends BaseRRNode {
   get textContent() {
     return this.data;
   }
-  set textContent(textContent) {
-    this.data = textContent;
+  set textContent(textContent2) {
+    this.data = textContent2;
   }
   toString() {
     return `RRComment text=${JSON.stringify(this.data)}`;
@@ -4472,8 +4661,8 @@ class BaseRRCDATASection extends BaseRRNode {
   get textContent() {
     return this.data;
   }
-  set textContent(textContent) {
-    this.data = textContent;
+  set textContent(textContent2) {
+    this.data = textContent2;
   }
   toString() {
     return `RRCDATASection data=${JSON.stringify(this.data)}`;