@chromahq/store 1.0.19 → 1.0.21

package/dist/index.cjs.js

@@ -108,7 +108,9 @@ function useStoreReset(store) {
   return store.reset;
 }
 
+const STORE_ENABLE_LOGS = typeof globalThis !== "undefined" && globalThis.__CHROMA_ENABLE_LOGS__ === false ? false : true;
 class BridgeStore {
+  // ~1 frame at 60fps
   constructor(bridge, initialState, storeName = "default", readyCallbacks = /* @__PURE__ */ new Set()) {
     this.listeners = /* @__PURE__ */ new Set();
     this.currentState = null;
@@ -120,6 +122,12 @@ class BridgeStore {
     this.maxInitializationAttempts = 10;
     this.initializationTimer = null;
     this.isInitializing = false;
+    // Store handler references for cleanup (prevents memory leaks)
+    this.reconnectHandler = null;
+    this.stateChangedHandler = null;
+    // Debounce timer for state sync (optimization for rapid updates)
+    this.stateSyncDebounceTimer = null;
+    this.stateSyncDebounceMs = 16;
     this.initialize = async () => {
       if (this.isInitializing) {
         return;
@@ -132,17 +140,21 @@ class BridgeStore {
       this.isInitializing = true;
       try {
         if (this.initializationAttempts > this.maxInitializationAttempts) {
-          console.error(
-            `BridgeStore[${this.storeName}]: Max initialization attempts (${this.maxInitializationAttempts}) reached, giving up`
-          );
+          if (STORE_ENABLE_LOGS) {
+            console.error(
+              `BridgeStore[${this.storeName}]: Max initialization attempts (${this.maxInitializationAttempts}) reached, giving up`
+            );
+          }
           this.isInitializing = false;
           return;
         }
         if (!this.bridge.isConnected) {
           if (this.initializationAttempts === 1 || this.initializationAttempts % 3 === 0) {
-            console.log(
-              `BridgeStore[${this.storeName}]: Waiting for bridge connection (attempt ${this.initializationAttempts}/${this.maxInitializationAttempts})...`
-            );
+            if (STORE_ENABLE_LOGS) {
+              console.log(
+                `BridgeStore[${this.storeName}]: Waiting for bridge connection (attempt ${this.initializationAttempts}/${this.maxInitializationAttempts})...`
+              );
+            }
           }
           const delay = Math.min(500 * Math.pow(2, this.initializationAttempts - 1), 5e3);
           this.isInitializing = false;
@@ -158,20 +170,28 @@ class BridgeStore {
         this.notifyListeners();
         this.ready = true;
         this.isInitializing = false;
-        console.log(`BridgeStore[${this.storeName}]: Initialized successfully`);
+        if (STORE_ENABLE_LOGS) {
+          console.log(`BridgeStore[${this.storeName}]: Initialized successfully`);
+        }
         this.notifyReady();
       } catch (error) {
         this.isInitializing = false;
-        console.error(
-          `BridgeStore[${this.storeName}]: Failed to initialize (attempt ${this.initializationAttempts}):`,
-          error
-        );
+        if (STORE_ENABLE_LOGS) {
+          console.error(
+            `BridgeStore[${this.storeName}]: Failed to initialize (attempt ${this.initializationAttempts}):`,
+            error
+          );
+        }
         if (this.initializationAttempts < this.maxInitializationAttempts) {
           const delay = Math.min(1e3 * Math.pow(2, this.initializationAttempts - 1), 1e4);
-          console.log(`BridgeStore[${this.storeName}]: Retrying initialization in ${delay}ms...`);
+          if (STORE_ENABLE_LOGS) {
+            console.log(`BridgeStore[${this.storeName}]: Retrying initialization in ${delay}ms...`);
+          }
           this.initializationTimer = setTimeout(() => this.initialize(), delay);
         } else {
-          console.error(`BridgeStore[${this.storeName}]: Max attempts reached, cannot retry`);
+          if (STORE_ENABLE_LOGS) {
+            console.error(`BridgeStore[${this.storeName}]: Max attempts reached, cannot retry`);
+          }
         }
       }
     };
@@ -179,7 +199,9 @@ class BridgeStore {
     this.pendingStateSync = false;
     this.notifyListeners = () => {
       if (!this.listeners) {
-        console.warn("BridgeStore: listeners not initialized");
+        if (STORE_ENABLE_LOGS) {
+          console.warn("BridgeStore: listeners not initialized");
+        }
         return;
       }
       if (this.currentState && this.previousState) {
@@ -191,7 +213,9 @@ class BridgeStore {
     };
     this.subscribe = (listener) => {
       if (!this.listeners) {
-        console.error("BridgeStore: Cannot subscribe, listeners not initialized");
+        if (STORE_ENABLE_LOGS) {
+          console.error("BridgeStore: Cannot subscribe, listeners not initialized");
+        }
         return () => {
         };
       }
@@ -211,6 +235,20 @@ class BridgeStore {
         clearTimeout(this.initializationTimer);
         this.initializationTimer = null;
       }
+      if (this.stateSyncDebounceTimer) {
+        clearTimeout(this.stateSyncDebounceTimer);
+        this.stateSyncDebounceTimer = null;
+      }
+      if (this.bridge.off) {
+        if (this.reconnectHandler) {
+          this.bridge.off("bridge:connected", this.reconnectHandler);
+          this.reconnectHandler = null;
+        }
+        if (this.stateChangedHandler) {
+          this.bridge.off(`store:${this.storeName}:stateChanged`, this.stateChangedHandler);
+          this.stateChangedHandler = null;
+        }
+      }
       if (this.listeners) {
         this.listeners.clear();
       }
@@ -235,9 +273,11 @@ class BridgeStore {
     this.reset = () => {
       if (this.initialState !== null) {
         if (!this.bridge.isConnected) {
-          console.warn(
-            `BridgeStore[${this.storeName}]: Bridge disconnected, reset applied locally only`
-          );
+          if (STORE_ENABLE_LOGS) {
+            console.warn(
+              `BridgeStore[${this.storeName}]: Bridge disconnected, reset applied locally only`
+            );
+          }
           this.previousState = this.currentState;
           this.currentState = { ...this.initialState };
           this.notifyListeners();
@@ -248,16 +288,22 @@ class BridgeStore {
         this.currentState = { ...this.initialState };
         this.notifyListeners();
         this.bridge.send(`store:${this.storeName}:reset`).catch((error) => {
-          console.error(`BridgeStore[${this.storeName}]: Failed to reset state via bridge:`, error);
+          if (STORE_ENABLE_LOGS) {
+            console.error(`BridgeStore[${this.storeName}]: Failed to reset state via bridge:`, error);
+          }
           if (stateBeforeReset !== null) {
-            console.warn(`BridgeStore[${this.storeName}]: Rolling back reset due to bridge error`);
+            if (STORE_ENABLE_LOGS) {
+              console.warn(`BridgeStore[${this.storeName}]: Rolling back reset due to bridge error`);
+            }
             this.previousState = this.currentState;
             this.currentState = stateBeforeReset;
             this.notifyListeners();
           }
         });
       } else {
-        console.warn(`BridgeStore[${this.storeName}]: Cannot reset, initial state not available`);
+        if (STORE_ENABLE_LOGS) {
+          console.warn(`BridgeStore[${this.storeName}]: Cannot reset, initial state not available`);
+        }
       }
     };
     this.notifyReady = () => {
@@ -268,7 +314,9 @@ class BridgeStore {
      * Force re-initialization of the store (useful for debugging or after reconnection)
      */
     this.forceInitialize = async () => {
-      console.debug(`BridgeStore[${this.storeName}]: Force re-initialization requested`);
+      if (STORE_ENABLE_LOGS) {
+        console.debug(`BridgeStore[${this.storeName}]: Force re-initialization requested`);
+      }
       if (this.initializationTimer) {
         clearTimeout(this.initializationTimer);
         this.initializationTimer = null;
@@ -306,41 +354,60 @@ class BridgeStore {
   }
   setupReconnectListener() {
     if (this.bridge.on) {
-      this.bridge.on("bridge:connected", () => {
-        console.log(`BridgeStore[${this.storeName}]: Bridge reconnected, re-initializing...`);
+      this.reconnectHandler = () => {
+        if (STORE_ENABLE_LOGS) {
+          console.log(`BridgeStore[${this.storeName}]: Bridge reconnected, re-initializing...`);
+        }
         this.forceInitialize();
-      });
+      };
+      this.bridge.on("bridge:connected", this.reconnectHandler);
+    }
+  }
+  fetchAndApplyState() {
+    if (this.pendingStateSync) {
+      return;
     }
+    this.pendingStateSync = true;
+    const currentSequence = ++this.stateSyncSequence;
+    this.bridge.send(`store:${this.storeName}:getState`).then((newState) => {
+      if (currentSequence === this.stateSyncSequence) {
+        this.previousState = this.currentState;
+        this.currentState = newState;
+        this.notifyListeners();
+      }
+    }).catch((error) => {
+      if (STORE_ENABLE_LOGS) {
+        console.error(`BridgeStore[${this.storeName}]: Failed to sync state:`, error);
+      }
+    }).finally(() => {
+      this.pendingStateSync = false;
+    });
   }
   setupStateSync() {
     if (this.bridge.on) {
-      this.bridge.on(`store:${this.storeName}:stateChanged`, () => {
-        if (this.pendingStateSync) {
-          return;
+      this.stateChangedHandler = () => {
+        if (this.stateSyncDebounceTimer) {
+          clearTimeout(this.stateSyncDebounceTimer);
         }
-        this.pendingStateSync = true;
-        const currentSequence = ++this.stateSyncSequence;
-        this.bridge.send(`store:${this.storeName}:getState`).then((newState) => {
-          if (currentSequence === this.stateSyncSequence) {
-            this.previousState = this.currentState;
-            this.currentState = newState;
-            this.notifyListeners();
-          }
-        }).catch((error) => {
-          console.error(`BridgeStore[${this.storeName}]: Failed to sync state:`, error);
-        }).finally(() => {
-          this.pendingStateSync = false;
-        });
-      });
+        this.stateSyncDebounceTimer = setTimeout(() => {
+          this.stateSyncDebounceTimer = null;
+          this.fetchAndApplyState();
+        }, this.stateSyncDebounceMs);
+      };
+      this.bridge.on(`store:${this.storeName}:stateChanged`, this.stateChangedHandler);
     } else {
-      console.warn(`BridgeStore[${this.storeName}]: Bridge does not support event listening`);
+      if (STORE_ENABLE_LOGS) {
+        console.warn(`BridgeStore[${this.storeName}]: Bridge does not support event listening`);
+      }
     }
   }
   setState(partial, replace) {
     let actualUpdate;
     if (typeof partial === "function") {
       if (this.currentState === null) {
-        console.warn("BridgeStore: Cannot execute function update, state not initialized");
+        if (STORE_ENABLE_LOGS) {
+          console.warn("BridgeStore: Cannot execute function update, state not initialized");
+        }
         return;
       }
       actualUpdate = partial(this.currentState);
@@ -348,21 +415,25 @@ class BridgeStore {
       actualUpdate = partial;
     }
     if (!this.bridge.isConnected) {
-      console.warn(
-        `BridgeStore[${this.storeName}]: Bridge disconnected, state update queued locally only`
-      );
-      this.applyOptimisticUpdate(actualUpdate, replace);
-      return;
+      if (STORE_ENABLE_LOGS) {
+        console.warn(
+          `BridgeStore[${this.storeName}]: Bridge disconnected, state update queued locally only`
+        );
+      }
     }
     const stateBeforeUpdate = this.currentState ? { ...this.currentState } : null;
     this.applyOptimisticUpdate(actualUpdate, replace);
     const payload = { partial: actualUpdate, replace };
     this.bridge.send(`store:${this.storeName}:setState`, payload).catch((error) => {
-      console.error(`BridgeStore[${this.storeName}]: Failed to update state via bridge:`, error);
+      if (STORE_ENABLE_LOGS) {
+        console.error(`BridgeStore[${this.storeName}]: Failed to update state via bridge:`, error);
+      }
       if (stateBeforeUpdate !== null) {
-        console.warn(
-          `BridgeStore[${this.storeName}]: Rolling back optimistic update due to bridge error`
-        );
+        if (STORE_ENABLE_LOGS) {
+          console.warn(
+            `BridgeStore[${this.storeName}]: Rolling back optimistic update due to bridge error`
+          );
+        }
         this.previousState = this.currentState;
         this.currentState = stateBeforeUpdate;
         this.notifyListeners();

package/dist/index.d.ts

@@ -72,11 +72,16 @@ declare class BridgeStore<T> implements CentralStore<T> {
     private readonly maxInitializationAttempts;
     private initializationTimer;
     private isInitializing;
+    private reconnectHandler;
+    private stateChangedHandler;
+    private stateSyncDebounceTimer;
+    private readonly stateSyncDebounceMs;
     constructor(bridge: BridgeWithEvents, initialState?: T, storeName?: string, readyCallbacks?: Set<() => void>);
     private setupReconnectListener;
     initialize: () => Promise<void>;
     private stateSyncSequence;
     private pendingStateSync;
+    private fetchAndApplyState;
     private setupStateSync;
     private notifyListeners;
     getState: () => T;

package/dist/index.es.js

@@ -88,7 +88,9 @@ function useStoreReset(store) {
   return store.reset;
 }
 
+const STORE_ENABLE_LOGS = typeof globalThis !== "undefined" && globalThis.__CHROMA_ENABLE_LOGS__ === false ? false : true;
 class BridgeStore {
+  // ~1 frame at 60fps
   constructor(bridge, initialState, storeName = "default", readyCallbacks = /* @__PURE__ */ new Set()) {
     this.listeners = /* @__PURE__ */ new Set();
     this.currentState = null;
@@ -100,6 +102,12 @@ class BridgeStore {
     this.maxInitializationAttempts = 10;
     this.initializationTimer = null;
     this.isInitializing = false;
+    // Store handler references for cleanup (prevents memory leaks)
+    this.reconnectHandler = null;
+    this.stateChangedHandler = null;
+    // Debounce timer for state sync (optimization for rapid updates)
+    this.stateSyncDebounceTimer = null;
+    this.stateSyncDebounceMs = 16;
     this.initialize = async () => {
       if (this.isInitializing) {
         return;
@@ -112,17 +120,21 @@ class BridgeStore {
       this.isInitializing = true;
       try {
         if (this.initializationAttempts > this.maxInitializationAttempts) {
-          console.error(
-            `BridgeStore[${this.storeName}]: Max initialization attempts (${this.maxInitializationAttempts}) reached, giving up`
-          );
+          if (STORE_ENABLE_LOGS) {
+            console.error(
+              `BridgeStore[${this.storeName}]: Max initialization attempts (${this.maxInitializationAttempts}) reached, giving up`
+            );
+          }
           this.isInitializing = false;
           return;
         }
         if (!this.bridge.isConnected) {
           if (this.initializationAttempts === 1 || this.initializationAttempts % 3 === 0) {
-            console.log(
-              `BridgeStore[${this.storeName}]: Waiting for bridge connection (attempt ${this.initializationAttempts}/${this.maxInitializationAttempts})...`
-            );
+            if (STORE_ENABLE_LOGS) {
+              console.log(
+                `BridgeStore[${this.storeName}]: Waiting for bridge connection (attempt ${this.initializationAttempts}/${this.maxInitializationAttempts})...`
+              );
+            }
           }
           const delay = Math.min(500 * Math.pow(2, this.initializationAttempts - 1), 5e3);
           this.isInitializing = false;
@@ -138,20 +150,28 @@ class BridgeStore {
         this.notifyListeners();
         this.ready = true;
         this.isInitializing = false;
-        console.log(`BridgeStore[${this.storeName}]: Initialized successfully`);
+        if (STORE_ENABLE_LOGS) {
+          console.log(`BridgeStore[${this.storeName}]: Initialized successfully`);
+        }
         this.notifyReady();
       } catch (error) {
         this.isInitializing = false;
-        console.error(
-          `BridgeStore[${this.storeName}]: Failed to initialize (attempt ${this.initializationAttempts}):`,
-          error
-        );
+        if (STORE_ENABLE_LOGS) {
+          console.error(
+            `BridgeStore[${this.storeName}]: Failed to initialize (attempt ${this.initializationAttempts}):`,
+            error
+          );
+        }
         if (this.initializationAttempts < this.maxInitializationAttempts) {
           const delay = Math.min(1e3 * Math.pow(2, this.initializationAttempts - 1), 1e4);
-          console.log(`BridgeStore[${this.storeName}]: Retrying initialization in ${delay}ms...`);
+          if (STORE_ENABLE_LOGS) {
+            console.log(`BridgeStore[${this.storeName}]: Retrying initialization in ${delay}ms...`);
+          }
           this.initializationTimer = setTimeout(() => this.initialize(), delay);
         } else {
-          console.error(`BridgeStore[${this.storeName}]: Max attempts reached, cannot retry`);
+          if (STORE_ENABLE_LOGS) {
+            console.error(`BridgeStore[${this.storeName}]: Max attempts reached, cannot retry`);
+          }
         }
       }
     };
@@ -159,7 +179,9 @@ class BridgeStore {
     this.pendingStateSync = false;
     this.notifyListeners = () => {
       if (!this.listeners) {
-        console.warn("BridgeStore: listeners not initialized");
+        if (STORE_ENABLE_LOGS) {
+          console.warn("BridgeStore: listeners not initialized");
+        }
         return;
       }
       if (this.currentState && this.previousState) {
@@ -171,7 +193,9 @@ class BridgeStore {
     };
     this.subscribe = (listener) => {
       if (!this.listeners) {
-        console.error("BridgeStore: Cannot subscribe, listeners not initialized");
+        if (STORE_ENABLE_LOGS) {
+          console.error("BridgeStore: Cannot subscribe, listeners not initialized");
+        }
         return () => {
         };
       }
@@ -191,6 +215,20 @@ class BridgeStore {
         clearTimeout(this.initializationTimer);
         this.initializationTimer = null;
       }
+      if (this.stateSyncDebounceTimer) {
+        clearTimeout(this.stateSyncDebounceTimer);
+        this.stateSyncDebounceTimer = null;
+      }
+      if (this.bridge.off) {
+        if (this.reconnectHandler) {
+          this.bridge.off("bridge:connected", this.reconnectHandler);
+          this.reconnectHandler = null;
+        }
+        if (this.stateChangedHandler) {
+          this.bridge.off(`store:${this.storeName}:stateChanged`, this.stateChangedHandler);
+          this.stateChangedHandler = null;
+        }
+      }
       if (this.listeners) {
         this.listeners.clear();
       }
@@ -215,9 +253,11 @@ class BridgeStore {
     this.reset = () => {
       if (this.initialState !== null) {
         if (!this.bridge.isConnected) {
-          console.warn(
-            `BridgeStore[${this.storeName}]: Bridge disconnected, reset applied locally only`
-          );
+          if (STORE_ENABLE_LOGS) {
+            console.warn(
+              `BridgeStore[${this.storeName}]: Bridge disconnected, reset applied locally only`
+            );
+          }
           this.previousState = this.currentState;
           this.currentState = { ...this.initialState };
           this.notifyListeners();
@@ -228,16 +268,22 @@ class BridgeStore {
         this.currentState = { ...this.initialState };
         this.notifyListeners();
         this.bridge.send(`store:${this.storeName}:reset`).catch((error) => {
-          console.error(`BridgeStore[${this.storeName}]: Failed to reset state via bridge:`, error);
+          if (STORE_ENABLE_LOGS) {
+            console.error(`BridgeStore[${this.storeName}]: Failed to reset state via bridge:`, error);
+          }
           if (stateBeforeReset !== null) {
-            console.warn(`BridgeStore[${this.storeName}]: Rolling back reset due to bridge error`);
+            if (STORE_ENABLE_LOGS) {
+              console.warn(`BridgeStore[${this.storeName}]: Rolling back reset due to bridge error`);
+            }
             this.previousState = this.currentState;
             this.currentState = stateBeforeReset;
             this.notifyListeners();
           }
         });
       } else {
-        console.warn(`BridgeStore[${this.storeName}]: Cannot reset, initial state not available`);
+        if (STORE_ENABLE_LOGS) {
+          console.warn(`BridgeStore[${this.storeName}]: Cannot reset, initial state not available`);
+        }
       }
     };
     this.notifyReady = () => {
@@ -248,7 +294,9 @@ class BridgeStore {
      * Force re-initialization of the store (useful for debugging or after reconnection)
      */
     this.forceInitialize = async () => {
-      console.debug(`BridgeStore[${this.storeName}]: Force re-initialization requested`);
+      if (STORE_ENABLE_LOGS) {
+        console.debug(`BridgeStore[${this.storeName}]: Force re-initialization requested`);
+      }
       if (this.initializationTimer) {
         clearTimeout(this.initializationTimer);
         this.initializationTimer = null;
@@ -286,41 +334,60 @@ class BridgeStore {
   }
   setupReconnectListener() {
     if (this.bridge.on) {
-      this.bridge.on("bridge:connected", () => {
-        console.log(`BridgeStore[${this.storeName}]: Bridge reconnected, re-initializing...`);
+      this.reconnectHandler = () => {
+        if (STORE_ENABLE_LOGS) {
+          console.log(`BridgeStore[${this.storeName}]: Bridge reconnected, re-initializing...`);
+        }
         this.forceInitialize();
-      });
+      };
+      this.bridge.on("bridge:connected", this.reconnectHandler);
+    }
+  }
+  fetchAndApplyState() {
+    if (this.pendingStateSync) {
+      return;
     }
+    this.pendingStateSync = true;
+    const currentSequence = ++this.stateSyncSequence;
+    this.bridge.send(`store:${this.storeName}:getState`).then((newState) => {
+      if (currentSequence === this.stateSyncSequence) {
+        this.previousState = this.currentState;
+        this.currentState = newState;
+        this.notifyListeners();
+      }
+    }).catch((error) => {
+      if (STORE_ENABLE_LOGS) {
+        console.error(`BridgeStore[${this.storeName}]: Failed to sync state:`, error);
+      }
+    }).finally(() => {
+      this.pendingStateSync = false;
+    });
   }
   setupStateSync() {
     if (this.bridge.on) {
-      this.bridge.on(`store:${this.storeName}:stateChanged`, () => {
-        if (this.pendingStateSync) {
-          return;
+      this.stateChangedHandler = () => {
+        if (this.stateSyncDebounceTimer) {
+          clearTimeout(this.stateSyncDebounceTimer);
         }
-        this.pendingStateSync = true;
-        const currentSequence = ++this.stateSyncSequence;
-        this.bridge.send(`store:${this.storeName}:getState`).then((newState) => {
-          if (currentSequence === this.stateSyncSequence) {
-            this.previousState = this.currentState;
-            this.currentState = newState;
-            this.notifyListeners();
-          }
-        }).catch((error) => {
-          console.error(`BridgeStore[${this.storeName}]: Failed to sync state:`, error);
-        }).finally(() => {
-          this.pendingStateSync = false;
-        });
-      });
+        this.stateSyncDebounceTimer = setTimeout(() => {
+          this.stateSyncDebounceTimer = null;
+          this.fetchAndApplyState();
+        }, this.stateSyncDebounceMs);
+      };
+      this.bridge.on(`store:${this.storeName}:stateChanged`, this.stateChangedHandler);
     } else {
-      console.warn(`BridgeStore[${this.storeName}]: Bridge does not support event listening`);
+      if (STORE_ENABLE_LOGS) {
+        console.warn(`BridgeStore[${this.storeName}]: Bridge does not support event listening`);
+      }
     }
   }
   setState(partial, replace) {
     let actualUpdate;
     if (typeof partial === "function") {
       if (this.currentState === null) {
-        console.warn("BridgeStore: Cannot execute function update, state not initialized");
+        if (STORE_ENABLE_LOGS) {
+          console.warn("BridgeStore: Cannot execute function update, state not initialized");
+        }
         return;
       }
       actualUpdate = partial(this.currentState);
@@ -328,21 +395,25 @@ class BridgeStore {
       actualUpdate = partial;
     }
     if (!this.bridge.isConnected) {
-      console.warn(
-        `BridgeStore[${this.storeName}]: Bridge disconnected, state update queued locally only`
-      );
-      this.applyOptimisticUpdate(actualUpdate, replace);
-      return;
+      if (STORE_ENABLE_LOGS) {
+        console.warn(
+          `BridgeStore[${this.storeName}]: Bridge disconnected, state update queued locally only`
+        );
+      }
     }
     const stateBeforeUpdate = this.currentState ? { ...this.currentState } : null;
     this.applyOptimisticUpdate(actualUpdate, replace);
     const payload = { partial: actualUpdate, replace };
     this.bridge.send(`store:${this.storeName}:setState`, payload).catch((error) => {
-      console.error(`BridgeStore[${this.storeName}]: Failed to update state via bridge:`, error);
+      if (STORE_ENABLE_LOGS) {
+        console.error(`BridgeStore[${this.storeName}]: Failed to update state via bridge:`, error);
+      }
       if (stateBeforeUpdate !== null) {
-        console.warn(
-          `BridgeStore[${this.storeName}]: Rolling back optimistic update due to bridge error`
-        );
+        if (STORE_ENABLE_LOGS) {
+          console.warn(
+            `BridgeStore[${this.storeName}]: Rolling back optimistic update due to bridge error`
+          );
+        }
         this.previousState = this.currentState;
         this.currentState = stateBeforeUpdate;
         this.notifyListeners();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@chromahq/store",
-  "version": "1.0.19",
+  "version": "1.0.21",
   "description": "Centralized, persistent store for Chrome extensions using zustand, accessible from service workers and React, with chrome.storage.local persistence.",
   "type": "module",
   "main": "dist/index.cjs.js",