@glimt/record 0.0.15 → 0.0.17

package/dist/record.umd.cjs

@@ -397,12 +397,8 @@ function toLowerCase(str) {
 const ORIGINAL_ATTRIBUTE_NAME = "__rrweb_original__";
 const COPY_CANVAS_ON_VOLUME_GREATER_THAN = 25e4;
 function getReadableCanvasContext(canvas) {
-  if (canvas.width === 0 || canvas.height === 0) return canvas.getContext("2d");
   if (canvas.width * canvas.height < COPY_CANVAS_ON_VOLUME_GREATER_THAN)
     return canvas.getContext("2d");
-  console.log(
-    "detected large canvas, copying to offscreen canvas for willReadFrequently"
-  );
   const offscreen = document.createElement("canvas");
   offscreen.width = canvas.width;
   offscreen.height = canvas.height;
@@ -413,24 +409,23 @@ function getReadableCanvasContext(canvas) {
   return offscreen.getContext("2d", { willReadFrequently: true });
 }
 function is2DCanvasBlank(canvas) {
+  if (canvas.width === 0 || canvas.height === 0) return true;
   const ctx = getReadableCanvasContext(canvas);
   if (!ctx) return true;
-  const chunkSize = 50;
+  const chunkSize = canvas.width > 512 || canvas.height > 512 ? 100 : 50;
+  const getImageData = ctx.getImageData;
+  const originalGetImageData = ORIGINAL_ATTRIBUTE_NAME in getImageData ? getImageData[ORIGINAL_ATTRIBUTE_NAME] : getImageData;
   for (let x2 = 0; x2 < canvas.width; x2 += chunkSize) {
+    const w = Math.min(chunkSize, canvas.width - x2);
     for (let y = 0; y < canvas.height; y += chunkSize) {
-      const getImageData = ctx.getImageData;
-      const originalGetImageData = ORIGINAL_ATTRIBUTE_NAME in getImageData ? getImageData[ORIGINAL_ATTRIBUTE_NAME] : getImageData;
+      const h = Math.min(chunkSize, canvas.height - y);
       const pixelBuffer = new Uint32Array(
         // eslint-disable-next-line @typescript-eslint/no-unsafe-argument, @typescript-eslint/no-unsafe-member-access
-        originalGetImageData.call(
-          ctx,
-          x2,
-          y,
-          Math.min(chunkSize, canvas.width - x2),
-          Math.min(chunkSize, canvas.height - y)
-        ).data.buffer
+        originalGetImageData.call(ctx, x2, y, w, h).data.buffer
       );
-      if (pixelBuffer.some((pixel) => pixel !== 0)) return false;
+      for (let i2 = 0; i2 < pixelBuffer.length; i2++) {
+        if (pixelBuffer[i2] !== 0) return false;
+      }
     }
   }
   return true;
@@ -1043,7 +1038,10 @@ function serializeElementNode(n2, options) {
   }
   if (tagName === "canvas" && recordCanvas) {
     if (n2.__context === "2d") {
-      if (!is2DCanvasBlank(n2)) {
+      console.time("canvas-blank-check");
+      const tempBoolean = !is2DCanvasBlank(n2);
+      console.timeEnd("canvas-blank-check");
+      if (tempBoolean) {
         attributes.rr_dataURL = n2.toDataURL(
           dataURLOptions.type,
           dataURLOptions.quality