added check to process only widtalk messages

README.md

@@ -2,7 +2,7 @@
 
 # windtalk  🗣💨
 
-Micro lib (742 bytes gzipped) that provides a seamless way for two <b><i>WIND</i></b>ows to <b><i>TALK</i></b> to each other. 
+Micro lib (764 bytes gzipped) that provides a seamless way for two <b><i>WIND</i></b>ows to <b><i>TALK</i></b> to each other. 
 
 * Work with objects/functions defined in another window/iframe. 
 * All calls are async. Works great with async/await.

dist/windtalk.js

@@ -32,7 +32,7 @@ var windtalk = (function (exports) {
       this.c = 0; // counter
       this.cbs = {}; // callbacks
       self.addEventListener('message', event => {
-        const id = event.data && event.data.id;
+        const id = event.data && event.data.windtalk && event.data.id;
         const cb = id && this.cbs[id];
         if (cb) {
           delete this.cbs[id];
@@ -49,7 +49,7 @@ var windtalk = (function (exports) {
       const id = `${this.uid}-${++this.c}`;
       return new Promise((resolve, reject) => {
         this.cbs[id] = [resolve, reject];
-        this.w.postMessage(Object.assign({}, request, { id, args, target: this.uid }), '*');
+        this.w.postMessage(Object.assign({}, request, { id, args, target: this.uid, windtalk: true }), '*');
       });
     }
   }
@@ -62,12 +62,12 @@ var windtalk = (function (exports) {
     const _target = target;
     const w = endPoint || window.top;
     self.addEventListener('message', async event => {
-      const data = event.data || {};
-      data.path = data.path || [];
-      const reduce = list => list.reduce((o, prop) => (o ? o[prop] : o), _target);
-      const id = data.id;
-      if (id && data.type) {
-        const msg = { id };
+      if (event.data && event.data.id && event.data.type && event.data.windtalk) {
+        const data = event.data;
+        data.path = data.path || [];
+        const id = data.id;
+        const reduce = list => list.reduce((o, prop) => (o ? o[prop] : o), _target);
+        const msg = { id, windtalk: true };
         const ref = reduce(data.path);
         const refParent = reduce(data.path.slice(0, -1));
         switch (data.type) {

dist/windtalk.umd.js

@@ -35,7 +35,7 @@
       this.c = 0; // counter
       this.cbs = {}; // callbacks
       self.addEventListener('message', event => {
-        const id = event.data && event.data.id;
+        const id = event.data && event.data.windtalk && event.data.id;
         const cb = id && this.cbs[id];
         if (cb) {
           delete this.cbs[id];
@@ -52,7 +52,7 @@
       const id = `${this.uid}-${++this.c}`;
       return new Promise((resolve, reject) => {
         this.cbs[id] = [resolve, reject];
-        this.w.postMessage(Object.assign({}, request, { id, args, target: this.uid }), '*');
+        this.w.postMessage(Object.assign({}, request, { id, args, target: this.uid, windtalk: true }), '*');
       });
     }
   }
@@ -65,12 +65,12 @@
     const _target = target;
     const w = endPoint || window.top;
     self.addEventListener('message', async event => {
-      const data = event.data || {};
-      data.path = data.path || [];
-      const reduce = list => list.reduce((o, prop) => (o ? o[prop] : o), _target);
-      const id = data.id;
-      if (id && data.type) {
-        const msg = { id };
+      if (event.data && event.data.id && event.data.type && event.data.windtalk) {
+        const data = event.data;
+        data.path = data.path || [];
+        const id = data.id;
+        const reduce = list => list.reduce((o, prop) => (o ? o[prop] : o), _target);
+        const msg = { id, windtalk: true };
         const ref = reduce(data.path);
         const refParent = reduce(data.path.slice(0, -1));
         switch (data.type) {

index.js

@@ -29,7 +29,7 @@ class Remote {
     this.c = 0; // counter
     this.cbs = {} // callbacks
     self.addEventListener('message', event => {
-      const id = event.data && event.data.id;
+      const id = event.data && event.data.windtalk && event.data.id;
       const cb = id && this.cbs[id];
       if (cb) {
         delete this.cbs[id];
@@ -46,7 +46,7 @@ class Remote {
     const id = `${this.uid}-${++this.c}`;
     return new Promise((resolve, reject) => {
       this.cbs[id] = [resolve, reject];
-      this.w.postMessage(Object.assign({}, request, { id, args, target: this.uid }), '*');
+      this.w.postMessage(Object.assign({}, request, { id, args, target: this.uid, windtalk: true }), '*');
     });
   }
 }
@@ -59,12 +59,12 @@ export function expose(target, endPoint) {
   const _target = target;
   const w = endPoint || window.top;
   self.addEventListener('message', async event => {
-    const data = event.data || {};
-    data.path = data.path || [];
-    const reduce = list => list.reduce((o, prop) => (o ? o[prop] : o), _target);
-    const id = data.id;
-    if (id && data.type) {
-      const msg = { id };
+    if (event.data && event.data.id && event.data.type && event.data.windtalk) {
+      const data = event.data;
+      data.path = data.path || [];
+      const id = data.id;
+      const reduce = list => list.reduce((o, prop) => (o ? o[prop] : o), _target);
+      const msg = { id, windtalk: true };
       const ref = reduce(data.path);
       const refParent = reduce(data.path.slice(0, -1));
       switch (data.type) {

package.json

@@ -1,6 +1,6 @@
 {
   "name": "windtalk",
-  "version": "1.0.1",
+  "version": "1.0.2",
   "description": "Simplest way to communicate between windows/iframes.",
   "main": "dist/windtalk.umd.js",
   "browser": "dist/dist/windtalk.min.js",