@glimt/record 0.0.47 → 0.0.49

package/dist/record.cjs

@@ -427,6 +427,9 @@ const index = {
   mutationObserver: mutationObserverCtor,
   patch
 };
+const shouldTryAnonymousFetchingOnCorsError$1 = () => {
+  return !("_rrweb_skip_re_fetching_to_suppress_cors_errors" in window && window._rrweb_skip_re_fetching_to_suppress_cors_errors === true);
+};
 function isElement(n2) {
   return n2.nodeType === n2.ELEMENT_NODE;
 }
@@ -938,6 +941,7 @@ const _AsyncStylesheetManager$1 = class _AsyncStylesheetManager {
     forElement,
     requestCssId
   }) {
+    if (!shouldTryAnonymousFetchingOnCorsError$1()) return;
     if (this.currentHref != null && document.location.href !== this.currentHref)
       this.blowCache();
     this.currentHref = document.location.href;
@@ -1489,17 +1493,18 @@ function serializeElementNode(n2, options) {
       canvasService = doc.createElement("canvas");
       canvasCtx = canvasService.getContext("2d");
     }
-    let image = n2.cloneNode(true);
+    let image = n2;
     const imageSrc = image.currentSrc || image.getAttribute("src") || "<unknown-src>";
+    const imageHeight = image.naturalHeight;
+    const imageWidth = image.naturalWidth;
     const inlineImageCleanup = () => {
       image = null;
     };
     const recordInlineImage = () => {
-      image.removeEventListener("load", recordInlineImage);
       image.removeEventListener("error", onImageLoadError);
       try {
-        canvasService.width = image.naturalWidth;
-        canvasService.height = image.naturalHeight;
+        canvasService.width = imageWidth;
+        canvasService.height = imageHeight;
         canvasCtx.drawImage(image, 0, 0);
         attributes.rr_dataURL = canvasService.toDataURL(
           dataURLOptions.type,
@@ -1507,14 +1512,20 @@ function serializeElementNode(n2, options) {
         );
       } catch (err) {
         if (image.crossOrigin !== "anonymous") {
-          image.crossOrigin = "anonymous";
-          if (image.complete && image.naturalWidth !== 0)
-            recordInlineImage();
-          else {
-            image.addEventListener("load", recordInlineImage);
-            image.addEventListener("error", onImageLoadError);
+          if (shouldTryAnonymousFetchingOnCorsError$1()) {
+            image = new Image();
+            image.src = imageSrc;
+            image.crossOrigin = "anonymous";
+            image.height = imageHeight;
+            image.width = imageWidth;
+            if (image.complete && image.naturalWidth !== 0) {
+              recordInlineImage();
+            } else {
+              image.addEventListener("load", recordInlineImage, { once: true });
+              image.addEventListener("error", onImageLoadError, { once: true });
+            }
+            return;
           }
-          return;
         } else {
           console.warn(
             `Cannot inline img src=${imageSrc}! Error: ${err}`
@@ -1525,13 +1536,12 @@ function serializeElementNode(n2, options) {
     };
     const onImageLoadError = () => {
       image.removeEventListener("load", recordInlineImage);
-      image.removeEventListener("error", onImageLoadError);
       inlineImageCleanup();
     };
     if (image.complete && image.naturalWidth !== 0) recordInlineImage();
     else {
-      image.addEventListener("load", recordInlineImage);
-      image.addEventListener("error", onImageLoadError);
+      image.addEventListener("load", recordInlineImage, { once: true });
+      image.addEventListener("error", onImageLoadError, { once: true });
     }
   }
   if (tagName === "audio" || tagName === "video") {
@@ -5569,6 +5579,9 @@ var __publicField2 = (obj, key, value) => __defNormalProp2(obj, typeof key !== "
 var __defProp22 = Object.defineProperty;
 var __defNormalProp22 = (obj, key, value) => key in obj ? __defProp22(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __publicField22 = (obj, key, value) => __defNormalProp22(obj, typeof key !== "symbol" ? key + "" : key, value);
+const shouldTryAnonymousFetchingOnCorsError = () => {
+  return !("_rrweb_skip_re_fetching_to_suppress_cors_errors" in window && window._rrweb_skip_re_fetching_to_suppress_cors_errors === true);
+};
 function fixBrowserCompatibilityIssuesInCSS(cssText) {
   if (cssText.includes(" background-clip: text;") && !cssText.includes(" -webkit-background-clip: text;")) {
     cssText = cssText.replace(
@@ -5825,6 +5838,7 @@ const _AsyncStylesheetManager2 = class _AsyncStylesheetManager22 {
     forElement,
     requestCssId
   }) {
+    if (!shouldTryAnonymousFetchingOnCorsError()) return;
     if (this.currentHref != null && document.location.href !== this.currentHref)
       this.blowCache();
     this.currentHref = document.location.href;