@glimt/record 0.0.55 → 0.0.57

package/dist/record.cjs

@@ -430,6 +430,9 @@ const index = {
 const shouldTryAnonymousFetchingOnCorsError$1 = () => {
   return !("_rrweb_skip_re_fetching_to_suppress_cors_errors" in window && window._rrweb_skip_re_fetching_to_suppress_cors_errors === true);
 };
+const isDebug$1 = () => {
+  return "_rrweb_is_debug" in window && window._rrweb_is_debug ? window._rrweb_is_debug : false;
+};
 function isElement(n2) {
   return n2.nodeType === n2.ELEMENT_NODE;
 }
@@ -815,7 +818,7 @@ function markCssSplits(cssText, style) {
   return splitCssText(cssText, style).join("/* rr_split */");
 }
 const CLEANUP_DEBOUNCE_TIME$1 = 1e3 * 30;
-const DATA_ATTRIBUTE_CLONED_NAME$1 = "data-rrweb-link-cloned";
+const DATA_ATTRIBUTE_CLONED_NAME$1 = "data-recapt-rrweb-link-cloned";
 const DISALLOWED_EXTENSIONS$1 = [
   // Fonts
   "woff",
@@ -1495,6 +1498,7 @@ function serializeElementNode(n2, options) {
     }
     const image = n2;
     let overrideImage = null;
+    let calls = 0;
     const imageSrc = (image.currentSrc || image.getAttribute("src") || "<unknown-src>") + "";
     const imageHeight = image.naturalHeight;
     const imageWidth = image.naturalWidth;
@@ -1502,6 +1506,8 @@ function serializeElementNode(n2, options) {
       overrideImage = null;
     };
     const recordInlineImage = () => {
+      calls++;
+      if (calls > 3) return;
       (overrideImage ?? image).removeEventListener("error", onImageLoadError);
       try {
         canvasService.width = imageWidth;
@@ -1532,9 +1538,10 @@ function serializeElementNode(n2, options) {
             return;
           }
         } else {
-          console.warn(
-            `Cannot inline img src=${imageSrc}! Error: ${err}`
-          );
+          if (isDebug$1())
+            console.warn(
+              `Cannot inline img src=${imageSrc}! Error: ${err}`
+            );
         }
       }
       inlineImageCleanup();
@@ -1690,7 +1697,7 @@ function serializeNodeWithId(n2, options) {
     cssCaptured
   });
   if (!_serializedNode) {
-    console.warn(n2, "not serialized");
+    if (isDebug$1()) console.warn(n2, "not serialized");
     return null;
   }
   let id;
@@ -5717,7 +5724,7 @@ function absolutifyURLs(cssText, href) {
   );
 }
 const CLEANUP_DEBOUNCE_TIME = 1e3 * 30;
-const DATA_ATTRIBUTE_CLONED_NAME = "data-rrweb-link-cloned";
+const DATA_ATTRIBUTE_CLONED_NAME = "data-recapt-rrweb-link-cloned";
 const DISALLOWED_EXTENSIONS = [
   // Fonts
   "woff",
@@ -10144,6 +10151,13 @@ class IframeManager {
     }
   }
 }
