@glimt/record 0.0.50 → 0.0.52

package/dist/record.js

@@ -426,6 +426,14 @@ const index = {
   patch
 };
 const shouldTryAnonymousFetchingOnCorsError$1 = () => {
+  try {
+    console.log(
+      "window._rrweb_skip_re_fetching_to_suppress_cors_errors",
+      //@ts-expect-error
+      window._rrweb_skip_re_fetching_to_suppress_cors_errors
+    );
+  } catch (err) {
+  }
   return !("_rrweb_skip_re_fetching_to_suppress_cors_errors" in window && window._rrweb_skip_re_fetching_to_suppress_cors_errors === true);
 };
 function isElement(n2) {
@@ -1491,17 +1499,18 @@ function serializeElementNode(n2, options) {
       canvasService = doc.createElement("canvas");
       canvasCtx = canvasService.getContext("2d");
     }
-    let image = n2;
-    const imageSrc = image.currentSrc || image.getAttribute("src") || "<unknown-src>";
+    const image = n2;
+    let overrideImage = null;
+    const imageSrc = (image.currentSrc || image.getAttribute("src") || "<unknown-src>") + "";
     const imageHeight = image.naturalHeight;
     const imageWidth = image.naturalWidth;
-    let hasRetried = false;
+    console.log("handling inline image", image, imageSrc);
     const inlineImageCleanup = () => {
-      if (!hasRetried) return;
-      image = null;
+      console.log("cleaning up", imageSrc);
+      overrideImage = null;
     };
     const recordInlineImage = () => {
-      image.removeEventListener("error", onImageLoadError);
+      (overrideImage ?? image).removeEventListener("error", onImageLoadError);
       try {
         canvasService.width = imageWidth;
         canvasService.height = imageHeight;
@@ -1511,19 +1520,25 @@ function serializeElementNode(n2, options) {
           dataURLOptions.quality
         );
       } catch (err) {
+        console.log("detected inline image error", err, imageSrc);
         if (image.crossOrigin !== "anonymous") {
+          console.log("crossOrigin is not anonymous", imageSrc);
           if (shouldTryAnonymousFetchingOnCorsError$1()) {
-            image = new Image();
-            hasRetried = true;
-            image.src = imageSrc;
-            image.crossOrigin = "anonymous";
-            image.height = imageHeight;
-            image.width = imageWidth;
-            if (image.complete && image.naturalWidth !== 0) {
+            console.log("overriding image", imageSrc);
+            overrideImage = new Image();
+            overrideImage.src = imageSrc;
+            overrideImage.crossOrigin = "anonymous";
+            overrideImage.height = imageHeight;
+            overrideImage.width = imageWidth;
+            if (overrideImage.complete && overrideImage.naturalWidth !== 0) {
               recordInlineImage();
             } else {
-              image.addEventListener("load", recordInlineImage, { once: true });
-              image.addEventListener("error", onImageLoadError, { once: true });
+              overrideImage.addEventListener("load", recordInlineImage, {
+                once: true
+              });
+              overrideImage.addEventListener("error", onImageLoadError, {
+                once: true
+              });
             }
             return;
           }
@@ -1536,7 +1551,7 @@ function serializeElementNode(n2, options) {
       inlineImageCleanup();
     };
     const onImageLoadError = () => {
-      image.removeEventListener("load", recordInlineImage);
+      (overrideImage ?? image).removeEventListener("load", recordInlineImage);
       inlineImageCleanup();
     };
     if (image.complete && image.naturalWidth !== 0) recordInlineImage();
@@ -5581,6 +5596,14 @@ 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 = () => {
+  try {
+    console.log(
+      "window._rrweb_skip_re_fetching_to_suppress_cors_errors",
+      //@ts-expect-error
+      window._rrweb_skip_re_fetching_to_suppress_cors_errors
+    );
+  } catch (err) {
+  }
   return !("_rrweb_skip_re_fetching_to_suppress_cors_errors" in window && window._rrweb_skip_re_fetching_to_suppress_cors_errors === true);
 };
 function fixBrowserCompatibilityIssuesInCSS(cssText) {