@appsurify-testmap/rrweb-snapshot 2.0.0-alpha.30 → 2.0.0-alpha.31

package/dist/rrweb-snapshot.cjs

@@ -3,46 +3,6 @@ var __defProp = Object.defineProperty;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-var InteractiveEvent = /* @__PURE__ */ ((InteractiveEvent2) => {
-  InteractiveEvent2[InteractiveEvent2["Change"] = 0] = "Change";
-  InteractiveEvent2[InteractiveEvent2["Submit"] = 1] = "Submit";
-  InteractiveEvent2[InteractiveEvent2["DragStart"] = 2] = "DragStart";
-  InteractiveEvent2[InteractiveEvent2["Drop"] = 3] = "Drop";
-  InteractiveEvent2[InteractiveEvent2["PointerDown"] = 4] = "PointerDown";
-  InteractiveEvent2[InteractiveEvent2["PointerUp"] = 5] = "PointerUp";
-  InteractiveEvent2[InteractiveEvent2["Input"] = 6] = "Input";
-  InteractiveEvent2[InteractiveEvent2["KeyDown"] = 7] = "KeyDown";
-  InteractiveEvent2[InteractiveEvent2["KeyUp"] = 8] = "KeyUp";
-  InteractiveEvent2[InteractiveEvent2["KeyPress"] = 9] = "KeyPress";
-  InteractiveEvent2[InteractiveEvent2["MouseEnter"] = 10] = "MouseEnter";
-  InteractiveEvent2[InteractiveEvent2["MouseLeave"] = 11] = "MouseLeave";
-  InteractiveEvent2[InteractiveEvent2["MouseUp"] = 12] = "MouseUp";
-  InteractiveEvent2[InteractiveEvent2["MouseDown"] = 13] = "MouseDown";
-  InteractiveEvent2[InteractiveEvent2["Click"] = 14] = "Click";
-  InteractiveEvent2[InteractiveEvent2["ContextMenu"] = 15] = "ContextMenu";
-  InteractiveEvent2[InteractiveEvent2["DblClick"] = 16] = "DblClick";
-  InteractiveEvent2[InteractiveEvent2["Focus"] = 17] = "Focus";
-  InteractiveEvent2[InteractiveEvent2["Blur"] = 18] = "Blur";
-  InteractiveEvent2[InteractiveEvent2["TouchStart"] = 19] = "TouchStart";
-  InteractiveEvent2[InteractiveEvent2["TouchMove"] = 20] = "TouchMove";
-  InteractiveEvent2[InteractiveEvent2["TouchEnd"] = 21] = "TouchEnd";
-  InteractiveEvent2[InteractiveEvent2["TouchCancel"] = 22] = "TouchCancel";
-  return InteractiveEvent2;
-})(InteractiveEvent || {});
-var interactiveTag = /* @__PURE__ */ ((interactiveTag2) => {
-  interactiveTag2[interactiveTag2["Input"] = 0] = "Input";
-  interactiveTag2[interactiveTag2["Button"] = 1] = "Button";
-  interactiveTag2[interactiveTag2["A"] = 2] = "A";
-  interactiveTag2[interactiveTag2["Select"] = 3] = "Select";
-  interactiveTag2[interactiveTag2["Textarea"] = 4] = "Textarea";
-  interactiveTag2[interactiveTag2["Label"] = 5] = "Label";
-  interactiveTag2[interactiveTag2["Details"] = 6] = "Details";
-  interactiveTag2[interactiveTag2["Summary"] = 7] = "Summary";
-  interactiveTag2[interactiveTag2["Dialog"] = 8] = "Dialog";
-  interactiveTag2[interactiveTag2["Video"] = 9] = "Video";
-  interactiveTag2[interactiveTag2["Audio"] = 10] = "Audio";
-  return interactiveTag2;
-})(interactiveTag || {});
 var NodeType = /* @__PURE__ */ ((NodeType2) => {
   NodeType2[NodeType2["Document"] = 0] = "Document";
   NodeType2[NodeType2["DocumentType"] = 1] = "DocumentType";
@@ -634,32 +594,94 @@ function isStyleVisible(n) {
 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 getInteractiveEvents() {
-  return Object.keys(InteractiveEvent).filter((key) => isNaN(Number(key))).map((key) => key.toLowerCase().replace(/_/g, "-"));
-}
-function getInteractiveTags() {
-  return Object.keys(interactiveTag).filter((key) => isNaN(Number(key))).map((key) => key.toLowerCase().replace(/_/g, "-"));
-}
+const interactiveEvents = [
+  "change",
+  "submit",
+  "dragstart",
+  "drop",
+  "pointerdown",
+  "pointerup",
+  "input",
+  "keydown",
+  "keyup",
+  "keypress",
+  "mouseenter",
+  "mouseleave",
+  "mouseup",
+  "mousedown",
+  "click",
+  "contextmenu",
+  "dblclick",
+  "focus",
+  "blur",
+  "touchstart",
+  "touchmove",
+  "touchend",
+  "touchcancel"
+];
+const interactiveTags = [
+  "a",
+  "button",
+  "input",
+  "select",
+  "textarea",
+  "label",
+  "details",
+  "summary",
+  "dialog",
+  "video",
+  "audio"
+];
+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();
+    console.info("Event type: ", eventType);
+    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 hasEventListeners(n) {
-  return getInteractiveEvents().some((eventType) => {
-    let hasListener = false;
-    const testListener = () => {
-      hasListener = true;
-    };
-    n.addEventListener(eventType, testListener);
-    n.dispatchEvent(new Event(eventType));
-    n.removeEventListener(eventType, testListener);
-    return hasListener;
-  });
+  return n instanceof Element && interactiveElementsRegistry.has(n);
 }
 function isElementInteractive(n) {
   var _a;
-  const allowedTags = getInteractiveTags();
   if (n.nodeType === Node.ELEMENT_NODE) {
     const element = n;
     const tagName = element.tagName.toLowerCase();
-    if (!allowedTags.includes(tagName)) {
-      return false;
+    if (interactiveTags.includes(tagName)) {
+      return true;
     }
     const hasTabIndex = element.hasAttribute("tabindex") && element.getAttribute("tabindex") !== "-1";
     const hasRoleInteractive = ["button", "link", "checkbox", "switch", "menuitem"].includes(
@@ -671,10 +693,28 @@ function isElementInteractive(n) {
   if (n.nodeType === Node.TEXT_NODE) {
     const textNode = n;
     const parentElement2 = textNode.parentElement;
-    return parentElement2 !== null && allowedTags.includes(parentElement2.tagName.toLowerCase()) && isElementVisible(parentElement2) && ((_a = textNode.textContent) == null ? void 0 : _a.trim().length) !== 0 && isElementInteractive(parentElement2);
+    if (parentElement2 !== null && interactiveTags.includes(parentElement2.tagName.toLowerCase())) {
+      return true;
+    }
+    return parentElement2 !== null && isElementVisible(parentElement2) && ((_a = textNode.textContent) == null ? void 0 : _a.trim().length) !== 0 && isElementInteractive(parentElement2);
   }
   return false;
 }
+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);
+}
 let _id = 1;
 const tagNameRegex = new RegExp("[^a-z0-9-_:]");
 const IGNORED_NODE = -2;