1 files changed, 82 insertions, 0 deletions
diff --git a/src/proxyClient.js b/src/proxyClient.js
new file mode 100644
index 00000000..8f4ad7a6
--- /dev/null
+++ b/src/proxyClient.js
@@ -0,0 +1,82 @@
+
+// proxy to/from worker
+
+Module.ctx = Module.canvas.getContext('2d');
+
+var worker = new Worker('{{{ filename }}}.js');
+
+worker.onmessage = function worker_onmessage(event) {
+  var data = event.data;
+  switch (data.target) {
+    case 'stdout': {
+      Module.print(data.content);
+      break;
+    }
+    case 'stderr': {
+      Module.printErr(data.content);
+      break;
+    }
+    case 'window': {
+      window[data.method]();
+      break;
+    }
+    case 'canvas': {
+      switch (data.op) {
+        case 'resize': {
+          Module.canvas.width = data.width;
+          Module.canvas.height = data.height;
+          Module.canvasData = Module.ctx.getImageData(0, 0, data.width, data.height);
+          postMessage({ target: 'canvas', boundingClientRect: Module.canvas.getBoundingClientRect() });
+          break;
+        }
+        case 'render': {
+          var src = data.image.data;
+          var dst = Module.canvasData.data;
+          if (dst.set) {
+            dst.set(src);
+          } else {
+            for (var i = 0; i < src.length; i++) {
+              dst[i] = src[i];
+            }
+          }
+          Module.ctx.putImageData(Module.canvasData, 0, 0);
+          break;
+        }
+        default: throw 'eh?';
+      }
+      break;
+    }
+    default: throw 'what?';
+  }
+};
+
+function cloneEvent(event) {
+  var ret = {};
+  for (var x in event) {
+    if (x == x.toUpperCase()) continue;
+    var prop = event[x];
+    if (typeof prop === 'number' || typeof prop === 'string') ret[x] = prop;
+  }
+  return ret;
+};
+
+['keydown', 'keyup', 'keypress', 'blur', 'visibilitychange'].forEach(function(event) {
+  document.addEventListener(event, function(event) {
+    worker.postMessage({ target: 'document', event: cloneEvent(event) });
+    event.preventDefault();
+  });
+});
+
+['unload'].forEach(function(event) {
+  window.addEventListener(event, function(event) {
+    worker.postMessage({ target: 'window', event: cloneEvent(event) });
+  });
+});
+
+['mousedown', 'mouseup', 'mousemove', 'DOMMouseScroll', 'mousewheel', 'mouseout'].forEach(function(event) {
+  Module.canvas.addEventListener(event, function(event) {
+    worker.postMessage({ target: 'canvas', event: cloneEvent(event) });
+    event.preventDefault();
+  }, true);
+});
+