@chromahq/store 1.0.48 → 1.0.49

package/dist/index.cjs.js

@@ -430,20 +430,30 @@ class BridgeStore {
   /**
    * Re-register all event listeners on the bridge
    * Called after reconnection because React StrictMode may have created a new eventListenersRef
+   * IMPORTANT: Remove existing listeners first to prevent duplicate handlers
    */
   reregisterEventListeners() {
     if (!this.bridge.on) return;
     const eventKey = `store:${this.storeName}:stateChanged`;
     if (this.stateChangedHandler) {
+      if (this.bridge.off) {
+        this.bridge.off(eventKey, this.stateChangedHandler);
+      }
       if (STORE_ENABLE_LOGS) {
         console.log(`BridgeStore[${this.storeName}]: Re-registering listener for '${eventKey}'`);
       }
       this.bridge.on(eventKey, this.stateChangedHandler);
     }
     if (this.disconnectHandler) {
+      if (this.bridge.off) {
+        this.bridge.off("bridge:disconnected", this.disconnectHandler);
+      }
       this.bridge.on("bridge:disconnected", this.disconnectHandler);
     }
     if (this.reconnectHandler) {
+      if (this.bridge.off) {
+        this.bridge.off("bridge:connected", this.reconnectHandler);
+      }
       this.bridge.on("bridge:connected", this.reconnectHandler);
     }
   }
@@ -611,6 +621,16 @@ function createBridgeStore(bridge, initialState, storeName = "default", readyCal
 function clearStoreCache() {
   storeCache.clear();
 }
+function destroyStore(storeName) {
+  const store = storeCache.get(storeName);
+  if (store) {
+    if (STORE_ENABLE_LOGS) {
+      console.log(`BridgeStore[${storeName}]: Destroying store and removing from cache`);
+    }
+    store.destroy();
+    storeCache.delete(storeName);
+  }
+}
 
 function createActionHookForStore(store, actionsFactory) {
   return function useCustomActions() {
@@ -940,6 +960,7 @@ exports.createServiceWorkerStore = createServiceWorkerStore;
 exports.createStore = createStore;
 exports.createStoreHooks = createStoreHooks;
 exports.createUIStore = createUIStore;
+exports.destroyStore = destroyStore;
 exports.init = init;
 exports.useCentralDispatch = useCentralDispatch;
 exports.useCentralStore = useCentralStore;

package/dist/index.d.ts

@@ -86,6 +86,7 @@ declare class BridgeStore<T> implements CentralStore<T> {
     /**
      * Re-register all event listeners on the bridge
      * Called after reconnection because React StrictMode may have created a new eventListenersRef
+     * IMPORTANT: Remove existing listeners first to prevent duplicate handlers
      */
     private reregisterEventListeners;
     private setupVisibilityListener;
@@ -140,6 +141,12 @@ declare class BridgeStore<T> implements CentralStore<T> {
 }
 declare function createBridgeStore<T>(bridge: BridgeWithEvents, initialState?: T, storeName?: string, readyCallbacks?: Set<() => void>): CentralStore<T>;
 declare function clearStoreCache(): void;
+/**
+ * Destroy a specific store and remove it from cache.
+ * Call this when a store is no longer needed to free memory.
+ * @param storeName - The name of the store to destroy
+ */
+declare function destroyStore(storeName: string): void;
 
 /**
  * Generic action hook factory for any store instance.
@@ -232,5 +239,5 @@ declare function createUIStore<T = any>(bridge: BridgeWithEvents, initialState?:
  */
 declare function init(storeDefinition: StoreDefinition): Promise<any>;
 
-export { BridgeStore, StoreBuilder, chromeStoragePersist, clearStoreCache, createActionHookForStore, createBridgeStore, createServiceWorkerStore, createStore, createStoreHooks, createUIStore, init, useCentralDispatch, useCentralStore, useStoreReady, useStoreReset };
+export { BridgeStore, StoreBuilder, chromeStoragePersist, clearStoreCache, createActionHookForStore, createBridgeStore, createServiceWorkerStore, createStore, createStoreHooks, createUIStore, destroyStore, init, useCentralDispatch, useCentralStore, useStoreReady, useStoreReset };
 export type { Bridge, BridgeWithEvents, BridgeWithHandlers, CentralStore, ExtractSliceState, MergeSlices, PersistOptions, SliceCreator, StoreConfig, StoreDefinition };

package/dist/index.es.js

@@ -410,20 +410,30 @@ class BridgeStore {
   /**
    * Re-register all event listeners on the bridge
    * Called after reconnection because React StrictMode may have created a new eventListenersRef
+   * IMPORTANT: Remove existing listeners first to prevent duplicate handlers
    */
   reregisterEventListeners() {
     if (!this.bridge.on) return;
     const eventKey = `store:${this.storeName}:stateChanged`;
     if (this.stateChangedHandler) {
+      if (this.bridge.off) {
+        this.bridge.off(eventKey, this.stateChangedHandler);
+      }
       if (STORE_ENABLE_LOGS) {
         console.log(`BridgeStore[${this.storeName}]: Re-registering listener for '${eventKey}'`);
       }
       this.bridge.on(eventKey, this.stateChangedHandler);
     }
     if (this.disconnectHandler) {
+      if (this.bridge.off) {
+        this.bridge.off("bridge:disconnected", this.disconnectHandler);
+      }
       this.bridge.on("bridge:disconnected", this.disconnectHandler);
     }
     if (this.reconnectHandler) {
+      if (this.bridge.off) {
+        this.bridge.off("bridge:connected", this.reconnectHandler);
+      }
       this.bridge.on("bridge:connected", this.reconnectHandler);
     }
   }
@@ -591,6 +601,16 @@ function createBridgeStore(bridge, initialState, storeName = "default", readyCal
 function clearStoreCache() {
   storeCache.clear();
 }
+function destroyStore(storeName) {
+  const store = storeCache.get(storeName);
+  if (store) {
+    if (STORE_ENABLE_LOGS) {
+      console.log(`BridgeStore[${storeName}]: Destroying store and removing from cache`);
+    }
+    store.destroy();
+    storeCache.delete(storeName);
+  }
+}
 
 function createActionHookForStore(store, actionsFactory) {
   return function useCustomActions() {
@@ -910,4 +930,4 @@ async function init(storeDefinition) {
   }
 }
 
-export { BridgeStore, StoreBuilder, chromeStoragePersist, clearStoreCache, createActionHookForStore, createBridgeStore, createServiceWorkerStore, createStore, createStoreHooks, createUIStore, init, useCentralDispatch, useCentralStore, useStoreReady, useStoreReset };
+export { BridgeStore, StoreBuilder, chromeStoragePersist, clearStoreCache, createActionHookForStore, createBridgeStore, createServiceWorkerStore, createStore, createStoreHooks, createUIStore, destroyStore, init, useCentralDispatch, useCentralStore, useStoreReady, useStoreReset };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@chromahq/store",
-  "version": "1.0.48",
+  "version": "1.0.49",
   "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",