@glimt/record 0.0.25 → 0.0.26

package/dist/record.cjs

@@ -364,9 +364,9 @@ function toLowerCase(str) {
 }
 const ORIGINAL_ATTRIBUTE_NAME = "__rrweb_original__";
 const COPY_CANVAS_ON_VOLUME_GREATER_THAN = 25e4;
-function getReadableCanvasContext(canvas) {
+function getReadableCanvasContext(canvas, cachedContext) {
   if (canvas.width * canvas.height < COPY_CANVAS_ON_VOLUME_GREATER_THAN)
-    return canvas.getContext("2d");
+    return cachedContext ?? canvas.getContext("2d");
   console.log("cloning canvas for is2DCanvasBlank");
   const start = performance.now();
   const offscreen = document.createElement("canvas");
@@ -383,9 +383,9 @@ function getReadableCanvasContext(canvas) {
   );
   return offscreen.getContext("2d", { willReadFrequently: true });
 }
-function is2DCanvasBlank(canvas) {
+function is2DCanvasBlank(canvas, cachedContext) {
   if (canvas.width === 0 || canvas.height === 0) return true;
-  const ctx = getReadableCanvasContext(canvas);
+  const ctx = getReadableCanvasContext(canvas, cachedContext);
   if (!ctx) return true;
   const chunkSize = canvas.width > 512 || canvas.height > 512 ? 100 : 50;
   const getImageData = ctx.getImageData;
@@ -1012,16 +1012,15 @@ function serializeElementNode(n2, options) {
     attributes.rr_open_mode = n2.matches("dialog:modal") ? "modal" : "non-modal";
   }
   if (tagName === "canvas" && recordCanvas) {
-    if (n2.__context === "2d") {
-      const start2dCanvas = performance.now();
-      if (!is2DCanvasBlank(n2)) {
+    let context = "getContext" in n2 ? n2.getContext("2d") : null;
+    if (context != null) {
+      if (!is2DCanvasBlank(n2, context)) {
         attributes.rr_dataURL = n2.toDataURL(
           dataURLOptions.type,
           dataURLOptions.quality
         );
       }
-      console.log("2d canvas took", performance.now() - start2dCanvas, "ms");
-    } else if (!("__context" in n2)) {
+    } else if (n2.width !== 0 && n2.height !== 0) {
       const canvasDataURL = n2.toDataURL(
         dataURLOptions.type,
         dataURLOptions.quality