@appsurify-testmap/rrweb-record 2.0.0-alpha.35 → 2.0.0-alpha.41

package/dist/rrweb-record.cjs

@@ -515,7 +515,7 @@ function getXPath(node2) {
       return "/html/body";
     }
     const parentNode2 = element.parentNode;
-    if (!parentNode2 || !(parentNode2 instanceof Element)) {
+    if (!parentNode2) {
       return "";
     }
     const siblings = Array.from(parentNode2.children).filter(
@@ -577,14 +577,19 @@ function isTextVisible(n2) {
   return textContent2 !== "";
 }
 function isElementVisible(n2) {
-  return isStyleVisible(n2) && isRectVisible(n2.getBoundingClientRect());
-}
-function isStyleVisible(n2) {
-  const style = window.getComputedStyle(n2);
-  return style.display !== "none" && style.visibility !== "hidden" && parseFloat(style.opacity) !== 0;
-}
-function isRectVisible(rect) {
-  return rect.width > 0 && rect.height > 0 && rect.top >= 0 && rect.left >= 0 && rect.bottom <= (window.innerHeight || document.documentElement.clientHeight) && rect.right <= (window.innerWidth || document.documentElement.clientWidth);
+  var _a2;
+  const win = ((_a2 = n2.ownerDocument) == null ? void 0 : _a2.defaultView) ?? null;
+  const style = win ? win.getComputedStyle(n2) : null;
+  const isStyleVisible = style != null && style.display !== "none" && style.visibility !== "hidden" && parseFloat(style.opacity) !== 0;
+  const rect = n2.getBoundingClientRect();
+  const result2 = isStyleVisible && isRectVisible(rect, win);
+  return result2;
+}
+function isRectVisible(rect, win) {
+  var _a2, _b, _c, _d;
+  const height = (win == null ? void 0 : win.innerHeight) ?? ((_b = (_a2 = win == null ? void 0 : win.document) == null ? void 0 : _a2.documentElement) == null ? void 0 : _b.clientHeight) ?? 0;
+  const width = (win == null ? void 0 : win.innerWidth) ?? ((_d = (_c = win == null ? void 0 : win.document) == null ? void 0 : _c.documentElement) == null ? void 0 : _d.clientWidth) ?? 0;
+  return rect.width > 0 && rect.height > 0 && rect.top >= 0 && rect.left >= 0 && rect.bottom <= height && rect.right <= width;
 }
 const interactiveEvents$1 = [
   "change",
@@ -624,7 +629,7 @@ const interactiveTags = [
   "video",
   "audio"
 ];
-const inlineEventAttributes$1 = [
+const inlineEventAttributes = [
   "onclick",
   "ondblclick",
   "onmousedown",
@@ -649,25 +654,31 @@ const inlineEventAttributes$1 = [
   "ontouchcancel"
 ];
 const interactiveElementsRegistry$1 = /* @__PURE__ */ new WeakSet();
-const originalAddEventListener$1 = EventTarget.prototype.addEventListener;
-EventTarget.prototype.addEventListener = function(type, listener, options) {
-  originalAddEventListener$1.call(this, type, listener, options);
-  if (this instanceof Element) {
-    const eventType = type.toLowerCase();
-    if (interactiveEvents$1.includes(eventType)) {
-      interactiveElementsRegistry$1.add(this);
+if (typeof Element !== "undefined" && typeof EventTarget !== "undefined") {
+  const originalAddEventListener = EventTarget.prototype.addEventListener;
+  EventTarget.prototype.addEventListener = function(type, listener, options) {
+    originalAddEventListener.call(this, type, listener, options);
+    if (this instanceof Element) {
+      const eventType = type.toLowerCase();
+      if (interactiveEvents$1.includes(eventType)) {
+        interactiveElementsRegistry$1.add(this);
+      }
     }
-  }
-};
-const originalRemoveEventListener$1 = EventTarget.prototype.removeEventListener;
-EventTarget.prototype.removeEventListener = function(type, listener, options) {
-  originalRemoveEventListener$1.call(this, type, listener, options);
-};
+  };
+}
+if (typeof Element !== "undefined" && typeof EventTarget !== "undefined") {
+  const originalRemoveEventListener = EventTarget.prototype.removeEventListener;
+  EventTarget.prototype.removeEventListener = function(type, listener, options) {
+    originalRemoveEventListener.call(this, type, listener, options);
+    if (this instanceof Element) {
+      type.toLowerCase();
+    }
+  };
+}
 function hasEventListeners(n2) {
   return n2 instanceof Element && interactiveElementsRegistry$1.has(n2);
 }
 function isElementInteractive(n2) {
-  var _a2;
   if (n2.nodeType === Node.ELEMENT_NODE) {
     const element = n2;
     const tagName = element.tagName.toLowerCase();
@@ -681,30 +692,35 @@ function isElementInteractive(n2) {
     const result2 = hasEventListeners(element) || hasTabIndex || hasRoleInteractive || element instanceof HTMLAnchorElement && element.hasAttribute("href") || element instanceof HTMLButtonElement && !element.disabled;
     return result2;
   }
-  if (n2.nodeType === Node.TEXT_NODE) {
-    const textNode = n2;
-    const parentElement2 = textNode.parentElement;
-    if (parentElement2 !== null && interactiveTags.includes(parentElement2.tagName.toLowerCase())) {
-      return true;
-    }
-    return parentElement2 !== null && isElementVisible(parentElement2) && ((_a2 = textNode.textContent) == null ? void 0 : _a2.trim().length) !== 0 && isElementInteractive(parentElement2);
-  }
   return false;
 }
-function inspectInlineEventHandlers$1() {
-  const allElements = document.querySelectorAll("*");
+function inspectInlineEventHandlers(doc) {
+  if (!doc || typeof doc.querySelectorAll !== "function") return;
+  const allElements = doc.querySelectorAll("*");
   allElements.forEach((el) => {
-    inlineEventAttributes$1.forEach((attr) => {
+    inlineEventAttributes.forEach((attr) => {
       if (el.hasAttribute(attr)) {
         interactiveElementsRegistry$1.add(el);
       }
     });
   });
 }
-if (document.readyState === "complete" || document.readyState === "interactive") {
-  inspectInlineEventHandlers$1();
-} else {
-  document.addEventListener("DOMContentLoaded", inspectInlineEventHandlers$1);
+function scheduleInlineEventInspection(doc) {
+  if (!doc || typeof doc.addEventListener !== "function" || typeof doc.querySelectorAll !== "function") {
+    return;
+  }
+  try {
+    if (doc.readyState === "complete" || doc.readyState === "interactive") {
+      inspectInlineEventHandlers(doc);
+    } else {
+      doc.addEventListener("DOMContentLoaded", () => inspectInlineEventHandlers(doc), {
+        once: true,
+        capture: false
+      });
+    }
+  } catch (e2) {
+    console.warn("[inlineEventInspection] Failed to inspect document:", e2);
+  }
 }
 let _id = 1;
 const tagNameRegex = new RegExp("[^a-z0-9-_:]");
@@ -823,9 +839,29 @@ function transformAttribute(doc, tagName, name, value) {
   }
   return value;
 }
-function ignoreAttribute(tagName, name, _value) {
+function isIgnoreAttribute(tagName, name, _value) {
   return (tagName === "video" || tagName === "audio") && name === "autoplay";
 }
+function cleanAttributes(doc, element, ignoreAttribute) {
+  const tagName = getValidTagName$1(element);
+  const attributes = {};
+  const len = element.attributes.length;
+  for (let i2 = 0; i2 < len; i2++) {
+    const attr = element.attributes[i2];
+    const name = attr.name;
+    const value = attr.value;
+    const shouldIgnoreByName = typeof ignoreAttribute === "string" ? name === ignoreAttribute : ignoreAttribute.test(name);
+    if (!shouldIgnoreByName && !isIgnoreAttribute(tagName, name)) {
+      attributes[name] = transformAttribute(
+        doc,
+        tagName,
+        toLowerCase(name),
+        value
+      );
+    }
+  }
+  return attributes;
+}
 function _isBlockedElement(element, blockClass, blockSelector) {
   try {
     if (typeof blockClass === "string") {
@@ -955,6 +991,7 @@ function serializeNode(n2, options) {
     mirror: mirror2,
     blockClass,
     blockSelector,
+    ignoreAttribute,
     needsMask,
     inlineStylesheet,
     maskInputOptions = {},
@@ -999,6 +1036,7 @@ function serializeNode(n2, options) {
         doc,
         blockClass,
         blockSelector,
+        ignoreAttribute,
         inlineStylesheet,
         maskInputOptions,
         maskInputFn,
@@ -1076,6 +1114,7 @@ function serializeElementNode(n2, options) {
     doc,
     blockClass,
     blockSelector,
+    ignoreAttribute,
     inlineStylesheet,
     maskInputOptions = {},
     maskInputFn,
@@ -1089,19 +1128,7 @@ function serializeElementNode(n2, options) {
   } = options;
   const needBlock = _isBlockedElement(n2, blockClass, blockSelector);
   const tagName = getValidTagName$1(n2);
-  let attributes = {};
-  const len = n2.attributes.length;
-  for (let i2 = 0; i2 < len; i2++) {
-    const attr = n2.attributes[i2];
-    if (!ignoreAttribute(tagName, attr.name, attr.value)) {
-      attributes[attr.name] = transformAttribute(
-        doc,
-        tagName,
-        toLowerCase(attr.name),
-        attr.value
-      );
-    }
-  }
+  let attributes = cleanAttributes(doc, n2, ignoreAttribute);
   if (tagName === "link" && inlineStylesheet) {
     const stylesheet = Array.from(doc.styleSheets).find((s2) => {
       return s2.href === n2.href;
@@ -1315,6 +1342,7 @@ function serializeNodeWithId(n2, options) {
     blockSelector,
     maskTextClass,
     maskTextSelector,
+    ignoreAttribute,
     skipChild = false,
     inlineStylesheet = true,
     maskInputOptions = {},
@@ -1349,6 +1377,7 @@ function serializeNodeWithId(n2, options) {
     mirror: mirror2,
     blockClass,
     blockSelector,
+    ignoreAttribute,
     needsMask,
     inlineStylesheet,
     maskInputOptions,
@@ -1401,6 +1430,7 @@ function serializeNodeWithId(n2, options) {
       needsMask,
       maskTextClass,
       maskTextSelector,
+      ignoreAttribute,
       skipChild,
       inlineStylesheet,
       maskInputOptions,
@@ -1460,6 +1490,7 @@ function serializeNodeWithId(n2, options) {
             needsMask,
             maskTextClass,
             maskTextSelector,
+            ignoreAttribute,
             skipChild: false,
             inlineStylesheet,
             maskInputOptions,
@@ -1501,6 +1532,7 @@ function serializeNodeWithId(n2, options) {
             needsMask,
             maskTextClass,
             maskTextSelector,
+            ignoreAttribute,
             skipChild: false,
             inlineStylesheet,
             maskInputOptions,
@@ -1538,6 +1570,7 @@ function snapshot(n2, options) {
     blockSelector = null,
     maskTextClass = "rr-mask",
     maskTextSelector = null,
+    ignoreAttribute = "rr-ignore-attr",
     inlineStylesheet = true,
     inlineImages = false,
     recordCanvas = false,
@@ -1554,6 +1587,7 @@ function snapshot(n2, options) {
     stylesheetLoadTimeout,
     keepIframeSrcFn = () => false
   } = options || {};
+  scheduleInlineEventInspection(n2);
   const maskInputOptions = maskAllInputs === true ? {
     color: true,
     date: true,
@@ -1597,6 +1631,7 @@ function snapshot(n2, options) {
     blockSelector,
     maskTextClass,
     maskTextSelector,
+    ignoreAttribute,
     skipChild: false,
     inlineStylesheet,
     maskInputOptions,
@@ -5193,59 +5228,27 @@ const interactiveEvents = [
   "touchend",
   "touchcancel"
 ];
-const inlineEventAttributes = [
-  "onclick",
-  "ondblclick",
-  "onmousedown",
-  "onmouseup",
-  "onmouseover",
-  "onmouseout",
-  "onmousemove",
-  "onfocus",
-  "onblur",
-  "onkeydown",
-  "onkeypress",
-  "onkeyup",
-  "onchange",
-  "oninput",
-  "onsubmit",
-  "onreset",
-  "onselect",
-  "oncontextmenu",
-  "ontouchstart",
-  "ontouchmove",
-  "ontouchend",
-  "ontouchcancel"
-];
 const interactiveElementsRegistry = /* @__PURE__ */ new WeakSet();
-const originalAddEventListener = EventTarget.prototype.addEventListener;
-EventTarget.prototype.addEventListener = function(type, listener, options) {
-  originalAddEventListener.call(this, type, listener, options);
-  if (this instanceof Element) {
-    const eventType = type.toLowerCase();
-    if (interactiveEvents.includes(eventType)) {
-      interactiveElementsRegistry.add(this);
-    }
-  }
-};
-const originalRemoveEventListener = EventTarget.prototype.removeEventListener;
-EventTarget.prototype.removeEventListener = function(type, listener, options) {
-  originalRemoveEventListener.call(this, type, listener, options);
-};
-function inspectInlineEventHandlers() {
-  const allElements = document.querySelectorAll("*");
-  allElements.forEach((el) => {
-    inlineEventAttributes.forEach((attr) => {
-      if (el.hasAttribute(attr)) {
-        interactiveElementsRegistry.add(el);
+if (typeof Element !== "undefined" && typeof EventTarget !== "undefined") {
+  const originalAddEventListener = EventTarget.prototype.addEventListener;
+  EventTarget.prototype.addEventListener = function(type, listener, options) {
+    originalAddEventListener.call(this, type, listener, options);
+    if (this instanceof Element) {
+      const eventType = type.toLowerCase();
+      if (interactiveEvents.includes(eventType)) {
+        interactiveElementsRegistry.add(this);
       }
-    });
-  });
+    }
+  };
 }
-if (document.readyState === "complete" || document.readyState === "interactive") {
-  inspectInlineEventHandlers();
-} else {
-  document.addEventListener("DOMContentLoaded", inspectInlineEventHandlers);
+if (typeof Element !== "undefined" && typeof EventTarget !== "undefined") {
+  const originalRemoveEventListener = EventTarget.prototype.removeEventListener;
+  EventTarget.prototype.removeEventListener = function(type, listener, options) {
+    originalRemoveEventListener.call(this, type, listener, options);
+    if (this instanceof Element) {
+      type.toLowerCase();
+    }
+  };
 }
 function getDefaultExportFromCjs(x2) {
   return x2 && x2.__esModule && Object.prototype.hasOwnProperty.call(x2, "default") ? x2["default"] : x2;
@@ -9106,7 +9109,7 @@ let nowTimestamp = Date.now;
 if (!/* @__PURE__ */ /[1-9][0-9]{12}/.test(Date.now().toString())) {
   nowTimestamp = () => (/* @__PURE__ */ new Date()).getTime();
 }
-function getWindowScroll(win) {
+function getWindowScroll(win = window) {
   var _a2, _b, _c, _d;
   const doc = win.document;
   return {
@@ -9114,11 +9117,13 @@ function getWindowScroll(win) {
     top: doc.scrollingElement ? doc.scrollingElement.scrollTop : win.pageYOffset !== void 0 ? win.pageYOffset : (doc == null ? void 0 : doc.documentElement.scrollTop) || (doc == null ? void 0 : doc.body) && ((_c = index.parentElement(doc.body)) == null ? void 0 : _c.scrollTop) || ((_d = doc == null ? void 0 : doc.body) == null ? void 0 : _d.scrollTop) || 0
   };
 }
-function getWindowHeight() {
-  return window.innerHeight || document.documentElement && document.documentElement.clientHeight || document.body && document.body.clientHeight;
+function getWindowHeight(win = window) {
+  const doc = win.document;
+  return win.innerHeight || doc.documentElement && doc.documentElement.clientHeight || doc.body && doc.body.clientHeight || 0;
 }
-function getWindowWidth() {
-  return window.innerWidth || document.documentElement && document.documentElement.clientWidth || document.body && document.body.clientWidth;
+function getWindowWidth(win = window) {
+  const doc = win.document;
+  return win.innerWidth || doc.documentElement && doc.documentElement.clientWidth || doc.body && doc.body.clientWidth || 0;
 }
 function closestElementOfNode(node2) {
   if (!node2) {
@@ -9437,6 +9442,7 @@ class MutationBuffer {
     __publicField(this, "blockSelector");
     __publicField(this, "maskTextClass");
     __publicField(this, "maskTextSelector");
+    __publicField(this, "ignoreAttribute");
     __publicField(this, "inlineStylesheet");
     __publicField(this, "maskInputOptions");
     __publicField(this, "maskTextFn");
@@ -9500,6 +9506,7 @@ class MutationBuffer {
           blockSelector: this.blockSelector,
           maskTextClass: this.maskTextClass,
           maskTextSelector: this.maskTextSelector,
+          ignoreAttribute: this.ignoreAttribute || "",
           skipChild: true,
           newlyAddedElement: true,
           inlineStylesheet: this.inlineStylesheet,
@@ -9728,7 +9735,7 @@ class MutationBuffer {
           if (attributeName === "type" && target.tagName === "INPUT" && (m.oldValue || "").toLowerCase() === "password") {
             target.setAttribute("data-rr-is-password", "true");
           }
-          if (!ignoreAttribute(target.tagName, attributeName)) {
+          if (!isIgnoreAttribute(target.tagName, attributeName)) {
             item.attributes[attributeName] = transformAttribute(
               this.doc,
               toLowerCase(target.tagName),
@@ -9847,6 +9854,7 @@ class MutationBuffer {
       "blockSelector",
       "maskTextClass",
       "maskTextSelector",
+      "ignoreAttribute",
       "inlineStylesheet",
       "maskInputOptions",
       "maskTextFn",
@@ -12076,6 +12084,7 @@ function record(options = {}) {
     blockSelector = null,
     ignoreClass = "rr-ignore",
     ignoreSelector = null,
+    ignoreAttribute = "rr-ignore-attribute",
     maskTextClass = "rr-mask",
     maskTextSelector = null,
     inlineStylesheet = true,
@@ -12271,7 +12280,7 @@ function record(options = {}) {
   canvasManager = new CanvasManager({
     recordCanvas,
     mutationCb: wrappedCanvasMutationEmit,
-    win: window,
+    win,
     blockClass,
     blockSelector,
     mirror,
@@ -12286,6 +12295,7 @@ function record(options = {}) {
       blockSelector,
       maskTextClass,
       maskTextSelector,
+      ignoreAttribute,
       inlineStylesheet,
       maskInputOptions,
       dataURLOptions,
@@ -12312,8 +12322,8 @@ function record(options = {}) {
         type: EventType.Meta,
         data: {
           href: win.location.href,
-          width: getWindowWidth(),
-          height: getWindowHeight()
+          width: getWindowWidth(win),
+          height: getWindowHeight(win)
         }
       },
       isCheckout
@@ -12321,7 +12331,7 @@ function record(options = {}) {
     stylesheetManager.reset();
     shadowDomManager.init();
     mutationBuffers.forEach((buf) => buf.lock());
-    const node2 = snapshot(document, {
+    const node2 = snapshot(doc, {
       mirror,
       blockClass,
       blockSelector,
@@ -12343,7 +12353,7 @@ function record(options = {}) {
           stylesheetManager.trackLinkElement(n2);
         }
         if (hasShadowRoot(n2)) {
-          shadowDomManager.addShadowRoot(index.shadowRoot(n2), document);
+          shadowDomManager.addShadowRoot(index.shadowRoot(n2), doc);
         }
       },
       onIframeLoad: (iframe, childSn) => {
@@ -12363,7 +12373,7 @@ function record(options = {}) {
         type: EventType.FullSnapshot,
         data: {
           node: node2,
-          initialOffset: getWindowScroll(window)
+          initialOffset: getWindowScroll(win)
         }
       },
       isCheckout
@@ -12472,6 +12482,7 @@ function record(options = {}) {
           ignoreSelector,
           maskTextClass,
           maskTextSelector,
+          ignoreAttribute,
           maskInputOptions,
           inlineStylesheet,
           sampling,
@@ -12518,7 +12529,7 @@ function record(options = {}) {
     });
     const init = () => {
       takeFullSnapshot$1();
-      handlers.push(observe(document));
+      handlers.push(observe(doc));
       recording = true;
     };
     if (doc.readyState === "interactive" || doc.readyState === "complete") {
@@ -12543,7 +12554,7 @@ function record(options = {}) {
             });
             if (recordAfter === "load") init();
           },
-          window
+          win
         )
       );
     }