@maxzima/wa-communicator 0.0.5 → 0.0.8

package/README.md

@@ -1,8 +1,38 @@
-# Sender
+# Import communicator modules
+
+Import all 
+```javascript
+import {
+   CommunicatorReceiver,
+   CommunicatorSender,
+   CommunicatorTargetEnum,
+   CommunicatorActionEnum,
+} from '@maxzima/wa-communicator';
+```
+
+Import only sender
+```javascript
+import {
+   CommunicatorSender,
+   CommunicatorTargetEnum,
+   CommunicatorActionEnum,
+} from '@maxzima/wa-communicator/dit/sender';
+```
+
+Import only receiver
+```javascript
+import {
+   CommunicatorReceiver,
+   CommunicatorTargetEnum,
+   CommunicatorActionEnum,
+} from '@maxzima/wa-communicator';
+```
+
+# Usage Sender
 
 ```javascript
 const communicator = new CommunicatorSender({
-  targetOrigin: 'google.com',
+  receiverOrigin: 'google.com',
   otherWindow: window.parent,
 });
 
@@ -18,10 +48,11 @@ communicator.sendMessage({
 });
 ```
 
-# Receiver
+# Usage Receiver
 
 ```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;

package/config/tsconfig.esm.json

@@ -0,0 +1,10 @@
+{
+  "extends": "../tsconfig",
+  "compilerOptions": {
+    "module": "ESNext",
+    "outDir": "../dist",
+  },
+  "exclude": [
+    "../src/types/index.ts",
+  ]
+}

package/config/tsconfig.types.json

@@ -0,0 +1,8 @@
+{
+  "extends": "../tsconfig",
+  "compilerOptions": {
+    "declaration": true,
+    "emitDeclarationOnly": true,
+    "outDir": "../dist"
+  }
+}

package/dist/engine/CommunicatorReceiver.d.ts

@@ -1,14 +1,8 @@
 import { TReceiverProps } from '../types';
 export declare class CommunicatorReceiver {
     private readonly callback;
+    private readonly senderOrigin;
     constructor(props: TReceiverProps);
-    /**
-     * Watch Messages
-     */
     watch(): void;
-    /**
-     * Message Receive Callback
-     * @param event
-     */
     private onMessage;
 }

package/dist/engine/CommunicatorReceiver.js

@@ -1,9 +1,6 @@
+import { modifyOrigin } from "./utils";
 export class CommunicatorReceiver {
     constructor(props) {
-        /**
-         * Message Receive Callback
-         * @param event
-         */
         this.onMessage = (event) => {
             if (!event || !event.origin || !event.data) {
                 return;
@@ -16,7 +13,7 @@ export class CommunicatorReceiver {
                 console.log('PostMessage read error');
                 return;
             }
-            if (window.origin !== event.origin) {
+            if (this.senderOrigin !== event.origin) {
                 return;
             }
             if (typeof this.callback !== 'function') {
@@ -25,10 +22,8 @@ export class CommunicatorReceiver {
             this.callback(message);
         };
         this.callback = props.callback;
+        this.senderOrigin = modifyOrigin(props.senderOrigin);
     }
-    /**
-     * Watch Messages
-     */
     watch() {
         window.addEventListener('message', this.onMessage, false);
     }

package/dist/engine/CommunicatorSender.d.ts

@@ -1,11 +1,7 @@
 import { TCommunicatorMessage, TSenderProps } from '../types';
 export declare class CommunicatorSender {
     private readonly otherWindow;
-    private readonly targetOrigin;
+    private readonly receiverOrigin;
     constructor(props: TSenderProps);
-    /**
-     * Send PostMessage
-     * @param message
-     */
     sendMessage(message: TCommunicatorMessage): void;
 }

package/dist/engine/CommunicatorSender.js

@@ -1,20 +1,16 @@
-import { modifyUrl } from '../utils';
+import { modifyOrigin } from './utils';
 import { CommunicatorTargetEnum_isCorrect } from '../enums/CommunicatorTargetEnum';
 export class CommunicatorSender {
     constructor(props) {
         this.otherWindow = props.otherWindow;
-        this.targetOrigin = modifyUrl(props.targetOrigin);
+        this.receiverOrigin = modifyOrigin(props.receiverOrigin);
     }
-    /**
-     * Send PostMessage
-     * @param message
-     */
     sendMessage(message) {
-        if (!this.targetOrigin ||
+        if (!this.receiverOrigin ||
             !CommunicatorTargetEnum_isCorrect(message.target)) {
             return;
         }
         const jsonMessage = JSON.stringify(message);
-        this.otherWindow.postMessage(jsonMessage, this.targetOrigin);
+        this.otherWindow.postMessage(jsonMessage, this.receiverOrigin);
     }
 }

package/dist/engine/utils.d.ts

@@ -0,0 +1 @@
+export declare function modifyOrigin(address: string): string;

package/dist/{utils.js → engine/utils.js}

@@ -1,4 +1,4 @@
-export function modifyUrl(address) {
+export function modifyOrigin(address) {
     let url;
     try {
         let targetOrigin = address.trim();
@@ -8,5 +8,5 @@ export function modifyUrl(address) {
     catch (_) {
         return null;
     }
-    return url.toString();
+    return url.origin;
 }

package/dist/receiver.d.ts

@@ -0,0 +1,5 @@
+import { CommunicatorReceiver } from "./engine/CommunicatorReceiver";
+import { CommunicatorTargetEnum } from "./enums/CommunicatorTargetEnum";
+import { CommunicatorActionEnum } from "./enums/CommunicatorActionEnum";
+import * as types from "./types";
+export { CommunicatorReceiver, CommunicatorTargetEnum, CommunicatorActionEnum, types, };

package/dist/receiver.js

@@ -0,0 +1,5 @@
+import { CommunicatorReceiver } from "./engine/CommunicatorReceiver";
+import { CommunicatorTargetEnum } from "./enums/CommunicatorTargetEnum";
+import { CommunicatorActionEnum } from "./enums/CommunicatorActionEnum";
+import * as types from "./types";
+export { CommunicatorReceiver, CommunicatorTargetEnum, CommunicatorActionEnum, types, };

package/dist/sender.d.ts

@@ -0,0 +1,5 @@
+import { CommunicatorSender } from "./engine/CommunicatorSender";
+import { CommunicatorTargetEnum } from "./enums/CommunicatorTargetEnum";
+import { CommunicatorActionEnum } from "./enums/CommunicatorActionEnum";
+import * as types from "./types";
+export { CommunicatorSender, CommunicatorTargetEnum, CommunicatorActionEnum, types, };

package/dist/sender.js

@@ -0,0 +1,5 @@
+import { CommunicatorSender } from "./engine/CommunicatorSender";
+import { CommunicatorTargetEnum } from "./enums/CommunicatorTargetEnum";
+import { CommunicatorActionEnum } from "./enums/CommunicatorActionEnum";
+import * as types from "./types";
+export { CommunicatorSender, CommunicatorTargetEnum, CommunicatorActionEnum, types, };

package/dist/{types.d.ts → types/index.d.ts}

@@ -1,11 +1,12 @@
-import { CommunicatorActionEnum } from "./enums/CommunicatorActionEnum";
-import { CommunicatorTargetEnum } from "./enums/CommunicatorTargetEnum";
+import { CommunicatorActionEnum } from "../enums/CommunicatorActionEnum";
+import { CommunicatorTargetEnum } from "../enums/CommunicatorTargetEnum";
 export declare type TSenderProps = {
-    targetOrigin: string;
+    receiverOrigin: string;
     otherWindow: Window;
 };
 export declare type TReceiverProps = {
     callback: TReceiverCallback;
+    senderOrigin: string;
 };
 export declare type TReceiverCallback = (message: TCommunicatorMessage) => void;
 export declare type TCommunicatorActionResizeParams = {

package/dist/types/index.js

@@ -0,0 +1 @@
+import { CommunicatorActionEnum } from "../enums/CommunicatorActionEnum";

package/package.json

@@ -1,20 +1,28 @@
 {
-  "version": "0.0.5",
+  "version": "0.0.8",
   "name": "@maxzima/wa-communicator",
   "description": "",
   "author": "Noname",
   "license": "MIT",
   "main": "dist/index.js",
-  "types": "dist/index.d.ts",
+  "types": "dist/index.d.js",
   "engines": {
     "node": ">=14"
   },
+  "repository": {
+    "type": "git",
+    "url": ""
+  },
   "scripts": {
-    "prepublish": "rm -rf dist",
-    "postinstall": "npm run build",
-    "build": "tsc --project tsconfig.json"
+    "prepublishOnly": "npm run build",
+    "clean": "node tools/cleanup",
+    "build": "npm run clean && run-p build:*",
+    "build:esm": "tsc -p config/tsconfig.esm.json",
+    "build:types": "tsc -p config/tsconfig.types.json",
+    "package": "npm run build"
   },
   "devDependencies": {
+    "npm-run-all": "^4.1.5",
     "typescript": "^4.7.4"
   }
 }

package/src/engine/CommunicatorReceiver.ts

@@ -1,10 +1,13 @@
 import {TCommunicatorMessage, TReceiverCallback, TReceiverProps} from '../types';
+import {modifyOrigin} from "./utils";
 
 export class CommunicatorReceiver {
   private readonly callback: TReceiverCallback;
+  private readonly senderOrigin: string;
 
   constructor(props: TReceiverProps) {
     this.callback = props.callback;
+    this.senderOrigin = modifyOrigin(props.senderOrigin);
   }
 
   /**
@@ -32,7 +35,7 @@ export class CommunicatorReceiver {
       return;
     }
 
-    if (window.origin !== event.origin) {
+    if (this.senderOrigin !== event.origin) {
       return;
     }
 

package/src/engine/CommunicatorSender.ts

@@ -1,14 +1,14 @@
 import {TCommunicatorMessage, TSenderProps} from '../types';
-import {modifyUrl} from '../utils';
+import {modifyOrigin} from './utils';
 import {CommunicatorTargetEnum_isCorrect} from '../enums/CommunicatorTargetEnum';
 
 export class CommunicatorSender {
   private readonly otherWindow: Window;
-  private readonly targetOrigin: string;
+  private readonly receiverOrigin: string;
 
   constructor(props: TSenderProps) {
     this.otherWindow = props.otherWindow;
-    this.targetOrigin = modifyUrl(props.targetOrigin);
+    this.receiverOrigin = modifyOrigin(props.receiverOrigin);
   }
 
   /**
@@ -17,14 +17,14 @@ export class CommunicatorSender {
    */
   public sendMessage(message: TCommunicatorMessage) {
     if (
-      !this.targetOrigin ||
+      !this.receiverOrigin ||
       !CommunicatorTargetEnum_isCorrect(message.target)
     ) {
       return;
     }
 
     const jsonMessage = JSON.stringify(message);
-    this.otherWindow.postMessage(jsonMessage, this.targetOrigin);
+    this.otherWindow.postMessage(jsonMessage, this.receiverOrigin);
   }
 }
 

package/src/{utils.ts → engine/utils.ts}

@@ -1,4 +1,4 @@
-export function modifyUrl(address: string): string {
+export function modifyOrigin(address: string): string {
   let url: URL;
   try {
     let targetOrigin = address.trim();
@@ -7,5 +7,5 @@ export function modifyUrl(address: string): string {
   } catch (_) {
     return null;
   }
-  return url.toString();
+  return url.origin;
 }

package/src/receiver.ts

@@ -0,0 +1,11 @@
+import {CommunicatorReceiver} from "./engine/CommunicatorReceiver"
+import {CommunicatorTargetEnum} from "./enums/CommunicatorTargetEnum"
+import {CommunicatorActionEnum} from "./enums/CommunicatorActionEnum"
+import * as types from "./types";
+
+export {
+  CommunicatorReceiver,
+  CommunicatorTargetEnum,
+  CommunicatorActionEnum,
+  types,
+}

package/src/sender.ts

@@ -0,0 +1,11 @@
+import {CommunicatorSender} from "./engine/CommunicatorSender"
+import {CommunicatorTargetEnum} from "./enums/CommunicatorTargetEnum"
+import {CommunicatorActionEnum} from "./enums/CommunicatorActionEnum"
+import * as types from "./types";
+
+export {
+  CommunicatorSender,
+  CommunicatorTargetEnum,
+  CommunicatorActionEnum,
+  types,
+}

package/src/{types.ts → types/index.ts}

@@ -1,13 +1,14 @@
-import {CommunicatorActionEnum} from "./enums/CommunicatorActionEnum";
-import {CommunicatorTargetEnum} from "./enums/CommunicatorTargetEnum";
+import {CommunicatorActionEnum} from "../enums/CommunicatorActionEnum";
+import {CommunicatorTargetEnum} from "../enums/CommunicatorTargetEnum";
 
 export type TSenderProps = {
-  targetOrigin: string,
+  receiverOrigin: string,
   otherWindow: Window,
 }
 
 export type TReceiverProps = {
   callback: TReceiverCallback,
+  senderOrigin: string,
 }
 
 export type TReceiverCallback = (message: TCommunicatorMessage) => void;

package/tools/cleanup.js

@@ -0,0 +1,26 @@
+/* eslint-disable */
+const fs = require('fs')
+const Path = require('path')
+/* eslint-enable */
+
+const deleteFolderRecursive = (path) => {
+  if (fs.existsSync(path)) {
+    fs.readdirSync(path).forEach((file) => {
+      const curPath = Path.join(path, file)
+      if (fs.lstatSync(curPath).isDirectory()) {
+        deleteFolderRecursive(curPath)
+      } else {
+        fs.unlinkSync(curPath)
+      }
+    })
+    fs.rmdirSync(path)
+  }
+}
+
+const folder = process.argv.slice(2)[0]
+
+if (folder) {
+  deleteFolderRecursive(Path.join(__dirname, '../dist', folder))
+} else {
+  deleteFolderRecursive(Path.join(__dirname, '../dist'))
+}

package/tsconfig.json

@@ -7,17 +7,15 @@
       "ESNext"
     ],
     "target": "ES6",
-    "module": "esnext",
     "moduleResolution": "node",
     "strictNullChecks": false,
     "esModuleInterop": true,
     "skipLibCheck": true,
     "forceConsistentCasingInFileNames": true,
-    "baseUrl": "./src",
+    "baseUrl": "./",
     "outDir": "dist",
-    "declaration": true,
     "alwaysStrict": true,
-    "removeComments": false,
+    "removeComments": true,
     "noImplicitReturns": true,
     "noEmit": false,
     "noFallthroughCasesInSwitch": true,
@@ -25,13 +23,10 @@
     "noUnusedParameters": true,
     "importHelpers": true,
     "sourceMap": false,
-    "typeRoots": [
-      "./node_modules/@types",
-      "./src/types"
-    ],
   },
   "exclude": [
     "dist",
     "node_modules",
-  ]
+  ],
+  "include": ["src/**/*"]
 }

package/dist/enums/BaseEnum.d.ts

@@ -1,8 +0,0 @@
-export default abstract class BaseEnum {
-    static array: string[];
-    static isCorrect(value: string): boolean;
-    /**
-     * Gets array of all possible values
-     */
-    static getAsArray(): string[];
-}

package/dist/enums/BaseEnum.js

@@ -1,31 +0,0 @@
-export default class BaseEnum {
-    static isCorrect(value) {
-        return value && value.trim() && this.getAsArray().indexOf(value) !== -1;
-    }
-    /**
-     * Gets array of all possible values
-     */
-    static getAsArray() {
-        if (!this.array) {
-            let props = Object.getOwnPropertyNames(this);
-            let obj = Object.getPrototypeOf(this);
-            this.array = [];
-            while (Object.prototype.isPrototypeOf.call(BaseEnum, obj)) {
-                props = [...props, ...Object.getOwnPropertyNames(obj)];
-                obj = Object.getPrototypeOf(obj);
-            }
-            for (const prop of props) {
-                if (['caller', 'arguments', 'name', 'length', 'prototype'].indexOf(prop) !== -1) {
-                    continue;
-                }
-                const self = this;
-                const propValue = self[prop];
-                if (typeof propValue === 'string' && prop.indexOf('CONTEXT') === -1) {
-                    this.array.push(propValue);
-                }
-            }
-        }
-        return this.array;
-    }
-}
-BaseEnum.array = null;

package/dist/types.js

@@ -1 +0,0 @@
-import { CommunicatorActionEnum } from "./enums/CommunicatorActionEnum";

package/dist/utils.d.ts

@@ -1 +0,0 @@
-export declare function modifyUrl(address: string): string;