@appsurify-testmap/rrweb 2.0.0-alpha.40 → 2.1.0-alpha.1

package/dist/rrweb.cjs

@@ -144,6 +144,32 @@ function querySelectorAll$1(n2, 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,
@@ -156,8 +182,12 @@ const index$1 = {
   shadowRoot: shadowRoot$1,
   querySelector: querySelector$1,
   querySelectorAll: querySelectorAll$1,
-  mutationObserver: mutationObserverCtor$1
+  mutationObserver: mutationObserverCtor$1,
+  patch: patch$1
 };
+function isElement(n2) {
+  return n2.nodeType === n2.ELEMENT_NODE;
+}
 function isShadowRoot(n2) {
   const hostEl = (
     // anchor and textarea elements also have a `host` property
@@ -434,19 +464,27 @@ function absolutifyURLs(cssText, href) {
     }
   );
 }
-function normalizeCssString(cssText) {
-  return cssText.replace(/(\/\*[^*]*\*\/)|[\s;]/g, "");
+function normalizeCssString(cssText, _testNoPxNorm = false) {
+  if (_testNoPxNorm) {
+    return cssText.replace(/(\/\*[^*]*\*\/)|[\s;]/g, "");
+  } else {
+    return cssText.replace(/(\/\*[^*]*\*\/)|[\s;]/g, "").replace(/0px/g, "0");
+  }
 }
-function splitCssText(cssText, style) {
+function splitCssText(cssText, style, _testNoPxNorm = false) {
   const childNodes2 = Array.from(style.childNodes);
   const splits = [];
-  let iterLimit = 0;
+  let iterCount = 0;
   if (childNodes2.length > 1 && cssText && typeof cssText === "string") {
-    let cssTextNorm = normalizeCssString(cssText);
+    let cssTextNorm = normalizeCssString(cssText, _testNoPxNorm);
     const normFactor = cssTextNorm.length / cssText.length;
     for (let i2 = 1; i2 < childNodes2.length; i2++) {
       if (childNodes2[i2].textContent && typeof childNodes2[i2].textContent === "string") {
-        const textContentNorm = normalizeCssString(childNodes2[i2].textContent);
+        const textContentNorm = normalizeCssString(
+          childNodes2[i2].textContent,
+          _testNoPxNorm
+        );
+        const jLimit = 100;
         let j = 3;
         for (; j < textContentNorm.length; j++) {
           if (
@@ -459,23 +497,49 @@ function splitCssText(cssText, style) {
           break;
         }
         for (; j < textContentNorm.length; j++) {
-          const bit = textContentNorm.substring(0, j);
-          const bits = cssTextNorm.split(bit);
+          let startSubstring = textContentNorm.substring(0, j);
+          let cssNormSplits = cssTextNorm.split(startSubstring);
           let splitNorm = -1;
-          if (bits.length === 2) {
-            splitNorm = cssTextNorm.indexOf(bit);
-          } else if (bits.length > 2 && bits[0] === "" && childNodes2[i2 - 1].textContent !== "") {
-            splitNorm = cssTextNorm.indexOf(bit, 1);
+          if (cssNormSplits.length === 2) {
+            splitNorm = cssNormSplits[0].length;
+          } else if (cssNormSplits.length > 2 && cssNormSplits[0] === "" && childNodes2[i2 - 1].textContent !== "") {
+            splitNorm = cssTextNorm.indexOf(startSubstring, 1);
+          } else if (cssNormSplits.length === 1) {
+            startSubstring = startSubstring.substring(
+              0,
+              startSubstring.length - 1
+            );
+            cssNormSplits = cssTextNorm.split(startSubstring);
+            if (cssNormSplits.length <= 1) {
+              splits.push(cssText);
+              return splits;
+            }
+            j = jLimit + 1;
+          } else if (j === textContentNorm.length - 1) {
+            splitNorm = cssTextNorm.indexOf(startSubstring);
+          }
+          if (cssNormSplits.length >= 2 && j > jLimit) {
+            const prevTextContent = childNodes2[i2 - 1].textContent;
+            if (prevTextContent && typeof prevTextContent === "string") {
+              const prevMinLength = normalizeCssString(prevTextContent).length;
+              splitNorm = cssTextNorm.indexOf(startSubstring, prevMinLength);
+            }
+            if (splitNorm === -1) {
+              splitNorm = cssNormSplits[0].length;
+            }
           }
           if (splitNorm !== -1) {
             let k = Math.floor(splitNorm / normFactor);
             for (; k > 0 && k < cssText.length; ) {
-              iterLimit += 1;
-              if (iterLimit > 50 * childNodes2.length) {
+              iterCount += 1;
+              if (iterCount > 50 * childNodes2.length) {
                 splits.push(cssText);
                 return splits;
               }
-              const normPart = normalizeCssString(cssText.substring(0, k));
+              const normPart = normalizeCssString(
+                cssText.substring(0, k),
+                _testNoPxNorm
+              );
               if (normPart.length === splitNorm) {
                 splits.push(cssText.substring(0, k));
                 cssText = cssText.substring(k);
@@ -571,9 +635,6 @@ function getXPath(node2) {
   }
   return "";
 }
-function isElement(n2) {
-  return n2.nodeType === n2.ELEMENT_NODE;
-}
 function isTextVisible(n2) {
   var _a2;
   const parent = index$1.parentNode(n2);
@@ -594,10 +655,10 @@ function isElementVisible(n2) {
   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);
+  const result2 = isStyleVisible && isRectVisible(rect);
   return result2;
 }
-function isRectVisible(rect, win) {
+function isRectVisible(rect, win = window) {
   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;
@@ -641,7 +702,7 @@ const interactiveTags = [
   "video",
   "audio"
 ];
-const inlineEventAttributes = [
+const inlineEventAttributes$1 = [
   "onclick",
   "ondblclick",
   "onmousedown",
@@ -699,33 +760,20 @@ function isElementInteractive(n2) {
   }
   return false;
 }
-function inspectInlineEventHandlers(doc) {
-  if (!doc || typeof doc.querySelectorAll !== "function") return;
-  const allElements = doc.querySelectorAll("*");
+function inspectInlineEventHandlers$1() {
+  const allElements = document.querySelectorAll("*");
   allElements.forEach((el) => {
-    inlineEventAttributes.forEach((attr) => {
+    inlineEventAttributes$1.forEach((attr) => {
       if (el.hasAttribute(attr)) {
         interactiveElementsRegistry$1.add(el);
       }
     });
   });
 }
-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);
-  }
+if (document.readyState === "complete" || document.readyState === "interactive") {
+  inspectInlineEventHandlers$1();
+} else {
+  document.addEventListener("DOMContentLoaded", inspectInlineEventHandlers$1);
 }
 let _id = 1;
 const tagNameRegex = new RegExp("[^a-z0-9-_:]");
@@ -1019,6 +1067,7 @@ function serializeNode(n2, options) {
           childNodes: [],
           xPath,
           compatMode: n2.compatMode
+          // probably "BackCompat"
         };
       } else {
         return {
@@ -1313,7 +1362,7 @@ function slimDOMExcluded(sn, slimDOMOptions) {
   } else if (sn.type === NodeType$3.Element) {
     if (slimDOMOptions.script && // script tag
     (sn.tagName === "script" || // (module)preload link
-    sn.tagName === "link" && (sn.attributes.rel === "preload" || sn.attributes.rel === "modulepreload") && sn.attributes.as === "script" || // prefetch link
+    sn.tagName === "link" && (sn.attributes.rel === "preload" && sn.attributes.as === "script" || sn.attributes.rel === "modulepreload") || // prefetch link
     sn.tagName === "link" && sn.attributes.rel === "prefetch" && typeof sn.attributes.href === "string" && extractFileExtension(sn.attributes.href) === "js")) {
       return true;
     } else if (slimDOMOptions.headFavicon && (sn.tagName === "link" && sn.attributes.rel === "shortcut icon" || sn.tagName === "meta" && (lowerIfExists(sn.attributes.name).match(
@@ -1575,7 +1624,7 @@ function snapshot(n2, options) {
     blockSelector = null,
     maskTextClass = "rr-mask",
     maskTextSelector = null,
-    ignoreAttribute = "rr-ignore-attr",
+    ignoreAttribute = "rr-ignore",
     inlineStylesheet = true,
     inlineImages = false,
     recordCanvas = false,
@@ -1592,7 +1641,7 @@ function snapshot(n2, options) {
     stylesheetLoadTimeout,
     keepIframeSrcFn = () => false
   } = options || {};
-  scheduleInlineEventInspection(n2);
+  console.debug(`${Date.now()} [rrweb-snapshot] snapshot:options:`, options);
   const maskInputOptions = maskAllInputs === true ? {
     color: true,
     date: true,
@@ -5289,11 +5338,16 @@ function getTagName(n2) {
 function adaptCssForReplay(cssText, cache) {
   const cachedStyle = cache == null ? void 0 : cache.stylesWithHoverClass.get(cssText);
   if (cachedStyle) return cachedStyle;
-  const ast = postcss$1$1([
-    mediaSelectorPlugin,
-    pseudoClassPlugin
-  ]).process(cssText);
-  const result2 = ast.css;
+  let result2 = cssText;
+  try {
+    const ast = postcss$1$1([
+      mediaSelectorPlugin,
+      pseudoClassPlugin
+    ]).process(cssText);
+    result2 = ast.css;
+  } catch (error) {
+    console.warn("Failed to adapt css for replay", error);
+  }
   cache == null ? void 0 : cache.stylesWithHoverClass.set(cssText, result2);
   return result2;
 }
@@ -5314,11 +5368,39 @@ function applyCssSplits(n2, cssText, hackCss, cache) {
   while (cssTextSplits.length > 1 && cssTextSplits.length > childTextNodes.length) {
     cssTextSplits.splice(-2, 2, cssTextSplits.slice(-2).join(""));
   }
+  let adaptedCss = "";
+  if (hackCss) {
+    adaptedCss = adaptCssForReplay(cssTextSplits.join(""), cache);
+  }
+  let startIndex = 0;
   for (let i2 = 0; i2 < childTextNodes.length; i2++) {
+    if (i2 === cssTextSplits.length) {
+      break;
+    }
     const childTextNode = childTextNodes[i2];
-    const cssTextSection = cssTextSplits[i2];
-    if (childTextNode && cssTextSection) {
-      childTextNode.textContent = hackCss ? adaptCssForReplay(cssTextSection, cache) : cssTextSection;
+    if (!hackCss) {
+      childTextNode.textContent = cssTextSplits[i2];
+    } else if (i2 < cssTextSplits.length - 1) {
+      let endIndex = startIndex;
+      let endSearch = cssTextSplits[i2 + 1].length;
+      endSearch = Math.min(endSearch, 30);
+      let found = false;
+      for (; endSearch > 2; endSearch--) {
+        const searchBit = cssTextSplits[i2 + 1].substring(0, endSearch);
+        const searchIndex = adaptedCss.substring(startIndex).indexOf(searchBit);
+        found = searchIndex !== -1;
+        if (found) {
+          endIndex += searchIndex;
+          break;
+        }
+      }
+      if (!found) {
+        endIndex += cssTextSplits[i2].length;
+      }
+      childTextNode.textContent = adaptedCss.substring(startIndex, endIndex);
+      startIndex = endIndex;
+    } else {
+      childTextNode.textContent = adaptedCss.substring(startIndex);
     }
   }
 }
@@ -5402,8 +5484,8 @@ function buildNode(n2, options) {
           } else if (tagName === "meta" && n2.attributes["http-equiv"] === "Content-Security-Policy" && name === "content") {
             node2.setAttribute("csp-content", value.toString());
             continue;
-          } else if (tagName === "link" && (n2.attributes.rel === "preload" || n2.attributes.rel === "modulepreload") && n2.attributes.as === "script") {
-          } else if (tagName === "link" && n2.attributes.rel === "prefetch" && typeof n2.attributes.href === "string" && n2.attributes.href.endsWith(".js")) {
+          } else if (tagName === "link" && (n2.attributes.rel === "preload" && n2.attributes.as === "script" || n2.attributes.rel === "modulepreload")) {
+          } else if (tagName === "link" && n2.attributes.rel === "prefetch" && typeof n2.attributes.href === "string" && extractFileExtension(n2.attributes.href) === "js") {
           } else if (tagName === "img" && n2.attributes.srcset && n2.attributes.rr_dataURL) {
             node2.setAttribute(
               "rrweb-original-srcset",
@@ -5712,6 +5794,30 @@ 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) {
@@ -5727,6 +5833,21 @@ 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;
 }
@@ -10677,6 +10798,32 @@ function querySelectorAll(n2, 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,
@@ -10689,7 +10836,8 @@ const index = {
   shadowRoot,
   querySelector,
   querySelectorAll,
-  mutationObserver: mutationObserverCtor
+  mutationObserver: mutationObserverCtor,
+  patch
 };
 function on(type, fn, target = document) {
   const options = { capture: true, passive: true };
@@ -10772,32 +10920,6 @@ function hookSetter(target, key, d, isRevoked, win = window) {
   );
   return () => hookSetter(target, key, original || {}, true);
 }
-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 () => {
-    };
-  }
-}
 let nowTimestamp = Date.now;
 if (!/* @__PURE__ */ /[1-9][0-9]{12}/.test(Date.now().toString())) {
   nowTimestamp = () => (/* @__PURE__ */ new Date()).getTime();
@@ -11085,7 +11207,6 @@ const utils = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.definePropert
     return nowTimestamp;
   },
   on,
-  patch,
   polyfill: polyfill$1,
   queueToResolveTrees,
   shadowHostInDom,
@@ -11127,13 +11248,14 @@ var MouseInteractions = /* @__PURE__ */ ((MouseInteractions2) => {
   MouseInteractions2[MouseInteractions2["MouseUp"] = 0] = "MouseUp";
   MouseInteractions2[MouseInteractions2["MouseDown"] = 1] = "MouseDown";
   MouseInteractions2[MouseInteractions2["Click"] = 2] = "Click";
-  MouseInteractions2[MouseInteractions2["DblClick"] = 3] = "DblClick";
-  MouseInteractions2[MouseInteractions2["Focus"] = 4] = "Focus";
-  MouseInteractions2[MouseInteractions2["Blur"] = 5] = "Blur";
-  MouseInteractions2[MouseInteractions2["TouchStart"] = 6] = "TouchStart";
-  MouseInteractions2[MouseInteractions2["TouchMove_Departed"] = 7] = "TouchMove_Departed";
-  MouseInteractions2[MouseInteractions2["TouchEnd"] = 8] = "TouchEnd";
-  MouseInteractions2[MouseInteractions2["TouchCancel"] = 9] = "TouchCancel";
+  MouseInteractions2[MouseInteractions2["ContextMenu"] = 3] = "ContextMenu";
+  MouseInteractions2[MouseInteractions2["DblClick"] = 4] = "DblClick";
+  MouseInteractions2[MouseInteractions2["Focus"] = 5] = "Focus";
+  MouseInteractions2[MouseInteractions2["Blur"] = 6] = "Blur";
+  MouseInteractions2[MouseInteractions2["TouchStart"] = 7] = "TouchStart";
+  MouseInteractions2[MouseInteractions2["TouchMove_Departed"] = 8] = "TouchMove_Departed";
+  MouseInteractions2[MouseInteractions2["TouchEnd"] = 9] = "TouchEnd";
+  MouseInteractions2[MouseInteractions2["TouchCancel"] = 10] = "TouchCancel";
   return MouseInteractions2;
 })(MouseInteractions || {});
 var PointerTypes = /* @__PURE__ */ ((PointerTypes2) => {
@@ -11530,10 +11652,18 @@ class MutationBuffer {
         this.attributes.push(item);
         this.attributeMap.set(textarea, item);
       }
-      item.attributes.value = Array.from(
+      const value = Array.from(
         index.childNodes(textarea),
         (cn) => index.textContent(cn) || ""
       ).join("");
+      item.attributes.value = maskInputValue({
+        element: textarea,
+        maskInputOptions: this.maskInputOptions,
+        tagName: textarea.tagName,
+        type: getInputType(textarea),
+        value,
+        maskInputFn: this.maskInputFn
+      });
     });
     __publicField(this, "processMutation", (m) => {
       if (isIgnored(m.target, this.mirror, this.slimDOMOptions)) {
@@ -13957,7 +14087,6 @@ try {
 }
 const mirror = createMirror$2();
 function record(options = {}) {
-  var _a2;
   const {
     emit,
     checkoutEveryNms,
@@ -13967,7 +14096,7 @@ function record(options = {}) {
     blockSelector = null,
     ignoreClass = "rr-ignore",
     ignoreSelector = null,
-    ignoreAttribute = "rr-ignore-attribute",
+    ignoreAttribute = "rr-ignore",
     maskTextClass = "rr-mask",
     maskTextSelector = null,
     inlineStylesheet = true,
@@ -13993,24 +14122,13 @@ 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);
-  }
+  console.debug(`${Date.now()} [rrweb] record:options:`, options);
   registerErrorHandler(errorHandler2);
-  const inEmittingFrame = recordCrossOriginIframes ? win.parent === win : true;
+  const inEmittingFrame = recordCrossOriginIframes ? window.parent === window : true;
   let passEmitsToParent = false;
   if (!inEmittingFrame) {
     try {
-      if (win.parent.document) {
+      if (window.parent.document) {
         passEmitsToParent = false;
       }
     } catch (e2) {
@@ -14077,10 +14195,10 @@ function record(options = {}) {
     return e2;
   };
   wrappedEmit = (r2, isCheckout) => {
-    var _a3;
+    var _a2;
     const e2 = r2;
     e2.timestamp = nowTimestamp();
-    if (((_a3 = mutationBuffers[0]) == null ? void 0 : _a3.isFrozen()) && e2.type !== EventType.FullSnapshot && !(e2.type === EventType.IncrementalSnapshot && e2.data.source === IncrementalSource.Mutation)) {
+    if (((_a2 = mutationBuffers[0]) == null ? void 0 : _a2.isFrozen()) && e2.type !== EventType.FullSnapshot && !(e2.type === EventType.IncrementalSnapshot && e2.data.source === IncrementalSource.Mutation)) {
       mutationBuffers.forEach((buf) => buf.unfreeze());
     }
     if (inEmittingFrame) {
@@ -14089,10 +14207,10 @@ function record(options = {}) {
       const message = {
         type: "rrweb",
         event: eventProcessor(e2),
-        origin: win.location.origin,
+        origin: window.location.origin,
         isCheckout
       };
-      win.parent.postMessage(message, "*");
+      window.parent.postMessage(message, "*");
     }
     if (e2.type === EventType.FullSnapshot) {
       lastFullSnapshotEvent = e2;
@@ -14163,7 +14281,7 @@ function record(options = {}) {
   canvasManager = new CanvasManager({
     recordCanvas,
     mutationCb: wrappedCanvasMutationEmit,
-    win,
+    win: window,
     blockClass,
     blockSelector,
     mirror,
@@ -14204,9 +14322,9 @@ function record(options = {}) {
       {
         type: EventType.Meta,
         data: {
-          href: win.location.href,
-          width: getWindowWidth(win),
-          height: getWindowHeight(win)
+          href: window.location.href,
+          width: getWindowWidth(),
+          height: getWindowHeight()
         }
       },
       isCheckout
@@ -14214,12 +14332,13 @@ function record(options = {}) {
     stylesheetManager.reset();
     shadowDomManager.init();
     mutationBuffers.forEach((buf) => buf.lock());
-    const node2 = snapshot(doc, {
+    const node2 = snapshot(document, {
       mirror,
       blockClass,
       blockSelector,
       maskTextClass,
       maskTextSelector,
+      ignoreAttribute,
       inlineStylesheet,
       maskAllInputs: maskInputOptions,
       maskTextFn,
@@ -14236,7 +14355,7 @@ function record(options = {}) {
           stylesheetManager.trackLinkElement(n2);
         }
         if (hasShadowRoot(n2)) {
-          shadowDomManager.addShadowRoot(index.shadowRoot(n2), doc);
+          shadowDomManager.addShadowRoot(index.shadowRoot(n2), document);
         }
       },
       onIframeLoad: (iframe, childSn) => {
@@ -14256,22 +14375,22 @@ function record(options = {}) {
         type: EventType.FullSnapshot,
         data: {
           node: node2,
-          initialOffset: getWindowScroll(win)
+          initialOffset: getWindowScroll(window)
         }
       },
       isCheckout
     );
     mutationBuffers.forEach((buf) => buf.unlock());
-    if (doc.adoptedStyleSheets && doc.adoptedStyleSheets.length > 0)
+    if (document.adoptedStyleSheets && document.adoptedStyleSheets.length > 0)
       stylesheetManager.adoptStyleSheets(
-        doc.adoptedStyleSheets,
-        mirror.getId(doc)
+        document.adoptedStyleSheets,
+        mirror.getId(document)
       );
   };
   try {
     const handlers = [];
-    const observe = (doc2) => {
-      var _a3;
+    const observe = (doc) => {
+      var _a2;
       return callbackWrapper(initObservers)(
         {
           mutationCb: wrappedMutationEmit,
@@ -14374,7 +14493,7 @@ function record(options = {}) {
           inlineImages,
           userTriggeredOnInput,
           collectFonts,
-          doc: doc2,
+          doc,
           maskInputFn,
           maskTextFn,
           keepIframeSrcFn,
@@ -14388,7 +14507,7 @@ function record(options = {}) {
           processedNodeManager,
           canvasManager,
           ignoreCSSAttributes,
-          plugins: ((_a3 = plugins == null ? void 0 : plugins.filter((p) => p.observer)) == null ? void 0 : _a3.map((p) => ({
+          plugins: ((_a2 = plugins == null ? void 0 : plugins.filter((p) => p.observer)) == null ? void 0 : _a2.map((p) => ({
             observer: p.observer,
             options: p.options,
             callback: (payload) => wrappedEmit({
@@ -14412,10 +14531,10 @@ function record(options = {}) {
     });
     const init = () => {
       takeFullSnapshot$1();
-      handlers.push(observe(doc));
+      handlers.push(observe(document));
       recording = true;
     };
-    if (doc.readyState === "interactive" || doc.readyState === "complete") {
+    if (document.readyState === "interactive" || document.readyState === "complete") {
       init();
     } else {
       handlers.push(
@@ -14437,7 +14556,7 @@ function record(options = {}) {
             });
             if (recordAfter === "load") init();
           },
-          win
+          window
         )
       );
     }