@maxzima/wa-communicator 0.0.8 → 0.0.9

package/README.md

@@ -52,13 +52,22 @@ communicator.sendMessage({
 
 ```javascript
 const communicator = new CommunicatorReceiver({
-  senderOrigin: 'clients.google.com',
-  callback: (message) => {
-    if (message.target === CommunicatorTargetEnum.SIGN_UP && message.action[CommunicatorActionEnum.GOTO]) {
-      window.location.href = message.action[CommunicatorActionEnum.GOTO].url;
-    }
-  }
+  senderOrigin: 'clients.google.com'
+});
+
+// subscribe
+communicator.follow('one', {
+  target: CommunicatorTargetEnum.SIGN_UP,
+  action: CommunicatorActionEnum.CLOSE,
+  callback: message => {
+    console.log('close', message);
+  },
+});
+
+// unsubscribe
+receiver.unfollow({
+  code: 'one',
+  action: CommunicatorActionEnum.CLOSE
 });
 
-communicator.watch();
 ```

package/dist/engine/CommunicatorReceiver.d.ts

@@ -1,8 +1,11 @@
-import { TReceiverProps } from '../types';
+import { TCommunicatorMessage, TReceiverProps, TReceiverSubscribeParams, TReceiverUnsubscribeMessageParams } from '../types';
 export declare class CommunicatorReceiver {
-    private readonly callback;
     private readonly senderOrigin;
+    private queue;
     constructor(props: TReceiverProps);
-    watch(): void;
     private onMessage;
+    private prepareCode;
+    isValidMessage: (message: TCommunicatorMessage) => boolean;
+    subscribe: (code: string, params: TReceiverSubscribeParams) => void;
+    unsubscribe: (params?: TReceiverUnsubscribeMessageParams) => boolean;
 }

package/dist/engine/CommunicatorReceiver.js

@@ -1,6 +1,9 @@
 import { modifyOrigin } from "./utils";
+import { CommunicatorTargetEnum_isCorrect } from '../enums/CommunicatorTargetEnum';
+import { CommunicatorActionEnum_isCorrect } from '../enums/CommunicatorActionEnum';
 export class CommunicatorReceiver {
     constructor(props) {
+        this.queue = [];
         this.onMessage = (event) => {
             if (!event || !event.origin || !event.data) {
                 return;
@@ -16,15 +19,80 @@ export class CommunicatorReceiver {
             if (this.senderOrigin !== event.origin) {
                 return;
             }
-            if (typeof this.callback !== 'function') {
+            if (!this.isValidMessage(message)) {
                 return;
             }
-            this.callback(message);
+            const queue = this.queue.filter(item => item.target === message.target && message.action.hasOwnProperty(item.action));
+            if (queue.length) {
+                queue.forEach(item => {
+                    if (typeof item.params.callback === 'function') {
+                        item.params.callback(message);
+                    }
+                });
+            }
+        };
+        this.prepareCode = (code) => {
+            if (typeof code === 'string' || code === "") {
+                throw new Error('WAC: code is not valid!');
+            }
+            return `wab_${code}`;
+        };
+        this.isValidMessage = (message) => {
+            const isValidTarget = message.target && CommunicatorTargetEnum_isCorrect(message.target);
+            const actions = message.action;
+            let isValidActions = typeof actions === 'object';
+            if (isValidTarget && isValidActions) {
+                for (const prop in actions) {
+                    if (actions.hasOwnProperty(prop)) {
+                        isValidActions = actions.hasOwnProperty(prop) && CommunicatorActionEnum_isCorrect(prop);
+                        if (!isValidActions) {
+                            break;
+                        }
+                    }
+                }
+            }
+            return isValidTarget && isValidActions;
+        };
+        this.subscribe = (code, params) => {
+            if ((!params.target || !CommunicatorTargetEnum_isCorrect(params.target)) ||
+                (!params.action || !CommunicatorActionEnum_isCorrect(params.action))) {
+                throw new Error('WAC: target or action is not allowed!');
+            }
+            if (this.queue.find(item => item.code === this.prepareCode(code) && item.target === params.target && item.action === params.action)) {
+                console.log(`WAB: subscribe is exists!`);
+            }
+            this.queue.push({
+                code: this.prepareCode(code),
+                target: params.target,
+                action: params.action,
+                params: {
+                    callback: params.callback,
+                }
+            });
+        };
+        this.unsubscribe = (params) => {
+            if (!params) {
+                this.queue = [];
+                return true;
+            }
+            const queueForRemove = this.queue.filter(item => {
+                return (!params.code || item.code === this.prepareCode(params.code)) &&
+                    (!params.target || item.target === params.target) &&
+                    (!params.action || item.action === params.action);
+            });
+            if (queueForRemove.length) {
+                const toRemove = new Set(queueForRemove);
+                this.queue = this.queue.filter(x => !toRemove.has(x));
+                return true;
+            }
+            return false;
         };
-        this.callback = props.callback;
         this.senderOrigin = modifyOrigin(props.senderOrigin);
-    }
-    watch() {
-        window.addEventListener('message', this.onMessage, false);
+        if (this.senderOrigin) {
+            window.addEventListener('message', this.onMessage, false);
+        }
+        else {
+            throw new Error('WAC: senderOrigin is broken!');
+        }
     }
 }

package/dist/engine/CommunicatorSender.js

@@ -4,8 +4,17 @@ export class CommunicatorSender {
     constructor(props) {
         this.otherWindow = props.otherWindow;
         this.receiverOrigin = modifyOrigin(props.receiverOrigin);
+        if (!this.receiverOrigin) {
+            throw new Error('WAC: receiverOrigin is broken!');
+        }
     }
     sendMessage(message) {
+        if (!this.receiverOrigin) {
+            return;
+        }
+        if (!CommunicatorTargetEnum_isCorrect(message.target)) {
+            throw new Error(`WAC: Target "${message.target}" is not allowed!`);
+        }
         if (!this.receiverOrigin ||
             !CommunicatorTargetEnum_isCorrect(message.target)) {
             return;

package/dist/types/index.d.ts

@@ -5,7 +5,6 @@ export declare type TSenderProps = {
     otherWindow: Window;
 };
 export declare type TReceiverProps = {
-    callback: TReceiverCallback;
     senderOrigin: string;
 };
 export declare type TReceiverCallback = (message: TCommunicatorMessage) => void;
@@ -27,3 +26,22 @@ export declare type TCommunicatorMessage = {
     target: CommunicatorTargetEnum;
     action: TCommunicatorSenderActionMap;
 };
+export declare type TReceiverSubscribeParams = {
+    target: CommunicatorTargetEnum;
+    action: CommunicatorActionEnum;
+    callback: TReceiverCallback;
+};
+export declare type TReceiverMessageQueue = TReceiverMessageQueueItem[];
+export declare type TReceiverMessageQueueItem = {
+    code: string;
+    target: CommunicatorTargetEnum;
+    action: CommunicatorActionEnum;
+    params?: {
+        callback: TReceiverCallback;
+    };
+};
+export declare type TReceiverUnsubscribeMessageParams = {
+    code?: string;
+    target?: CommunicatorTargetEnum;
+    action?: CommunicatorActionEnum;
+};

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "0.0.8",
+  "version": "0.0.9",
   "name": "@maxzima/wa-communicator",
   "description": "",
   "author": "Noname",

package/src/engine/CommunicatorReceiver.ts

@@ -1,20 +1,27 @@
-import {TCommunicatorMessage, TReceiverCallback, TReceiverProps} from '../types';
+import {
+  TCommunicatorMessage,
+  TReceiverMessageQueue,
+  TReceiverProps,
+  TReceiverSubscribeParams,
+  TReceiverUnsubscribeMessageParams,
+} from '../types';
 import {modifyOrigin} from "./utils";
+import {CommunicatorTargetEnum_isCorrect} from '../enums/CommunicatorTargetEnum';
+import {CommunicatorActionEnum_isCorrect} from '../enums/CommunicatorActionEnum';
 
 export class CommunicatorReceiver {
-  private readonly callback: TReceiverCallback;
   private readonly senderOrigin: string;
+  private queue: TReceiverMessageQueue = [];
 
   constructor(props: TReceiverProps) {
-    this.callback = props.callback;
     this.senderOrigin = modifyOrigin(props.senderOrigin);
-  }
 
-  /**
-   * Watch Messages
-   */
-  public watch() {
-    window.addEventListener('message', this.onMessage, false);
+    if (this.senderOrigin) {
+      // Watch Messages
+      window.addEventListener('message', this.onMessage, false);
+    } else {
+      throw new Error('WAC: senderOrigin is broken!');
+    }
   }
 
   /**
@@ -39,11 +46,106 @@ export class CommunicatorReceiver {
       return;
     }
 
-    if (typeof this.callback !== 'function') {
+    if (!this.isValidMessage(message)) {
       return;
     }
 
-    this.callback(message);
+    // Find queue by target and action
+    const queue = this.queue.filter(item => item.target === message.target && message.action.hasOwnProperty(item.action));
+
+    if (queue.length) {
+      queue.forEach(item => {
+        if (typeof item.params.callback === 'function') {
+          item.params.callback(message);
+        }
+      })
+    }
   };
+
+  /**
+   * Prepare code for queue
+   * @param code
+   */
+  private prepareCode = (code: string) => {
+    if (typeof code === 'string' || code === "") {
+      throw new Error('WAC: code is not valid!');
+    }
+    return `wab_${code}`
+  }
+
+  /**
+   * Check the message for validity
+   * @param message
+   */
+  public isValidMessage = (message: TCommunicatorMessage) => {
+    const isValidTarget = message.target && CommunicatorTargetEnum_isCorrect(message.target);
+    const actions = message.action;
+    let isValidActions = typeof actions === 'object';
+
+    if (isValidTarget && isValidActions) {
+      for (const prop in actions) {
+        if(actions.hasOwnProperty(prop)) {
+          isValidActions = actions.hasOwnProperty(prop) && CommunicatorActionEnum_isCorrect(prop);
+          if (!isValidActions) {
+            break;
+          }
+        }
+      }
+    }
+
+    return isValidTarget && isValidActions;
+  }
+
+  /**
+   * Subscribe by target and action
+   * @param code
+   * @param params
+   */
+  public subscribe = (code: string, params: TReceiverSubscribeParams): void => {
+    if (
+      (!params.target || !CommunicatorTargetEnum_isCorrect(params.target)) ||
+      (!params.action || !CommunicatorActionEnum_isCorrect(params.action))
+    ) {
+      throw new Error('WAC: target or action is not allowed!');
+    }
+
+    if (this.queue.find(item => item.code === this.prepareCode(code) && item.target === params.target && item.action === params.action)) {
+      console.log(`WAB: subscribe is exists!`);
+    }
+
+    this.queue.push({
+      code: this.prepareCode(code),
+      target: params.target,
+      action: params.action,
+      params: {
+        callback: params.callback,
+      }
+    });
+  }
+
+  /**
+   * Subscribe by code or target or action
+   * @param params
+   */
+  public unsubscribe = (params?: TReceiverUnsubscribeMessageParams): boolean => {
+    if (!params) {
+      this.queue = [];
+      return true;
+    }
+
+    const queueForRemove = this.queue.filter(item => {
+      return (!params.code || item.code === this.prepareCode(params.code)) &&
+        (!params.target || item.target === params.target) &&
+        (!params.action || item.action === params.action);
+    });
+
+    if (queueForRemove.length) {
+      const toRemove = new Set(queueForRemove);
+      this.queue = this.queue.filter(x => !toRemove.has(x));
+      return true;
+    }
+
+    return false;
+  }
 }
 

package/src/engine/CommunicatorSender.ts

@@ -9,6 +9,10 @@ export class CommunicatorSender {
   constructor(props: TSenderProps) {
     this.otherWindow = props.otherWindow;
     this.receiverOrigin = modifyOrigin(props.receiverOrigin);
+
+    if (!this.receiverOrigin) {
+      throw new Error('WAC: receiverOrigin is broken!');
+    }
   }
 
   /**
@@ -16,6 +20,14 @@ export class CommunicatorSender {
    * @param message
    */
   public sendMessage(message: TCommunicatorMessage) {
+    if (!this.receiverOrigin) {
+      return;
+    }
+
+    if (!CommunicatorTargetEnum_isCorrect(message.target)) {
+      throw new Error(`WAC: Target "${message.target}" is not allowed!`);
+    }
+
     if (
       !this.receiverOrigin ||
       !CommunicatorTargetEnum_isCorrect(message.target)

package/src/types/index.ts

@@ -7,7 +7,6 @@ export type TSenderProps = {
 }
 
 export type TReceiverProps = {
-  callback: TReceiverCallback,
   senderOrigin: string,
 }
 
@@ -34,3 +33,26 @@ export type TCommunicatorMessage = {
   target: CommunicatorTargetEnum,
   action: TCommunicatorSenderActionMap
 }
+
+export type TReceiverSubscribeParams = {
+  target: CommunicatorTargetEnum,
+  action: CommunicatorActionEnum,
+  callback: TReceiverCallback,
+}
+
+export type TReceiverMessageQueue = TReceiverMessageQueueItem[]
+
+export type TReceiverMessageQueueItem = {
+  code: string;
+  target: CommunicatorTargetEnum,
+  action: CommunicatorActionEnum,
+  params?: {
+    callback: TReceiverCallback,
+  }
+}
+
+export type TReceiverUnsubscribeMessageParams = {
+  code?: string;
+  target?: CommunicatorTargetEnum,
+  action?: CommunicatorActionEnum,
+}

package/tsconfig.json

@@ -16,7 +16,7 @@
     "outDir": "dist",
     "alwaysStrict": true,
     "removeComments": true,
-    "noImplicitReturns": true,
+    "noImplicitReturns": false,
     "noEmit": false,
     "noFallthroughCasesInSwitch": true,
     "noUnusedLocals": true,