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

package/dist/rrweb-record.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
@@ -422,19 +452,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 (
@@ -447,23 +485,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);
@@ -559,9 +623,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);
@@ -582,10 +643,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;
@@ -629,7 +690,7 @@ const interactiveTags = [
   "video",
   "audio"
 ];
-const inlineEventAttributes = [
+const inlineEventAttributes$1 = [
   "onclick",
   "ondblclick",
   "onmousedown",
@@ -687,33 +748,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-_:]");
@@ -1007,6 +1055,7 @@ function serializeNode(n2, options) {
           childNodes: [],
           xPath,
           compatMode: n2.compatMode
+          // probably "BackCompat"
         };
       } else {
         return {
@@ -1301,7 +1350,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(
@@ -1563,7 +1612,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,
@@ -1580,7 +1629,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,
@@ -5221,6 +5270,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) {
@@ -5236,6 +5309,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;
 }
@@ -8970,6 +9058,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,
@@ -8982,7 +9096,8 @@ const index = {
   shadowRoot,
   querySelector,
   querySelectorAll,
-  mutationObserver: mutationObserverCtor
+  mutationObserver: mutationObserverCtor,
+  patch
 };
 function on(type, fn, target = document) {
   const options = { capture: true, passive: true };
@@ -9065,32 +9180,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();
@@ -9290,13 +9379,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) => {
@@ -9656,10 +9746,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)) {
@@ -12060,7 +12158,6 @@ try {
 }
 const mirror = createMirror$2();
 function record(options = {}) {
-  var _a2;
   const {
     emit,
     checkoutEveryNms,
@@ -12070,7 +12167,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,
@@ -12096,24 +12193,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) {
@@ -12180,10 +12266,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) {
@@ -12192,10 +12278,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;
@@ -12266,7 +12352,7 @@ function record(options = {}) {
   canvasManager = new CanvasManager({
     recordCanvas,
     mutationCb: wrappedCanvasMutationEmit,
-    win,
+    win: window,
     blockClass,
     blockSelector,
     mirror,
@@ -12307,9 +12393,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
@@ -12317,12 +12403,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,
@@ -12339,7 +12426,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) => {
@@ -12359,22 +12446,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,
@@ -12477,7 +12564,7 @@ function record(options = {}) {
           inlineImages,
           userTriggeredOnInput,
           collectFonts,
-          doc: doc2,
+          doc,
           maskInputFn,
           maskTextFn,
           keepIframeSrcFn,
@@ -12491,7 +12578,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({
@@ -12515,10 +12602,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(
@@ -12540,7 +12627,7 @@ function record(options = {}) {
             });
             if (recordAfter === "load") init();
           },
-          win
+          window
         )
       );
     }