@posthog/rrdom 0.0.37 → 0.0.38

package/dist/rrdom.js

@@ -4,6 +4,184 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
 var __defProp2 = Object.defineProperty;
 var __defNormalProp2 = (obj, key, value) => key in obj ? __defProp2(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __publicField2 = (obj, key, value) => __defNormalProp2(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 {
+    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 {
+    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());
@@ -34,6 +212,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);
@@ -172,8 +361,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) {
@@ -703,8 +892,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;
@@ -716,17 +905,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;
@@ -739,8 +928,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;
@@ -771,10 +960,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) {
@@ -1001,10 +1190,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;
       }
@@ -1034,7 +1223,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;
                   }
@@ -1077,11 +1266,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();
@@ -1097,11 +1286,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();
@@ -1183,11 +1372,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();
@@ -1661,8 +1850,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);
@@ -1786,9 +1975,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);
     }
@@ -4064,13 +4253,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;
@@ -4262,10 +4451,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(
@@ -4326,9 +4515,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) {
@@ -4402,8 +4591,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)}`;
@@ -4421,8 +4610,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)}`;
@@ -4440,8 +4629,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)}`;