1.0.10

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@designestate/dees-comms",
-  "version": "1.0.2",
+  "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.49",
-    "@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

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

ts/dees-comms.classes.deescomms.ts

@@ -1,21 +1,35 @@
 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.
  */
 export class DeesComms {
   // sending messages
   private postChannel = new BroadcastChannel('dees-comms');
-  private typedrouter = new plugins.typedrequest.TypedRouter();
-  
+  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');
-  
 
   constructor() {
-    this.subscriptionChannel.onmessage = (eventArg) => {
+    this.subscriptionChannel.onmessage = async (eventArg) => {
       const message = eventArg.data;
-      this.typedrouter.routeAndAddResponse(message);
+      console.log(JSON.stringify(message));
+      const response = await this.typedrouter.routeAndAddResponse(message);
+      if (response) {
+        this.postMessage(response);
+      }
     };
   }
 
@@ -25,7 +39,7 @@ export class DeesComms {
   public createTypedRequest<T extends plugins.typedrequestInterfaces.ITypedRequest>(
     methodName: T['method']
   ): TypedRequest<T> {
-    const typedrequest = new plugins.typedrequest.TypedRequest(this.postMessage, methodName, this.typedrouter);
+    const typedrequest = new plugins.typedrequest.TypedRequest(this.typedtarget, methodName);
     return typedrequest;
   }
 
@@ -41,5 +55,12 @@ export class DeesComms {
   /**
    * subscribe to messages
    */
-  public async subscribe() {}
+  public async createTypedHandler<T extends plugins.typedrequestInterfaces.ITypedRequest>(
+    methodArg: T['method'],
+    handlerFunction: plugins.typedrequest.THandlerFunction<T>
+  ) {
+    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,11 +1 @@
-import * as plugins from './dees-comms.plugins';
-
-/**
- * a comm class for client side communication between workers and tabs.
- */
-export class DeesComms {
-  public postChannel = new BroadcastChannel('dees-comms');
-  public subscriptionChannel = new BroadcastChannel('dees-comms');
-
-  public async postMessage() {}
-}
+export * from './dees-comms.classes.deescomms';