@glimt/record 0.0.24 → 0.0.25

package/dist/record.cjs

@@ -1022,31 +1022,30 @@ function serializeElementNode(n2, options) {
       }
       console.log("2d canvas took", performance.now() - start2dCanvas, "ms");
     } else if (!("__context" in n2)) {
-      const startContextCanvas = performance.now();
       const canvasDataURL = n2.toDataURL(
         dataURLOptions.type,
         dataURLOptions.quality
       );
-      console.log(
-        "context canvas first step took",
-        performance.now() - startContextCanvas,
-        "ms"
-      );
-      const blankCanvas = doc.createElement("canvas");
-      blankCanvas.width = n2.width;
-      blankCanvas.height = n2.height;
-      const blankCanvasDataURL = blankCanvas.toDataURL(
-        dataURLOptions.type,
-        dataURLOptions.quality
-      );
-      if (canvasDataURL !== blankCanvasDataURL) {
-        attributes.rr_dataURL = canvasDataURL;
-      }
-      console.log(
-        "context canvas took",
-        performance.now() - startContextCanvas,
-        "ms"
-      );
+      attributes.rr_dataURL = canvasDataURL;
+      requestIdleCallback(() => {
+        try {
+          const blankCanvas = doc.createElement("canvas");
+          blankCanvas.width = n2.width;
+          blankCanvas.height = n2.height;
+          const blankCanvasDataURL = blankCanvas.toDataURL(
+            dataURLOptions.type,
+            dataURLOptions.quality
+          );
+          if (canvasDataURL === blankCanvasDataURL) {
+            console.log(
+              "deleting dataURL because it's the same as blank canvas"
+            );
+            delete attributes.rr_dataURL;
+          }
+        } catch (e2) {
+          console.log("did get context canvas error", e2);
+        }
+      });
     }
   }
   if (tagName === "img" && inlineImages) {