@glimt/record 0.0.25 → 0.0.27

package/dist/record.umd.cjs

@@ -396,11 +396,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");
-  console.log("cloning canvas for is2DCanvasBlank");
-  const start = performance.now();
+    return cachedContext != null ? cachedContext : canvas.getContext("2d");
   const offscreen = document.createElement("canvas");
   offscreen.width = canvas.width;
   offscreen.height = canvas.height;
@@ -408,16 +406,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) {
+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;
@@ -938,6 +931,13 @@ function getRootId(doc, mirror2) {
   const docId = mirror2.getId(doc);
   return docId === 1 ? void 0 : docId;
 }
+const runIdleCallback = (cb) => {
+  if ("requestIdleCallback" in window) {
+    window.requestIdleCallback(cb);
+  } else {
+    setTimeout(cb, 100);
+  }
+};
 function serializeTextNode(n2, options) {
   const { needsMask, maskTextFn, rootId, cssCaptured } = options;
   const parent = index$1.parentNode(n2);
@@ -1045,22 +1045,21 @@ 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
       );
       attributes.rr_dataURL = canvasDataURL;
-      requestIdleCallback(() => {
+      runIdleCallback(() => {
         try {
           const blankCanvas = doc.createElement("canvas");
           blankCanvas.width = n2.width;
@@ -1070,13 +1069,9 @@ function serializeElementNode(n2, options) {
             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);
         }
       });
     }
@@ -9894,25 +9889,30 @@ class MutationBuffer {
           for (let i2 = 0; i2 < m.addedNodes.length; i2++) {
             this.genAdds(m.addedNodes[i2], m.target);
           }
+          const parentId = isShadowRoot(m.target) ? this.mirror.getId(index.host(m.target)) : this.mirror.getId(m.target);
+          if (isBlocked(m.target, this.blockClass, this.blockSelector, false))
+            return;
+          const addedSetHas = this.addedSet.has(m.target);
+          const ancestorRemoved = isAncestorRemoved(m.target, this.mirror);
+          const isShadow = isShadowRoot(m.target) && isNativeShadowDom(m.target) ? true : void 0;
           for (let i2 = 0; i2 < m.removedNodes.length; i2++) {
             const n2 = m.removedNodes[i2];
             const nodeId = this.mirror.getId(n2);
-            const parentId = isShadowRoot(m.target) ? this.mirror.getId(index.host(m.target)) : this.mirror.getId(m.target);
-            if (isBlocked(m.target, this.blockClass, this.blockSelector, false) || isIgnored(n2, this.mirror, this.slimDOMOptions) || !isSerialized(n2, this.mirror)) {
+            if (isIgnored(n2, this.mirror, this.slimDOMOptions) || !isSerialized(n2, this.mirror)) {
               return;
             }
             if (this.addedSet.has(n2)) {
               deepDelete(this.addedSet, n2);
               this.droppedSet.add(n2);
-            } else if (this.addedSet.has(m.target) && nodeId === -1) ;
-            else if (isAncestorRemoved(m.target, this.mirror)) ;
+            } else if (addedSetHas && nodeId === -1) ;
+            else if (ancestorRemoved) ;
             else if (this.movedSet.has(n2) && this.movedMap[moveKey(nodeId, parentId)]) {
               deepDelete(this.movedSet, n2);
             } else {
               this.removes.push({
                 parentId,
                 id: nodeId,
-                isShadow: isShadowRoot(m.target) && isNativeShadowDom(m.target) ? true : void 0
+                isShadow
               });
               processRemoves(n2, this.removesSubTreeCache);
             }