@openreplay/tracker 11.0.5 → 11.0.6

package/CHANGELOG.md

@@ -1,3 +1,7 @@
+# 11.0.6
+
+- fix blob generation for canvas capture (Cannot read properties of null (reading '1'))
+
 # 11.0.5
 
 - add method to restart canvas tracking (in case of context recreation)

package/cjs/app/canvas.js

@@ -63,8 +63,10 @@ class CanvasRecorder {
         }
         const formData = new FormData();
         images.forEach((snapshot) => {
-            const blob = dataUrlToBlob(snapshot.data)[0];
-            formData.append('snapshot', blob, `${createdAt}_${canvasId}_${snapshot.id}.jpeg`);
+            const blob = dataUrlToBlob(snapshot.data);
+            if (!blob)
+                return;
+            formData.append('snapshot', blob[0], `${createdAt}_${canvasId}_${snapshot.id}.jpeg`);
             if (this.options.isDebug) {
                 saveImageData(snapshot.data, `${createdAt}_${canvasId}_${snapshot.id}.jpeg`);
             }
@@ -99,8 +101,10 @@ function captureSnapshot(canvas, quality = 'medium') {
 }
 function dataUrlToBlob(dataUrl) {
     const [header, base64] = dataUrl.split(',');
-    // @ts-ignore
-    const mime = header.match(/:(.*?);/)[1];
+    const encParts = header.match(/:(.*?);/);
+    if (!encParts)
+        return null;
+    const mime = encParts[1];
     const blobStr = atob(base64);
     let n = blobStr.length;
     const u8arr = new Uint8Array(n);

package/cjs/app/index.js

@@ -42,7 +42,7 @@ class App {
         this.stopCallbacks = [];
         this.commitCallbacks = [];
         this.activityState = ActivityState.NotActive;
-        this.version = '11.0.5'; // TODO: version compatability check inside each plugin.
+        this.version = '11.0.6'; // TODO: version compatability check inside each plugin.
         this.compressionThreshold = 24 * 1000;
         this.restartAttempts = 0;
         this.bc = null;

package/cjs/index.js

@@ -168,7 +168,7 @@ class API {
             // no-cors issue only with text/plain or not-set Content-Type
             // req.setRequestHeader("Content-Type", "application/json;charset=UTF-8");
             req.send(JSON.stringify({
-                trackerVersion: '11.0.5',
+                trackerVersion: '11.0.6',
                 projectKey: options.projectKey,
                 doNotTrack,
                 // TODO: add precise reason (an exact API missing)

package/lib/app/canvas.js

@@ -61,8 +61,10 @@ class CanvasRecorder {
         }
         const formData = new FormData();
         images.forEach((snapshot) => {
-            const blob = dataUrlToBlob(snapshot.data)[0];
-            formData.append('snapshot', blob, `${createdAt}_${canvasId}_${snapshot.id}.jpeg`);
+            const blob = dataUrlToBlob(snapshot.data);
+            if (!blob)
+                return;
+            formData.append('snapshot', blob[0], `${createdAt}_${canvasId}_${snapshot.id}.jpeg`);
             if (this.options.isDebug) {
                 saveImageData(snapshot.data, `${createdAt}_${canvasId}_${snapshot.id}.jpeg`);
             }
@@ -97,8 +99,10 @@ function captureSnapshot(canvas, quality = 'medium') {
 }
 function dataUrlToBlob(dataUrl) {
     const [header, base64] = dataUrl.split(',');
-    // @ts-ignore
-    const mime = header.match(/:(.*?);/)[1];
+    const encParts = header.match(/:(.*?);/);
+    if (!encParts)
+        return null;
+    const mime = encParts[1];
     const blobStr = atob(base64);
     let n = blobStr.length;
     const u8arr = new Uint8Array(n);

package/lib/app/index.js

@@ -39,7 +39,7 @@ export default class App {
         this.stopCallbacks = [];
         this.commitCallbacks = [];
         this.activityState = ActivityState.NotActive;
-        this.version = '11.0.5'; // TODO: version compatability check inside each plugin.
+        this.version = '11.0.6'; // TODO: version compatability check inside each plugin.
         this.compressionThreshold = 24 * 1000;
         this.restartAttempts = 0;
         this.bc = null;

package/lib/index.js

@@ -163,7 +163,7 @@ export default class API {
             // no-cors issue only with text/plain or not-set Content-Type
             // req.setRequestHeader("Content-Type", "application/json;charset=UTF-8");
             req.send(JSON.stringify({
-                trackerVersion: '11.0.5',
+                trackerVersion: '11.0.6',
                 projectKey: options.projectKey,
                 doNotTrack,
                 // TODO: add precise reason (an exact API missing)

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@openreplay/tracker",
   "description": "The OpenReplay tracker main package",
-  "version": "11.0.5",
+  "version": "11.0.6",
   "keywords": [
     "logging",
     "replay"