bug: Fix TimelineCanvas regression by passing componentId through triangular communication (#9503)

Author: tobiu

src/component/Canvas.mjs

@@ -73,7 +73,8 @@ class Canvas extends Component {
                 });
 
                 Neo.main.DomAccess.transferCanvasToWorker({
-                    nodeId: id,
+                    componentId: me.id,
+                    nodeId     : id,
                     windowId
                 });
 

src/main/DomAccess.mjs

@@ -1129,10 +1129,10 @@ class DomAccess extends Base {
      * By calling this method, the Main Thread extracts the canvas and sends it directly to the Canvas Worker, bypassing the App Worker entirely for the buffer transfer.
      *
      * @param {Object} data
-     * @param {String} data.id
+     * @param {String} data.componentId
      * @param {String} data.nodeId
      */
-    transferCanvasToWorker({nodeId}) {
+    transferCanvasToWorker({componentId, nodeId}) {
         let me   = this,
             node = me.getElement(nodeId);
 
@@ -1142,6 +1142,7 @@ class DomAccess extends Base {
 
                 Neo.worker.Manager.sendMessage('canvas', {
                     action: 'registerCanvasDirect',
+                    componentId,
                     node  : offscreen,
                     nodeId
                 }, [offscreen])

src/worker/App.mjs

@@ -548,11 +548,12 @@ class App extends Base {
      * to avoid transfer restrictions in Firefox SharedWorkers.
      *
      * @param {Object} msg
+     * @param {String} msg.componentId
      * @param {String} msg.nodeId
      * @protected
      */
-    onCanvasRegistered({nodeId}) {
-        let instance = Neo.get(nodeId);
+    onCanvasRegistered({componentId, nodeId}) {
+        let instance = Neo.get(componentId);
 
         if (instance?.registerCanvasCallbacks?.[nodeId]) {
             instance.registerCanvasCallbacks[nodeId]();

src/worker/Canvas.mjs

@@ -158,8 +158,9 @@ class Canvas extends Base {
 
         // Ping App worker that canvas was received from main.
         this.sendMessage('app', {
-            action: 'canvasRegistered',
-            nodeId: msg.nodeId
+            action     : 'canvasRegistered',
+            componentId: msg.componentId,
+            nodeId     : msg.nodeId
         })
     }