@appsurify-testmap/rrweb 2.0.0-alpha.32 → 2.0.0-alpha.40

package/dist/rrweb.d.cts

@@ -79,14 +79,14 @@ declare function getRootShadowHost(n: Node): Node;
 
 declare function getShadowHost(n: Node): Element | null;
 
-declare function getWindowHeight(): number;
+declare function getWindowHeight(win?: Window): number;
 
-declare function getWindowScroll(win: Window): {
+declare function getWindowScroll(win?: Window): {
     left: number;
     top: number;
 };
 
-declare function getWindowWidth(): number;
+declare function getWindowWidth(win?: Window): number;
 
 declare function hasShadowRoot<T extends Node | RRNode>(n: T): n is T & {
     shadowRoot: ShadowRoot;
@@ -233,6 +233,7 @@ export declare type recordOptions<T> = {
     ignoreSelector?: string;
     maskTextClass?: maskTextClass;
     maskTextSelector?: string;
+    ignoreAttribute?: string;
     maskAllInputs?: boolean;
     maskInputOptions?: MaskInputOptions;
     maskInputFn?: MaskInputFn;
@@ -255,6 +256,8 @@ export declare type recordOptions<T> = {
     mousemoveWait?: number;
     keepIframeSrcFn?: KeepIframeSrcFn;
     errorHandler?: ErrorHandler;
+    customWindow?: Window;
+    customDocument?: Document;
 };
 
 export declare class Replayer {

package/dist/rrweb.d.ts

@@ -79,14 +79,14 @@ declare function getRootShadowHost(n: Node): Node;
 
 declare function getShadowHost(n: Node): Element | null;
 
-declare function getWindowHeight(): number;
+declare function getWindowHeight(win?: Window): number;
 
-declare function getWindowScroll(win: Window): {
+declare function getWindowScroll(win?: Window): {
     left: number;
     top: number;
 };
 
-declare function getWindowWidth(): number;
+declare function getWindowWidth(win?: Window): number;
 
 declare function hasShadowRoot<T extends Node | RRNode>(n: T): n is T & {
     shadowRoot: ShadowRoot;
@@ -233,6 +233,7 @@ export declare type recordOptions<T> = {
     ignoreSelector?: string;
     maskTextClass?: maskTextClass;
     maskTextSelector?: string;
+    ignoreAttribute?: string;
     maskAllInputs?: boolean;
     maskInputOptions?: MaskInputOptions;
     maskInputFn?: MaskInputFn;
@@ -255,6 +256,8 @@ export declare type recordOptions<T> = {
     mousemoveWait?: number;
     keepIframeSrcFn?: KeepIframeSrcFn;
     errorHandler?: ErrorHandler;
+    customWindow?: Window;
+    customDocument?: Document;
 };
 
 export declare class Replayer {

package/dist/rrweb.js

@@ -525,7 +525,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(
@@ -587,14 +587,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;
+  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) {
-  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);
+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",
@@ -634,7 +639,7 @@ const interactiveTags = [
   "video",
   "audio"
 ];
-const inlineEventAttributes$1 = [
+const inlineEventAttributes = [
   "onclick",
   "ondblclick",
   "onmousedown",
@@ -677,7 +682,6 @@ 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();
@@ -691,30 +695,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-_:]");
@@ -833,9 +842,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") {
@@ -965,6 +994,7 @@ function serializeNode(n2, options) {
     mirror: mirror2,
     blockClass,
     blockSelector,
+    ignoreAttribute,
     needsMask,
     inlineStylesheet,
     maskInputOptions = {},
@@ -1009,6 +1039,7 @@ function serializeNode(n2, options) {
         doc,
         blockClass,
         blockSelector,
+        ignoreAttribute,
         inlineStylesheet,
         maskInputOptions,
         maskInputFn,
@@ -1086,6 +1117,7 @@ function serializeElementNode(n2, options) {
     doc,
     blockClass,
     blockSelector,
+    ignoreAttribute,
     inlineStylesheet,
     maskInputOptions = {},
     maskInputFn,
@@ -1099,19 +1131,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;
@@ -1325,6 +1345,7 @@ function serializeNodeWithId(n2, options) {
     blockSelector,
     maskTextClass,
     maskTextSelector,
+    ignoreAttribute,
     skipChild = false,
     inlineStylesheet = true,
     maskInputOptions = {},
@@ -1359,6 +1380,7 @@ function serializeNodeWithId(n2, options) {
     mirror: mirror2,
     blockClass,
     blockSelector,
+    ignoreAttribute,
     needsMask,
     inlineStylesheet,
     maskInputOptions,
@@ -1411,6 +1433,7 @@ function serializeNodeWithId(n2, options) {
       needsMask,
       maskTextClass,
       maskTextSelector,
+      ignoreAttribute,
       skipChild,
       inlineStylesheet,
       maskInputOptions,
@@ -1470,6 +1493,7 @@ function serializeNodeWithId(n2, options) {
             needsMask,
             maskTextClass,
             maskTextSelector,
+            ignoreAttribute,
             skipChild: false,
             inlineStylesheet,
             maskInputOptions,
@@ -1511,6 +1535,7 @@ function serializeNodeWithId(n2, options) {
             needsMask,
             maskTextClass,
             maskTextSelector,
+            ignoreAttribute,
             skipChild: false,
             inlineStylesheet,
             maskInputOptions,
@@ -1548,6 +1573,7 @@ function snapshot(n2, options) {
     blockSelector = null,
     maskTextClass = "rr-mask",
     maskTextSelector = null,
+    ignoreAttribute = "rr-ignore-attr",
     inlineStylesheet = true,
     inlineImages = false,
     recordCanvas = false,
@@ -1564,6 +1590,7 @@ function snapshot(n2, options) {
     stylesheetLoadTimeout,
     keepIframeSrcFn = () => false
   } = options || {};
+  scheduleInlineEventInspection(n2);
   const maskInputOptions = maskAllInputs === true ? {
     color: true,
     date: true,
@@ -1607,6 +1634,7 @@ function snapshot(n2, options) {
     blockSelector,
     maskTextClass,
     maskTextSelector,
+    ignoreAttribute,
     skipChild: false,
     inlineStylesheet,
     maskInputOptions,
@@ -5682,30 +5710,6 @@ 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) {
@@ -5721,21 +5725,6 @@ 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 (document.readyState === "complete" || document.readyState === "interactive") {
-  inspectInlineEventHandlers();
-} else {
-  document.addEventListener("DOMContentLoaded", inspectInlineEventHandlers);
-}
 function getDefaultExportFromCjs(x2) {
   return x2 && x2.__esModule && Object.prototype.hasOwnProperty.call(x2, "default") ? x2["default"] : x2;
 }
@@ -10811,7 +10800,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 {
@@ -10819,11 +10808,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) {
@@ -11309,6 +11300,7 @@ class MutationBuffer {
     __publicField(this, "blockSelector");
     __publicField(this, "maskTextClass");
     __publicField(this, "maskTextSelector");
+    __publicField(this, "ignoreAttribute");
     __publicField(this, "inlineStylesheet");
     __publicField(this, "maskInputOptions");
     __publicField(this, "maskTextFn");
@@ -11372,6 +11364,7 @@ class MutationBuffer {
           blockSelector: this.blockSelector,
           maskTextClass: this.maskTextClass,
           maskTextSelector: this.maskTextSelector,
+          ignoreAttribute: this.ignoreAttribute || "",
           skipChild: true,
           newlyAddedElement: true,
           inlineStylesheet: this.inlineStylesheet,
@@ -11600,7 +11593,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),
@@ -11722,6 +11715,7 @@ class MutationBuffer {
       "blockSelector",
       "maskTextClass",
       "maskTextSelector",
+      "ignoreAttribute",
       "inlineStylesheet",
       "maskInputOptions",
       "maskTextFn",
@@ -13961,6 +13955,7 @@ try {
 }
 const mirror = createMirror$2();
 function record(options = {}) {
+  var _a2;
   const {
     emit,
     checkoutEveryNms,
@@ -13970,6 +13965,7 @@ function record(options = {}) {
     blockSelector = null,
     ignoreClass = "rr-ignore",
     ignoreSelector = null,
+    ignoreAttribute = "rr-ignore-attribute",
     maskTextClass = "rr-mask",
     maskTextSelector = null,
     inlineStylesheet = true,
@@ -13995,12 +13991,24 @@ function record(options = {}) {
     ignoreCSSAttributes = /* @__PURE__ */ new Set([]),
     errorHandler: errorHandler2
   } = options;
+  const win = options.customWindow || window;
+  const doc = options.customDocument || document;
+  try {
+    if (Array.from([1], (x2) => x2 * 2)[0] !== 2) {
+      const cleanFrame = doc.createElement("iframe");
+      doc.body.appendChild(cleanFrame);
+      Array.from = ((_a2 = cleanFrame.contentWindow) == null ? void 0 : _a2.Array.from) || Array.from;
+      doc.body.removeChild(cleanFrame);
+    }
+  } catch (err) {
+    console.debug("Unable to override Array.from", err);
+  }
   registerErrorHandler(errorHandler2);
-  const inEmittingFrame = recordCrossOriginIframes ? window.parent === window : true;
+  const inEmittingFrame = recordCrossOriginIframes ? win.parent === win : true;
   let passEmitsToParent = false;
   if (!inEmittingFrame) {
     try {
-      if (window.parent.document) {
+      if (win.parent.document) {
         passEmitsToParent = false;
       }
     } catch (e2) {
@@ -14067,10 +14075,10 @@ function record(options = {}) {
     return e2;
   };
   wrappedEmit = (r2, isCheckout) => {
-    var _a2;
+    var _a3;
     const e2 = r2;
     e2.timestamp = nowTimestamp();
-    if (((_a2 = mutationBuffers[0]) == null ? void 0 : _a2.isFrozen()) && e2.type !== EventType.FullSnapshot && !(e2.type === EventType.IncrementalSnapshot && e2.data.source === IncrementalSource.Mutation)) {
+    if (((_a3 = mutationBuffers[0]) == null ? void 0 : _a3.isFrozen()) && e2.type !== EventType.FullSnapshot && !(e2.type === EventType.IncrementalSnapshot && e2.data.source === IncrementalSource.Mutation)) {
       mutationBuffers.forEach((buf) => buf.unfreeze());
     }
     if (inEmittingFrame) {
@@ -14079,10 +14087,10 @@ function record(options = {}) {
       const message = {
         type: "rrweb",
         event: eventProcessor(e2),
-        origin: window.location.origin,
+        origin: win.location.origin,
         isCheckout
       };
-      window.parent.postMessage(message, "*");
+      win.parent.postMessage(message, "*");
     }
     if (e2.type === EventType.FullSnapshot) {
       lastFullSnapshotEvent = e2;
@@ -14153,7 +14161,7 @@ function record(options = {}) {
   canvasManager = new CanvasManager({
     recordCanvas,
     mutationCb: wrappedCanvasMutationEmit,
-    win: window,
+    win,
     blockClass,
     blockSelector,
     mirror,
@@ -14168,6 +14176,7 @@ function record(options = {}) {
       blockSelector,
       maskTextClass,
       maskTextSelector,
+      ignoreAttribute,
       inlineStylesheet,
       maskInputOptions,
       dataURLOptions,
@@ -14193,9 +14202,9 @@ function record(options = {}) {
       {
         type: EventType.Meta,
         data: {
-          href: window.location.href,
-          width: getWindowWidth(),
-          height: getWindowHeight()
+          href: win.location.href,
+          width: getWindowWidth(win),
+          height: getWindowHeight(win)
         }
       },
       isCheckout
@@ -14203,7 +14212,7 @@ function record(options = {}) {
     stylesheetManager.reset();
     shadowDomManager.init();
     mutationBuffers.forEach((buf) => buf.lock());
-    const node2 = snapshot(document, {
+    const node2 = snapshot(doc, {
       mirror,
       blockClass,
       blockSelector,
@@ -14225,7 +14234,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) => {
@@ -14245,22 +14254,22 @@ function record(options = {}) {
         type: EventType.FullSnapshot,
         data: {
           node: node2,
-          initialOffset: getWindowScroll(window)
+          initialOffset: getWindowScroll(win)
         }
       },
       isCheckout
     );
     mutationBuffers.forEach((buf) => buf.unlock());
-    if (document.adoptedStyleSheets && document.adoptedStyleSheets.length > 0)
+    if (doc.adoptedStyleSheets && doc.adoptedStyleSheets.length > 0)
       stylesheetManager.adoptStyleSheets(
-        document.adoptedStyleSheets,
-        mirror.getId(document)
+        doc.adoptedStyleSheets,
+        mirror.getId(doc)
       );
   };
   try {
     const handlers = [];
-    const observe = (doc) => {
-      var _a2;
+    const observe = (doc2) => {
+      var _a3;
       return callbackWrapper(initObservers)(
         {
           mutationCb: wrappedMutationEmit,
@@ -14354,6 +14363,7 @@ function record(options = {}) {
           ignoreSelector,
           maskTextClass,
           maskTextSelector,
+          ignoreAttribute,
           maskInputOptions,
           inlineStylesheet,
           sampling,
@@ -14362,7 +14372,7 @@ function record(options = {}) {
           inlineImages,
           userTriggeredOnInput,
           collectFonts,
-          doc,
+          doc: doc2,
           maskInputFn,
           maskTextFn,
           keepIframeSrcFn,
@@ -14376,7 +14386,7 @@ function record(options = {}) {
           processedNodeManager,
           canvasManager,
           ignoreCSSAttributes,
-          plugins: ((_a2 = plugins == null ? void 0 : plugins.filter((p) => p.observer)) == null ? void 0 : _a2.map((p) => ({
+          plugins: ((_a3 = plugins == null ? void 0 : plugins.filter((p) => p.observer)) == null ? void 0 : _a3.map((p) => ({
             observer: p.observer,
             options: p.options,
             callback: (payload) => wrappedEmit({
@@ -14400,10 +14410,10 @@ function record(options = {}) {
     });
     const init = () => {
       takeFullSnapshot$1();
-      handlers.push(observe(document));
+      handlers.push(observe(doc));
       recording = true;
     };
-    if (document.readyState === "interactive" || document.readyState === "complete") {
+    if (doc.readyState === "interactive" || doc.readyState === "complete") {
       init();
     } else {
       handlers.push(
@@ -14425,7 +14435,7 @@ function record(options = {}) {
             });
             if (recordAfter === "load") init();
           },
-          window
+          win
         )
       );
     }