Fix access to constructor on xorigin object (codesandbox#3174)

**How?**
It looks like in `protocol.ts` we need to send
different params to `postMessage` if the `target`
is a `Worker`...

There's probably a more polymorphic way to handle
all of this, but this commit implements a quick
and dirty function which returns a default value
if an error is thrown (i.e. a "SecurityError" in this case)

**References:**

- https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Errors/Property_access_denied
- https://gitlab.com/gitlab-org/gitlab/issues/27144#note_258460537

Author: souldzin

packages/codesandbox-api/src/protocol/protocol.ts

@@ -2,9 +2,18 @@ const generateId = () =>
   // Such a random ID
   Math.floor(Math.random() * 1000000 + Math.random() * 1000000);
 
+const getConstructorName = (x: any) => {
+  try {
+    return x.constructor.name;
+  } catch(e) {
+    return '';
+  }
+};
+
 export default class Protocol {
   private outgoingMessages: Set<number> = new Set();
   private internalId: number;
+  private isWorker: boolean;
 
   constructor(
     private type: string,
@@ -13,6 +22,7 @@ export default class Protocol {
   ) {
     this.createConnection();
     this.internalId = generateId();
+    this.isWorker = getConstructorName(target) === 'Worker';
   }
 
   getTypeId() {
@@ -91,11 +101,11 @@ export default class Protocol {
 
   private _postMessage(m: any) {
     if (
-      this.target.constructor.name === 'Worker' ||
+      this.isWorker ||
       // @ts-ignore Unknown to TS
       (typeof DedicatedWorkerGlobalScope !== 'undefined' &&
         // @ts-ignore Unknown to TS
-        target instanceof DedicatedWorkerGlobalScope)
+        this.target instanceof DedicatedWorkerGlobalScope)
     ) {
       // @ts-ignore
       this.target.postMessage(m);