@highlight-run/rrweb 2.1.8 → 2.1.9

package/es/rrweb/packages/rrweb/src/record/mutation.js

@@ -121,7 +121,9 @@ class MutationBuffer {
                         ((_e = (_d = rootShadowHost === null || rootShadowHost === void 0 ? void 0 : rootShadowHost.getRootNode) === null || _d === void 0 ? void 0 : _d.call(rootShadowHost)) === null || _e === void 0 ? void 0 : _e.host) ||
                             null;
                 const notInDoc = !this.doc.contains(n) &&
-                    (!rootShadowHost || !this.doc.contains(rootShadowHost));
+                    (!rootShadowHost ||
+                        !(rootShadowHost instanceof Node) ||
+                        !this.doc.contains(rootShadowHost));
                 if (!n.parentNode || notInDoc) {
                     return;
                 }

package/es/rrweb/packages/rrweb/src/record/observers/canvas/canvas-manager.js

@@ -112,12 +112,13 @@ class CanvasManager {
                 if (canvas.width === 0 || canvas.height === 0) {
                     return;
                 }
+                let scale = resizeFactor || 1;
                 if (maxSnapshotDimension) {
                     const maxDim = Math.max(canvas.width, canvas.height);
-                    resizeFactor = Math.min(resizeFactor || 1, maxSnapshotDimension / maxDim);
+                    scale = Math.min(scale, maxSnapshotDimension / maxDim);
                 }
-                const width = canvas.width * (resizeFactor || 1);
-                const height = canvas.height * (resizeFactor || 1);
+                const width = canvas.width * scale;
+                const height = canvas.height * scale;
                 const bitmap = yield createImageBitmap(canvas, {
                     resizeQuality: resizeQuality || 'low',
                     resizeWidth: width,

package/lib/record/rrweb-record.js

@@ -1519,7 +1519,9 @@ class MutationBuffer {
                         ((_e = (_d = rootShadowHost === null || rootShadowHost === void 0 ? void 0 : rootShadowHost.getRootNode) === null || _d === void 0 ? void 0 : _d.call(rootShadowHost)) === null || _e === void 0 ? void 0 : _e.host) ||
                             null;
                 const notInDoc = !this.doc.contains(n) &&
-                    (!rootShadowHost || !this.doc.contains(rootShadowHost));
+                    (!rootShadowHost ||
+                        !(rootShadowHost instanceof Node) ||
+                        !this.doc.contains(rootShadowHost));
                 if (!n.parentNode || notInDoc) {
                     return;
                 }
@@ -3056,12 +3058,13 @@ class CanvasManager {
                 if (canvas.width === 0 || canvas.height === 0) {
                     return;
                 }
+                let scale = resizeFactor || 1;
                 if (maxSnapshotDimension) {
                     const maxDim = Math.max(canvas.width, canvas.height);
-                    resizeFactor = Math.min(resizeFactor || 1, maxSnapshotDimension / maxDim);
+                    scale = Math.min(scale, maxSnapshotDimension / maxDim);
                 }
-                const width = canvas.width * (resizeFactor || 1);
-                const height = canvas.height * (resizeFactor || 1);
+                const width = canvas.width * scale;
+                const height = canvas.height * scale;
                 const bitmap = yield createImageBitmap(canvas, {
                     resizeQuality: resizeQuality || 'low',
                     resizeWidth: width,

package/lib/rrweb-all.js

@@ -2464,7 +2464,9 @@ class MutationBuffer {
                         ((_e = (_d = rootShadowHost === null || rootShadowHost === void 0 ? void 0 : rootShadowHost.getRootNode) === null || _d === void 0 ? void 0 : _d.call(rootShadowHost)) === null || _e === void 0 ? void 0 : _e.host) ||
                             null;
                 const notInDoc = !this.doc.contains(n) &&
-                    (!rootShadowHost || !this.doc.contains(rootShadowHost));
+                    (!rootShadowHost ||
+                        !(rootShadowHost instanceof Node) ||
+                        !this.doc.contains(rootShadowHost));
                 if (!n.parentNode || notInDoc) {
                     return;
                 }
@@ -4021,12 +4023,13 @@ class CanvasManager {
                 if (canvas.width === 0 || canvas.height === 0) {
                     return;
                 }
+                let scale = resizeFactor || 1;
                 if (maxSnapshotDimension) {
                     const maxDim = Math.max(canvas.width, canvas.height);
-                    resizeFactor = Math.min(resizeFactor || 1, maxSnapshotDimension / maxDim);
+                    scale = Math.min(scale, maxSnapshotDimension / maxDim);
                 }
-                const width = canvas.width * (resizeFactor || 1);
-                const height = canvas.height * (resizeFactor || 1);
+                const width = canvas.width * scale;
+                const height = canvas.height * scale;
                 const bitmap = yield createImageBitmap(canvas, {
                     resizeQuality: resizeQuality || 'low',
                     resizeWidth: width,

package/lib/rrweb.js

@@ -2464,7 +2464,9 @@ class MutationBuffer {
                         ((_e = (_d = rootShadowHost === null || rootShadowHost === void 0 ? void 0 : rootShadowHost.getRootNode) === null || _d === void 0 ? void 0 : _d.call(rootShadowHost)) === null || _e === void 0 ? void 0 : _e.host) ||
                             null;
                 const notInDoc = !this.doc.contains(n) &&
-                    (!rootShadowHost || !this.doc.contains(rootShadowHost));
+                    (!rootShadowHost ||
+                        !(rootShadowHost instanceof Node) ||
+                        !this.doc.contains(rootShadowHost));
                 if (!n.parentNode || notInDoc) {
                     return;
                 }
@@ -4021,12 +4023,13 @@ class CanvasManager {
                 if (canvas.width === 0 || canvas.height === 0) {
                     return;
                 }
+                let scale = resizeFactor || 1;
                 if (maxSnapshotDimension) {
                     const maxDim = Math.max(canvas.width, canvas.height);
-                    resizeFactor = Math.min(resizeFactor || 1, maxSnapshotDimension / maxDim);
+                    scale = Math.min(scale, maxSnapshotDimension / maxDim);
                 }
-                const width = canvas.width * (resizeFactor || 1);
-                const height = canvas.height * (resizeFactor || 1);
+                const width = canvas.width * scale;
+                const height = canvas.height * scale;
                 const bitmap = yield createImageBitmap(canvas, {
                     resizeQuality: resizeQuality || 'low',
                     resizeWidth: width,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@highlight-run/rrweb",
-  "version": "2.1.8",
+  "version": "2.1.9",
   "description": "record and replay the web",
   "scripts": {
     "prepare": "npm run prepack",
@@ -83,5 +83,5 @@
     "fflate": "^0.4.4",
     "mitt": "^3.0.0"
   },
-  "gitHead": "ef09ecc9bc1fc3b9469a96e37f232b139e303c9b"
+  "gitHead": "862976e2da5287c2cbf540b0b6ac4de9242966d9"
 }