1.0.10

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@designestate/dees-comms",
-  "version": "1.0.6",
+  "version": "1.0.10",
   "private": false,
   "description": "a comms module for communicating within the DOM",
   "main": "dist_ts/index.js",
@@ -12,17 +12,18 @@
     "build": "(tsbuild --web)"
   },
   "devDependencies": {
-    "@gitzone/tsbuild": "^2.1.25",
-    "@gitzone/tsbundle": "^1.0.78",
-    "@gitzone/tstest": "^1.0.52",
-    "@pushrocks/tapbundle": "^3.2.9",
-    "@types/node": "^14.11.5",
+    "@gitzone/tsbuild": "^2.1.27",
+    "@gitzone/tsbundle": "^1.0.87",
+    "@gitzone/tstest": "^1.0.57",
+    "@pushrocks/tapbundle": "^3.2.14",
+    "@types/node": "^16.10.1",
     "tslint": "^6.1.3",
     "tslint-config-prettier": "^1.15.0"
   },
   "dependencies": {
-    "@apiglobal/typedrequest": "^1.0.53",
-    "@apiglobal/typedrequest-interfaces": "^1.0.15"
+    "@apiglobal/typedrequest": "^1.0.58",
+    "@apiglobal/typedrequest-interfaces": "^1.0.15",
+    "broadcast-channel": "^4.2.0"
   },
   "files": [
     "ts/**/*",

test/test.browser.ts

@@ -6,13 +6,13 @@ let deesCommsTest: deesComms.DeesComms;
 tap.test('first test', async (tools) => {
   deesCommsTest = new deesComms.DeesComms();
   deesCommsTest.createTypedHandler<any>('test', async (requestData) => {
-    return {'hitheretoo': 'greetings'};
+    return { hitheretoo: `greetings to ${requestData.hithere}` };
   });
 
   // lets fire a request
   const typedrequest = deesCommsTest.createTypedRequest<any>('test');
   const result = await typedrequest.fire({
-    'hithere': 'hello'
+    hithere: 'hello',
   });
   console.log(JSON.stringify(result));
 });

ts/dees-comms.classes.deescomms.ts

@@ -1,6 +1,11 @@
 import { TypedRequest } from '@apiglobal/typedrequest';
 import * as plugins from './dees-comms.plugins';
 
+let BroadcastChannel = globalThis.BroadcastChannel;
+if (!BroadcastChannel) {
+  BroadcastChannel = plugins.BroadCastChannelPolyfill as any;
+}
+
 /**
  * a comm class for client side communication between workers and tabs.
  */
@@ -8,6 +13,12 @@ export class DeesComms {
   // sending messages
   private postChannel = new BroadcastChannel('dees-comms');
   public typedrouter = new plugins.typedrequest.TypedRouter();
+  public typedtarget = new plugins.typedrequest.TypedTarget({
+    postMethodWithTypedRouter: async (messageArg) => {
+      this.postMessage(messageArg);
+    },
+    typedRouterRef: this.typedrouter,
+  });
 
   private subscriptionChannel = new BroadcastChannel('dees-comms');
 
@@ -28,13 +39,7 @@ export class DeesComms {
   public createTypedRequest<T extends plugins.typedrequestInterfaces.ITypedRequest>(
     methodName: T['method']
   ): TypedRequest<T> {
-    const typedrequest = new plugins.typedrequest.TypedRequest(
-      async (messageArg) => {
-        this.postMessage(messageArg);
-      },
-      methodName,
-      this.typedrouter
-    );
+    const typedrequest = new plugins.typedrequest.TypedRequest(this.typedtarget, methodName);
     return typedrequest;
   }
 
@@ -54,6 +59,8 @@ export class DeesComms {
     methodArg: T['method'],
     handlerFunction: plugins.typedrequest.THandlerFunction<T>
   ) {
-    this.typedrouter.addTypedHandler(new plugins.typedrequest.TypedHandler<T>(methodArg, handlerFunction));
+    this.typedrouter.addTypedHandler(
+      new plugins.typedrequest.TypedHandler<T>(methodArg, handlerFunction)
+    );
   }
 }

ts/dees-comms.plugins.ts

@@ -3,3 +3,8 @@ import * as typedrequestInterfaces from '@apiglobal/typedrequest-interfaces';
 import * as typedrequest from '@apiglobal/typedrequest';
 
 export { typedrequestInterfaces, typedrequest };
+
+// thirdparty scope
+import { BroadcastChannel as BroadCastChannelPolyfill } from 'broadcast-channel';
+
+export { BroadCastChannelPolyfill };

ts/index.ts

@@ -1 +1 @@
-export * from './dees-comms.classes.deescomms';
+export * from './dees-comms.classes.deescomms';