Support OffscreenCanvas (fixes #165)

GoogleChromeLabs · Oct 4, 2018 · d9b5e55 · d9b5e55
1 parent 1d27bcd
commit d9b5e55
Show file tree

Hide file tree

Showing 4 changed files with 7 additions and 4 deletions.
diff --git a/comlink.ts b/comlink.ts
@@ -127,7 +127,8 @@ export interface TransferHandler {
   deserialize: (obj: {}) => {};
 }
 
-const TRANSFERABLE_TYPES = [ArrayBuffer, MessagePort];
+const TRANSFERABLE_TYPES = ["ArrayBuffer", "MessagePort", "OffscreenCanvas"]
+  .filter(f => f in self).map(f => (self as any)[f]);
 const uid: number = Math.floor(Math.random() * Number.MAX_SAFE_INTEGER);
 
 const proxyValueSymbol = Symbol("proxyValue");

diff --git a/dist/comlink.js b/dist/comlink.js
@@ -10,7 +10,8 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-const TRANSFERABLE_TYPES = [ArrayBuffer, MessagePort];
+const TRANSFERABLE_TYPES = ["ArrayBuffer", "MessagePort", "OffscreenCanvas"]
+    .filter(f => f in self).map(f => self[f]);
 const uid = Math.floor(Math.random() * Number.MAX_SAFE_INTEGER);
 const proxyValueSymbol = Symbol("proxyValue");
 const throwSymbol = Symbol("throw");

diff --git a/dist/umd/comlink.js b/dist/umd/comlink.js
@@ -22,7 +22,8 @@ else {factory([], self.Comlink={});}
 })(function (require, exports) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
-    const TRANSFERABLE_TYPES = [ArrayBuffer, MessagePort];
+    const TRANSFERABLE_TYPES = ["ArrayBuffer", "MessagePort", "OffscreenCanvas"]
+        .filter(f => f in self).map(f => self[f]);
     const uid = Math.floor(Math.random() * Number.MAX_SAFE_INTEGER);
     const proxyValueSymbol = Symbol("proxyValue");
     const throwSymbol = Symbol("throw");

diff --git a/docs/examples/05-service-worker/worker.js b/docs/examples/05-service-worker/worker.js
@@ -23,7 +23,7 @@ const obj = {
   }
 };
 
-self.addEventListener('message', (event) => {
+self.addEventListener("message", event => {
   if (event.data.comlinkInit) {
     Comlink.expose(obj, event.data.port);
     return;