@kokimoki/app 1.4.0 → 1.4.2

package/dist/kokimoki-client.d.ts

@@ -34,6 +34,7 @@ export declare class KokimokiClient<ClientContextT = any> extends KokimokiClient
     private _autoReconnect;
     private _reconnectTimeout;
     private _pingInterval;
+    private _clientTokenKey;
     constructor(host: string, appId: string, code?: string);
     get id(): string;
     get connectionId(): string;

package/dist/kokimoki-client.js

@@ -34,6 +34,7 @@ export class KokimokiClient extends EventEmitter {
     _autoReconnect = true;
     _reconnectTimeout = 0;
     _pingInterval;
+    _clientTokenKey = "KM_TOKEN";
     constructor(host, appId, code = "") {
         super();
         this.host = host;
@@ -52,6 +53,21 @@ export class KokimokiClient extends EventEmitter {
                 this.ws.send(pingBuffer);
             }
         }, 5000);
+        // Detect devtools
+        console.log(`[KM]`, window.top, frameElement?.id);
+        if (window.top && frameElement) {
+            this._clientTokenKey = `KM_TOKEN/${frameElement.id}`;
+            window.addEventListener("message", (e) => {
+                console.log(`[KM ${frameElement?.id}] ${e.data}`);
+                if (e.data === "km:clearStorage") {
+                    localStorage.removeItem(this._clientTokenKey);
+                    window.location.reload();
+                }
+                else if (e.data === "km:reload") {
+                    window.location.reload();
+                }
+            });
+        }
     }
     get id() {
         if (!this._id) {
@@ -102,6 +118,7 @@ export class KokimokiClient extends EventEmitter {
         if (this._connectPromise) {
             return await this._connectPromise;
         }
+        // Set up the WebSocket connection
         this._ws = new WebSocket(`${this._wsUrl}/apps/${this.appId}?clientVersion=${KOKIMOKI_APP_VERSION}`);
         this._ws.binaryType = "arraybuffer";
         // Close previous connection in hot-reload scenarios
@@ -118,7 +135,7 @@ export class KokimokiClient extends EventEmitter {
         // Wait for connection
         this._connectPromise = new Promise((onInit) => {
             // Fetch the auth token
-            let clientToken = localStorage.getItem("KM_TOKEN");
+            let clientToken = localStorage.getItem(this._clientTokenKey);
             // Send the app token on first connect
             this.ws.onopen = () => {
                 this.ws.send(JSON.stringify({ type: "auth", code: this.code, token: clientToken }));
@@ -184,7 +201,7 @@ export class KokimokiClient extends EventEmitter {
         this.emit("connected");
     }
     handleInitMessage(message) {
-        localStorage.setItem("KM_TOKEN", message.clientToken);
+        localStorage.setItem(this._clientTokenKey, message.clientToken);
         this._id = message.clientId;
         this._connectionId = message.id;
         this._token = message.appToken;

package/dist/kokimoki.min.d.ts

@@ -343,6 +343,7 @@ declare class KokimokiClient<ClientContextT = any> extends KokimokiClient_base {
     private _autoReconnect;
     private _reconnectTimeout;
     private _pingInterval;
+    private _clientTokenKey;
     constructor(host: string, appId: string, code?: string);
     get id(): string;
     get connectionId(): string;

package/dist/kokimoki.min.js

@@ -634,7 +634,7 @@ function eventTargetAgnosticAddListener(emitter, name, listener, flags) {
 var eventsExports = events.exports;
 var EventEmitter$1 = /*@__PURE__*/getDefaultExportFromCjs(eventsExports);
 
-const KOKIMOKI_APP_VERSION = "1.4.0";
+const KOKIMOKI_APP_VERSION = "1.4.2";
 
 /**
  * Utility module to work with key-value stores.
@@ -12247,6 +12247,7 @@ class KokimokiClient extends EventEmitter$1 {
     _autoReconnect = true;
     _reconnectTimeout = 0;
     _pingInterval;
+    _clientTokenKey = "KM_TOKEN";
     constructor(host, appId, code = "") {
         super();
         this.host = host;
@@ -12265,6 +12266,21 @@ class KokimokiClient extends EventEmitter$1 {
                 this.ws.send(pingBuffer);
             }
         }, 5000);
+        // Detect devtools
+        console.log(`[KM]`, window.top, frameElement?.id);
+        if (window.top && frameElement) {
+            this._clientTokenKey = `KM_TOKEN/${frameElement.id}`;
+            window.addEventListener("message", (e) => {
+                console.log(`[KM ${frameElement?.id}] ${e.data}`);
+                if (e.data === "km:clearStorage") {
+                    localStorage.removeItem(this._clientTokenKey);
+                    window.location.reload();
+                }
+                else if (e.data === "km:reload") {
+                    window.location.reload();
+                }
+            });
+        }
     }
     get id() {
         if (!this._id) {
@@ -12315,6 +12331,7 @@ class KokimokiClient extends EventEmitter$1 {
         if (this._connectPromise) {
             return await this._connectPromise;
         }
+        // Set up the WebSocket connection
         this._ws = new WebSocket(`${this._wsUrl}/apps/${this.appId}?clientVersion=${KOKIMOKI_APP_VERSION}`);
         this._ws.binaryType = "arraybuffer";
         // Close previous connection in hot-reload scenarios
@@ -12331,7 +12348,7 @@ class KokimokiClient extends EventEmitter$1 {
         // Wait for connection
         this._connectPromise = new Promise((onInit) => {
             // Fetch the auth token
-            let clientToken = localStorage.getItem("KM_TOKEN");
+            let clientToken = localStorage.getItem(this._clientTokenKey);
             // Send the app token on first connect
             this.ws.onopen = () => {
                 this.ws.send(JSON.stringify({ type: "auth", code: this.code, token: clientToken }));
@@ -12397,7 +12414,7 @@ class KokimokiClient extends EventEmitter$1 {
         this.emit("connected");
     }
     handleInitMessage(message) {
-        localStorage.setItem("KM_TOKEN", message.clientToken);
+        localStorage.setItem(this._clientTokenKey, message.clientToken);
         this._id = message.clientId;
         this._connectionId = message.id;
         this._token = message.appToken;