fix(tracker): fix asist canvas layer (#1923)

tracker/tracker-assist/CHANGELOG.md

@@ -1,3 +1,7 @@
+## 8.0.3
+
+- make assist canvas layer hidden from canvas capturer
+
 ## 8.0.2
 
 - another fix for peer reconnection strategy

tracker/tracker-assist/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@openreplay/tracker-assist",
   "description": "Tracker plugin for screen assistance through the WebRTC",
-  "version": "8.0.2",
+  "version": "8.0.3",
   "keywords": [
     "WebRTC",
     "assistance",

tracker/tracker-assist/src/AnnotationCanvas.ts

@@ -4,6 +4,7 @@ export default class AnnotationCanvas {
   private painting = false
   constructor() {
     this.canvas = document.createElement('canvas')
+    this.canvas.setAttribute('data-openreplay-hidden', '1')
     Object.assign(this.canvas.style, {
       position: 'fixed',
       left: 0,

tracker/tracker-assist/src/LocalStream.ts

@@ -6,6 +6,7 @@ declare global {
 
 function dummyTrack(): MediaStreamTrack { 
   const canvas = document.createElement('canvas')//, { width: 0, height: 0})
+  canvas.setAttribute('data-openreplay-hidden', '1')
   canvas.width=canvas.height=2 // Doesn't work when 1 (?!)
   const ctx = canvas.getContext('2d')
   ctx?.fillRect(0, 0, canvas.width, canvas.height)

tracker/tracker-assist/tests/AnnotationCanvas.test.ts

@@ -15,6 +15,7 @@ describe('AnnotationCanvas', () => {
       style: {},
       getContext: jest.fn(() => contextMock as unknown as HTMLCanvasElement),
       parentNode: document,
+      setAttribute: jest.fn()
     }
 
     contextMock = {