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

package/dist/rrweb-player.umd.cjs

@@ -444,6 +444,9 @@ var NodeType$3 = /* @__PURE__ */ ((NodeType2) => {
   NodeType2[NodeType2["Comment"] = 5] = "Comment";
   return NodeType2;
 })(NodeType$3 || {});
+function isElement(n2) {
+  return n2.nodeType === n2.ELEMENT_NODE;
+}
 class Mirror {
   constructor() {
     __publicField$1(this, "idNodeMap", /* @__PURE__ */ new Map());
@@ -517,8 +520,17 @@ function isNodeMetaEqual(a2, b) {
     return a2.tagName === b.tagName && JSON.stringify(a2.attributes) === JSON.stringify(b.attributes) && a2.isSVG === b.isSVG && a2.needBlock === b.needBlock;
   return false;
 }
-function isElement(n2) {
-  return n2.nodeType === n2.ELEMENT_NODE;
+function extractFileExtension(path, baseURL) {
+  var _a2;
+  let url;
+  try {
+    url = new URL(path, baseURL != null ? baseURL : window.location.href);
+  } catch (err) {
+    return null;
+  }
+  const regex = /\.([0-9a-z]+)(?:$)/i;
+  const match = url.pathname.match(regex);
+  return (_a2 = match == null ? void 0 : match[1]) != null ? _a2 : null;
 }
 const interactiveEvents$1 = [
   "change",
@@ -545,27 +557,59 @@ const interactiveEvents$1 = [
   "touchend",
   "touchcancel"
 ];
+const inlineEventAttributes$1 = [
+  "onclick",
+  "ondblclick",
+  "onmousedown",
+  "onmouseup",
+  "onmouseover",
+  "onmouseout",
+  "onmousemove",
+  "onfocus",
+  "onblur",
+  "onkeydown",
+  "onkeypress",
+  "onkeyup",
+  "onchange",
+  "oninput",
+  "onsubmit",
+  "onreset",
+  "onselect",
+  "oncontextmenu",
+  "ontouchstart",
+  "ontouchmove",
+  "ontouchend",
+  "ontouchcancel"
+];
 const interactiveElementsRegistry$1 = /* @__PURE__ */ new WeakSet();
-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 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);
     }
-  };
+  }
+};
+const originalRemoveEventListener$1 = EventTarget.prototype.removeEventListener;
+EventTarget.prototype.removeEventListener = function(type, listener, options) {
+  originalRemoveEventListener$1.call(this, type, listener, options);
+};
+function inspectInlineEventHandlers$1() {
+  const allElements = document.querySelectorAll("*");
+  allElements.forEach((el) => {
+    inlineEventAttributes$1.forEach((attr2) => {
+      if (el.hasAttribute(attr2)) {
+        interactiveElementsRegistry$1.add(el);
+      }
+    });
+  });
 }
-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();
-    }
-  };
+if (document.readyState === "complete" || document.readyState === "interactive") {
+  inspectInlineEventHandlers$1();
+} else {
+  document.addEventListener("DOMContentLoaded", inspectInlineEventHandlers$1);
 }
 const MEDIA_SELECTOR = /(max|min)-device-(width|height)/;
 const MEDIA_SELECTOR_GLOBAL = new RegExp(MEDIA_SELECTOR.source, "g");
@@ -4204,11 +4248,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;
 }
@@ -4229,11 +4278,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);
     }
   }
 }
@@ -4317,8 +4394,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",
@@ -4627,27 +4704,59 @@ 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();
-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);
-      }
+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((attr2) => {
+      if (el.hasAttribute(attr2)) {
+        interactiveElementsRegistry.add(el);
+      }
+    });
+  });
 }
-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();
-    }
-  };
+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;
@@ -9603,6 +9712,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 (e2) {
+    return () => {
+    };
+  }
+}
 const index = {
   childNodes,
   parentNode,
@@ -9615,7 +9750,8 @@ const index = {
   shadowRoot,
   querySelector,
   querySelectorAll,
-  mutationObserver: mutationObserverCtor
+  mutationObserver: mutationObserverCtor,
+  patch
 };
 const DEPARTED_MIRROR_ACCESS_WARNING = "Please stop import mirror directly. Instead of that,\r\nnow you can use replayer.getMirror() to access the mirror instance of a replayer,\r\nor you can use record.mirror to access the mirror instance during recording.";
 let _mirror = {
@@ -9834,13 +9970,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 CanvasContext = /* @__PURE__ */ ((CanvasContext2) => {