Hack

Author: Avaer Kazmer

src/Graphics.js

@@ -121,7 +121,9 @@ const _makeState = () => {
 HTMLCanvasElement.prototype.getContext = (oldGetContext => function getContext(type, init = {}) {
   const match = type.match(/^(?:experimental-)?(webgl2?)$/);
   if (match) {
+    console.log('call ensure proxy context 1', !!GlobalContext.proxyContext);
     window[symbols.ensureProxyContext]();
+    console.log('call ensure proxy context 2', !!GlobalContext.proxyContext);
 
     const canvas = this;
     const gl = match[1] === 'webgl2' ? new WebGL2RenderingContext(canvas) : new WebGLRenderingContext(canvas);

src/Window.js

@@ -442,10 +442,14 @@ const _fetchText = src => fetch(src)
     }
     _tickLocalRafs();
   };
-  const _renderChild = (window, layered) => window.runAsync({
-    method: 'tickAnimationFrame',
-    layered: layered && vrPresentState.layers.some(layer => layer.contentWindow === window),
-  });
+  const _renderChild = (window, layered) => {
+    if (window.loaded) {
+      window.runAsync({
+        method: 'tickAnimationFrame',
+        layered: layered && vrPresentState.layers.some(layer => layer.contentWindow === window),
+      });
+    }
+  };
   const _render = layered => {
     for (let i = 0; i < windows.length; i++) {
       _renderChild(windows[i], layered);
@@ -458,17 +462,26 @@ const _fetchText = src => fetch(src)
   };
 
   const _ensureProxyContext = () => {
+    console.log('ensure proxy context 1', !!GlobalContext.proxyContext);
     if (!GlobalContext.proxyContext) {
+      console.log('ensure proxy context 2');
       vrPresentState.responseAccepts.push(({result}) => {
+        console.log('ensure proxy context 3', !!result);
         GlobalContext.proxyContext = result;
+        console.log('ensure proxy context 4');
       });
 
+      console.log('ensure proxy context 5');
+      
       self._postMessageUp({
         method: 'request',
         type: 'makeProxyContext',
         keypath: [],
       });
+      
+      console.log('ensure proxy context 6');
     }
+    console.log('ensure proxy context 7');
   };
   const _makeMrDisplays = () => {
     const _onrequestpresent = async () => {

src/WindowBase.js

@@ -124,8 +124,6 @@ const _oninitmessage = async e => {
         method: 'load',
       });
 
-      messagePort.addEventListener('message', _onmessageHandle);
-      messagePort.start();
       /* console.log('flush messages', messageQueue.length);
       for (let i = 0; i < messageQueue.length; i++) {
         self.dispatchEvent(messageQueue[i]);
@@ -143,7 +141,9 @@ const _oninitmessage = async e => {
   self._postMessageUp = function _postMessageUp(data, transfer) {
     messagePort.postMessageSync(data, transfer);
   };
-  const _onmessageHandle = e => {
+  console.log('top passed handle message', messagePort.handleMessage);
+  const {queue} = messagePort.handleMessage;
+  messagePort.handleMessage = e => {
     const {data: m} = e;
 
     switch (m.method) {
@@ -263,6 +263,15 @@ const _oninitmessage = async e => {
       default: throw new Error(`invalid method: ${JSON.stringify(m.method)}`);
     }
   };
+  messagePort.handleMessage.lol = 'zol';
+  messagePort.addEventListener('message', messagePort.handleMessage);
+  messagePort.start();
+
+  console.log('child window flush queue', queue.length);
+  for (let i = 0; i < queue.length; i++) {
+    messagePort.handleMessage(queue[i]);
+  }
+  queue.length = 0;
 
   // run init module
 

src/WindowVm.js

@@ -71,6 +71,10 @@ class WorkerVm extends EventTarget {
                 messagePort: messageChannel.port2,
               },
             }));
+            
+            if (!messageChannel.port2.handleMessage || !messageChannel.port2.handleMessage.lol) {
+              console.warn('message handler not added!!!!!!!!!!!!!!!!!', messageChannel.port2.handleMessage, messageChannel.port2.handleMessage && messageChannel.port2.handleMessage.lol);
+            }
 
             accept();
           }, {
@@ -88,15 +92,16 @@ class WorkerVm extends EventTarget {
 
     const messageChannel = new MessageChannel2();
     messageChannel.port2.postMessageSync = (data, transfers) => {
-      messageChannel.port1.dispatchEvent(new MessageEvent('message', {data}));
+      messageChannel.port1.handleMessage(new MessageEvent('message', {data}));
     };
     messageChannel.port1.postMessageSync = (data, transfers) => {
-      messageChannel.port2.dispatchEvent(new MessageEvent('message', {data}));
+      messageChannel.port2.handleMessage(new MessageEvent('message', {data}));
     };
-    messageChannel.port1.addEventListener('message', e => {
+    messageChannel.port1.handleMessage = e => {
       const {data: m} = e;
       switch (m.method) {
         case 'request': {
+          console.log('handle request up', m);
           this.dispatchEvent(new CustomEvent('request', {
             detail: m,
           }));
@@ -147,9 +152,16 @@ class WorkerVm extends EventTarget {
           break;
         }
       }
-    });
+    };
+    messageChannel.port1.addEventListener('message', messageChannel.port1.handleMessage);
     messageChannel.port1.start();
 
+    const queue = [];
+    messageChannel.port2.handleMessage = e => {
+      queue.push(e);
+    };
+    messageChannel.port2.handleMessage.queue = queue;
+    
     iframe._postMessageDown = function _postMessageDown(data, transfer) {
       messageChannel.port1.postMessageSync(data, transfer);
     };

src/index.js

@@ -357,8 +357,11 @@ const _handleRequestImmediate = req => {
 
   switch (type) {
     case 'makeProxyContext': {
+      console.log('make proxy context 1');
       const ctx = win.install();
+      console.log('make proxy context 2', !!ctx);
       _respond(null, ctx);
+      console.log('make proxy context 3', !!ctx);
       break;
     }
     case 'requestPresent': {