@glimt/record 0.0.22 → 0.0.24

package/dist/record.cjs

@@ -367,6 +367,8 @@ const COPY_CANVAS_ON_VOLUME_GREATER_THAN = 25e4;
 function getReadableCanvasContext(canvas) {
   if (canvas.width * canvas.height < COPY_CANVAS_ON_VOLUME_GREATER_THAN)
     return canvas.getContext("2d");
+  console.log("cloning canvas for is2DCanvasBlank");
+  const start = performance.now();
   const offscreen = document.createElement("canvas");
   offscreen.width = canvas.width;
   offscreen.height = canvas.height;
@@ -374,6 +376,11 @@ function getReadableCanvasContext(canvas) {
   if (ctx) {
     ctx.drawImage(canvas, 0, 0);
   }
+  console.log(
+    "cloned canvas for is2DCanvasBlank took",
+    performance.now() - start,
+    "ms"
+  );
   return offscreen.getContext("2d", { willReadFrequently: true });
 }
 function is2DCanvasBlank(canvas) {
@@ -1006,17 +1013,25 @@ function serializeElementNode(n2, options) {
   }
   if (tagName === "canvas" && recordCanvas) {
     if (n2.__context === "2d") {
+      const start2dCanvas = performance.now();
       if (!is2DCanvasBlank(n2)) {
         attributes.rr_dataURL = n2.toDataURL(
           dataURLOptions.type,
           dataURLOptions.quality
         );
       }
+      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;
@@ -1027,6 +1042,11 @@ function serializeElementNode(n2, options) {
       if (canvasDataURL !== blankCanvasDataURL) {
         attributes.rr_dataURL = canvasDataURL;
       }
+      console.log(
+        "context canvas took",
+        performance.now() - startContextCanvas,
+        "ms"
+      );
     }
   }
   if (tagName === "img" && inlineImages) {
@@ -1116,6 +1136,7 @@ function serializeElementNode(n2, options) {
   } catch (e2) {
   }
   const took = performance.now() - start;
+  if (!window.serialization_perf_map) window.serialization_perf_map = {};
   if (!(tagName in window.serialization_perf_map)) {
     window.serialization_perf_map[tagName] = {
       avg: 0,