@kokimoki/app 1.4.0 → 1.4.1

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,15 @@ export class KokimokiClient extends EventEmitter {
                 this.ws.send(pingBuffer);
             }
         }, 5000);
+        // Detect devtools
+        if (window.top && frameElement) {
+            this._clientTokenKey = `KM_TOKEN/${frameElement.id}`;
+            window.addEventListener("message", (e) => {
+                if (e.data === "km:clearStorage") {
+                    localStorage.removeItem(this._clientTokenKey);
+                }
+            });
+        }
     }
     get id() {
         if (!this._id) {
@@ -102,6 +112,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 +129,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 +195,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.1";
 
 /**
  * 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,15 @@ class KokimokiClient extends EventEmitter$1 {
                 this.ws.send(pingBuffer);
             }
         }, 5000);
+        // Detect devtools
+        if (window.top && frameElement) {
+            this._clientTokenKey = `KM_TOKEN/${frameElement.id}`;
+            window.addEventListener("message", (e) => {
+                if (e.data === "km:clearStorage") {
+                    localStorage.removeItem(this._clientTokenKey);
+                }
+            });
+        }
     }
     get id() {
         if (!this._id) {
@@ -12315,6 +12325,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 +12342,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 +12408,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;