iframe-pubsub 1.0.12 → 1.0.14

package/dist/index.d.mts

@@ -27,6 +27,7 @@ declare class Client {
     private callback?;
     private pubsub;
     private isIframe;
+    private boundHandleMessage;
     /**
      * Create a new client instance.
      *
@@ -181,6 +182,7 @@ declare class PubSub {
     private static instance;
     private subscribers;
     private mainCallback?;
+    private boundHandleMessage;
     private constructor();
     static getInstance(): PubSub;
     onMessage(callback: MessageCallback): void;

package/dist/index.d.ts

@@ -27,6 +27,7 @@ declare class Client {
     private callback?;
     private pubsub;
     private isIframe;
+    private boundHandleMessage;
     /**
      * Create a new client instance.
      *
@@ -181,6 +182,7 @@ declare class PubSub {
     private static instance;
     private subscribers;
     private mainCallback?;
+    private boundHandleMessage;
     private constructor();
     static getInstance(): PubSub;
     onMessage(callback: MessageCallback): void;

package/dist/index.js

@@ -34,9 +34,13 @@ var _PubSub = class _PubSub {
   constructor() {
     __publicField(this, "subscribers");
     __publicField(this, "mainCallback");
+    __publicField(this, "boundHandleMessage");
     this.subscribers = /* @__PURE__ */ new Map();
-    this.handleMessage = this.handleMessage.bind(this);
-    window.addEventListener("message", this.handleMessage);
+    this.boundHandleMessage = this.handleMessage.bind(this);
+    window.addEventListener("message", this.boundHandleMessage);
+    window.addEventListener("message", (event) => {
+      console.info("I am still live: ", event);
+    });
   }
   static getInstance() {
     if (!_PubSub.instance) {
@@ -96,7 +100,8 @@ var _PubSub = class _PubSub {
       console.warn(`Failed to send message to client ${message.to} after 10 retries`);
     }
   }
-  async handleMessage(event) {
+  handleMessage(event) {
+    console.log("Pubsub Received message:", event);
     const data = event.data;
     const source = event.source;
     if (data?.type === "REGISTER") {
@@ -125,14 +130,14 @@ var _PubSub = class _PubSub {
     if (!data || !data.from || !data.to) return;
     const message = data;
     if (this.mainCallback) {
-      await this.mainCallback(message);
+      this.mainCallback(message);
     }
     const subscriber = this.subscribers.get(message.to);
     if (!subscriber) return;
     if (subscriber.source) {
       subscriber.source.postMessage(message, "*");
     } else {
-      await subscriber.callback(message);
+      subscriber.callback(message);
     }
   }
   /**
@@ -160,17 +165,19 @@ var Client = class {
     __publicField(this, "callback");
     __publicField(this, "pubsub");
     __publicField(this, "isIframe");
+    __publicField(this, "boundHandleMessage");
     this.pageId = pageId;
     this.pubsub = PubSub.getInstance();
     this.isIframe = window !== window.parent;
+    this.boundHandleMessage = this.handleMessage.bind(this);
     if (this.isIframe) {
       window.parent.postMessage({
         type: "REGISTER",
         pageId: this.pageId
       }, "*");
-      window.addEventListener("message", this.handleMessage.bind(this));
+      window.addEventListener("message", this.boundHandleMessage);
     } else {
-      this.pubsub.register(pageId, this.handleMessage.bind(this));
+      this.pubsub.register(pageId, this.boundHandleMessage);
     }
   }
   /**
@@ -195,7 +202,7 @@ var Client = class {
     if (this.isIframe) {
       throw new Error("You are not allowed to clean up aichat from iframe.");
     }
-    window.removeEventListener("message", this.handleMessage.bind(this));
+    window.removeEventListener("message", this.boundHandleMessage);
     return this.pubsub.unregister("aichat" /* AI_CHAT_CLIENT_ID */);
   }
   /**
@@ -290,7 +297,8 @@ var Client = class {
       }
     });
   }
-  async handleMessage(event) {
+  handleMessage(event) {
+    console.log("Client Received message:", event);
     let message;
     if (event.data) {
       const evt = event;
@@ -301,7 +309,7 @@ var Client = class {
     if (!message || !message.from || !message.to || message.to !== this.pageId) return;
     if (this.callback) {
       try {
-        await this.callback(message);
+        this.callback(message);
       } catch (error) {
         console.error(`Client ${this.pageId} failed to process message:`, error);
       }

package/dist/index.mjs

@@ -7,9 +7,13 @@ var _PubSub = class _PubSub {
   constructor() {
     __publicField(this, "subscribers");
     __publicField(this, "mainCallback");
+    __publicField(this, "boundHandleMessage");
     this.subscribers = /* @__PURE__ */ new Map();
-    this.handleMessage = this.handleMessage.bind(this);
-    window.addEventListener("message", this.handleMessage);
+    this.boundHandleMessage = this.handleMessage.bind(this);
+    window.addEventListener("message", this.boundHandleMessage);
+    window.addEventListener("message", (event) => {
+      console.info("I am still live: ", event);
+    });
   }
   static getInstance() {
     if (!_PubSub.instance) {
@@ -69,7 +73,8 @@ var _PubSub = class _PubSub {
       console.warn(`Failed to send message to client ${message.to} after 10 retries`);
     }
   }
-  async handleMessage(event) {
+  handleMessage(event) {
+    console.log("Pubsub Received message:", event);
     const data = event.data;
     const source = event.source;
     if (data?.type === "REGISTER") {
@@ -98,14 +103,14 @@ var _PubSub = class _PubSub {
     if (!data || !data.from || !data.to) return;
     const message = data;
     if (this.mainCallback) {
-      await this.mainCallback(message);
+      this.mainCallback(message);
     }
     const subscriber = this.subscribers.get(message.to);
     if (!subscriber) return;
     if (subscriber.source) {
       subscriber.source.postMessage(message, "*");
     } else {
-      await subscriber.callback(message);
+      subscriber.callback(message);
     }
   }
   /**
@@ -133,17 +138,19 @@ var Client = class {
     __publicField(this, "callback");
     __publicField(this, "pubsub");
     __publicField(this, "isIframe");
+    __publicField(this, "boundHandleMessage");
     this.pageId = pageId;
     this.pubsub = PubSub.getInstance();
     this.isIframe = window !== window.parent;
+    this.boundHandleMessage = this.handleMessage.bind(this);
     if (this.isIframe) {
       window.parent.postMessage({
         type: "REGISTER",
         pageId: this.pageId
       }, "*");
-      window.addEventListener("message", this.handleMessage.bind(this));
+      window.addEventListener("message", this.boundHandleMessage);
     } else {
-      this.pubsub.register(pageId, this.handleMessage.bind(this));
+      this.pubsub.register(pageId, this.boundHandleMessage);
     }
   }
   /**
@@ -168,7 +175,7 @@ var Client = class {
     if (this.isIframe) {
       throw new Error("You are not allowed to clean up aichat from iframe.");
     }
-    window.removeEventListener("message", this.handleMessage.bind(this));
+    window.removeEventListener("message", this.boundHandleMessage);
     return this.pubsub.unregister("aichat" /* AI_CHAT_CLIENT_ID */);
   }
   /**
@@ -263,7 +270,8 @@ var Client = class {
       }
     });
   }
-  async handleMessage(event) {
+  handleMessage(event) {
+    console.log("Client Received message:", event);
     let message;
     if (event.data) {
       const evt = event;
@@ -274,7 +282,7 @@ var Client = class {
     if (!message || !message.from || !message.to || message.to !== this.pageId) return;
     if (this.callback) {
       try {
-        await this.callback(message);
+        this.callback(message);
       } catch (error) {
         console.error(`Client ${this.pageId} failed to process message:`, error);
       }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "iframe-pubsub",
-  "version": "1.0.12",
+  "version": "1.0.14",
   "description": "A PubSub library for iframe communication.",
   "author": "Lap Tran",
   "license": "ISC",