+const isDebug = () => {
+  return "_rrweb_is_debug" in window && window._rrweb_is_debug ? window._rrweb_is_debug : false;
+};
+const debugLog = (...args) => {
+  if (!isDebug()) return;
+  console.log("[recapt:rrweb]", ...args);
+};
 const _StormSnapshotManager = class _StormSnapshotManager2 {
   constructor() {
     __publicField(this, "lastFullSnapshot", -1);
@@ -10179,10 +10193,10 @@ const _StormSnapshotManager = class _StormSnapshotManager2 {
   }
   takeSnapshot() {
     if (Date.now() - this.lastFullSnapshot < this.intervalBetweenSnapshots) {
-      console.log("StormSnapshotManager, takeSnapshot: too soon");
+      debugLog("StormSnapshotManager, takeSnapshot: too soon");
       return;
     }
-    console.log("StormSnapshotManager, takeSnapshot: taking full snapshot");
+    debugLog("StormSnapshotManager, takeSnapshot: taking full snapshot");
     takeFullSnapshot();
     this.lastFullSnapshot = Date.now();
   }
@@ -10271,6 +10285,14 @@ class DoubleLinkedList {
   }
 }
 const moveKey = (id, parentId) => `${id}@${parentId}`;
+const characters = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789";
+function makeid(length = 8) {
+  let result2 = "";
+  for (let i2 = 0; i2 < length; i2++) {
+    result2 += characters.charAt(Math.floor(Math.random() * characters.length));
+  }
+  return result2;
+}
 class MutationBuffer {
   constructor() {
     __publicField(this, "frozen", false);
@@ -10307,6 +10329,7 @@ class MutationBuffer {
     __publicField(this, "canvasManager");
     __publicField(this, "processedNodeManager");
     __publicField(this, "unattachedDoc");
+    __publicField(this, "bufId", isDebug() ? makeid() : "");
     __publicField(this, "stormBatches", []);
     __publicField(this, "stormInfo", null);
     __publicField(this, "stormSettings", {
@@ -10320,6 +10343,11 @@ class MutationBuffer {
     __publicField(this, "handleStormMutations", (muts) => {
       const time = Date.now();
       if (this.stormInfo == null) {
+        debugLog(
+          "detected probable mutation storm start",
+          "buffer id:",
+          this.bufId
+        );
         this.stormInfo = {
           startedAt: time,
           totalMutations: 0,
@@ -10350,6 +10378,18 @@ class MutationBuffer {
     __publicField(this, "handleStormFinish", () => {
       if (!this.stormInfo) return;
       const { stormExceededLimit } = this.stormInfo;
+      debugLog(
+        "mutation storm finished",
+        "totalMutations:",
+        this.stormInfo.totalMutations,
+        "stormExceededLimit:",
+        stormExceededLimit,
+        "storm duration:",
+        Date.now() - this.stormInfo.startedAt,
+        "ms",
+        "buffer id:",
+        this.bufId
+      );
       clearTimeout(this.stormInfo.timeout);
       this.stormInfo = null;
       if (!stormExceededLimit) {
@@ -10372,6 +10412,13 @@ class MutationBuffer {
       for (const mut of muts) {
         this.processMutation(mut);
       }
+      debugLog(
+        "processed mutations from storm",
+        "overrideStorm:",
+        overrideStorm,
+        "buffer id:",
+        this.bufId
+      );
       this.emit();
     });
     __publicField(this, "processMutations", (mutations) => {
@@ -10837,7 +10884,6 @@ class MutationBuffer {
       }
     });
   }
-  // private bufId: string = makeid();
   init(options) {
     [
       "mutationCb",
@@ -12684,7 +12730,7 @@ try {
     document.body.removeChild(cleanFrame);
   }
 } catch (err) {
-  console.debug("Unable to override Array.from", err);
+  if (isDebug()) console.debug("Unable to override Array.from", err);
 }
 const mirror = createMirror$2();
 function record(options = {}) {
@@ -12963,7 +13009,8 @@ function record(options = {}) {
       keepIframeSrcFn
     });
     if (!node2) {
-      return console.warn("Failed to snapshot the document");
+      if (isDebug()) console.warn("Failed to snapshot the document");
+      return;
     }
     wrappedEmit(
       {
@@ -13111,7 +13158,10 @@ function record(options = {}) {
       try {
         handlers.push(observe(iframeEl.contentDocument));
       } catch (error) {
-        console.warn(error);
+        if (isDebug()) {
+          console.warn("internal error");
+          console.warn(error);
+        }
       }
     });
     let initedAt = null;
@@ -13170,7 +13220,10 @@ function record(options = {}) {
       unregisterErrorHandler();
     };
   } catch (error) {
-    console.warn(error);
+    if (isDebug()) {
+      console.warn("internal error1");
+      console.warn(error);
+    }
   }
 }
 record.addCustomEvent = (tag, payload) => {