Refactored bridge to support transferrables (e.g. typed array buffers) and added transferable param to postMessage for op codes

shells/browser/shared/src/backend.js

@@ -42,13 +42,14 @@ function setup(hook) {
       listeners.push(listener);
       window.addEventListener('message', listener);
     },
-    send(data) {
+    send(event: string, payload: any, transferable?: Array<any>) {
       window.postMessage(
         {
           source: 'react-devtools-bridge',
-          payload: data,
+          payload: { event, payload },
         },
-        '*'
+        '*',
+        transferable
       );
     },
   });

shells/browser/shared/src/panel.js

@@ -50,11 +50,11 @@ inject(chrome.runtime.getURL('build/backend.js'), () => {
     listen(fn) {
       port.onMessage.addListener(message => fn(message));
     },
-    send(data) {
+    send(event: string, payload: any, transferable?: Array<any>) {
       if (disconnected) {
         return;
       }
-      port.postMessage(data);
+      port.postMessage({ event, payload }, transferable);
     },
   });