@glimt/record 0.0.49 → 0.0.51

package/dist/record.cjs

@@ -1493,15 +1493,16 @@ 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;
     const inlineImageCleanup = () => {
-      image = null;
+      overrideImage = null;
     };
     const recordInlineImage = () => {
-      image.removeEventListener("error", onImageLoadError);
+      (overrideImage ?? image).removeEventListener("error", onImageLoadError);
       try {
         canvasService.width = imageWidth;
         canvasService.height = imageHeight;
@@ -1513,16 +1514,20 @@ function serializeElementNode(n2, options) {
       } catch (err) {
         if (image.crossOrigin !== "anonymous") {
           if (shouldTryAnonymousFetchingOnCorsError$1()) {
-            image = new Image();
-            image.src = imageSrc;
-            image.crossOrigin = "anonymous";
-            image.height = imageHeight;
-            image.width = imageWidth;
-            if (image.complete && image.naturalWidth !== 0) {
+            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;
           }
@@ -1535,7 +1540,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();