@chromahq/store 1.0.40 → 1.0.42

package/dist/index.cjs.js

@@ -127,8 +127,8 @@ class BridgeStore {
     this.stateChangedHandler = null;
     // Debounce timer for state sync (optimization for rapid updates)
     this.stateSyncDebounceTimer = null;
-    this.stateSyncDebounceMs = 16;
-    // ~1 frame at 60fps
+    this.stateSyncDebounceMs = 100;
+    // Increased to 100ms to reduce burst traffic on Windows
     // Reconnect delay timer (to allow SW to bootstrap before re-initializing)
     this.reconnectDelayTimer = null;
     this.initialize = async () => {
@@ -392,11 +392,28 @@ class BridgeStore {
             );
           }
           this.forceInitialize();
-        }, 500);
+        }, 1500);
       };
       this.bridge.on("bridge:connected", this.reconnectHandler);
     }
   }
+  /**
+   * Apply state directly from broadcast payload (no round-trip)
+   */
+  applyBroadcastState(newState) {
+    if (!newState || typeof newState !== "object") {
+      if (STORE_ENABLE_LOGS) {
+        console.warn(`BridgeStore[${this.storeName}]: Invalid broadcast state, ignoring`);
+      }
+      return;
+    }
+    this.previousState = this.currentState;
+    this.currentState = newState;
+    this.notifyListeners();
+  }
+  /**
+   * Fetch state from SW (fallback when broadcast doesn't include payload)
+   */
   fetchAndApplyState() {
     if (this.pendingStateSync) {
       return;
@@ -419,13 +436,17 @@ class BridgeStore {
   }
   setupStateSync() {
     if (this.bridge.on) {
-      this.stateChangedHandler = () => {
+      this.stateChangedHandler = (payload) => {
         if (this.stateSyncDebounceTimer) {
           clearTimeout(this.stateSyncDebounceTimer);
         }
         this.stateSyncDebounceTimer = setTimeout(() => {
           this.stateSyncDebounceTimer = null;
-          this.fetchAndApplyState();
+          if (payload && typeof payload === "object") {
+            this.applyBroadcastState(payload);
+          } else {
+            this.fetchAndApplyState();
+          }
         }, this.stateSyncDebounceMs);
       };
       this.bridge.on(`store:${this.storeName}:stateChanged`, this.stateChangedHandler);
@@ -658,9 +679,17 @@ class StoreBuilder {
     };
     const persistedCreator = chromeStoragePersist(persistOptions)(creator);
     const store = vanilla.createStore(persistedCreator);
+    let broadcastDebounceTimer = null;
+    const BROADCAST_DEBOUNCE_MS = 50;
     store.subscribe(() => {
       if (runtimeBridge) {
-        runtimeBridge.broadcast(`store:${this.config.name}:stateChanged`, store.getState());
+        if (broadcastDebounceTimer) {
+          clearTimeout(broadcastDebounceTimer);
+        }
+        broadcastDebounceTimer = setTimeout(() => {
+          broadcastDebounceTimer = null;
+          runtimeBridge.broadcast(`store:${this.config.name}:stateChanged`, store.getState());
+        }, BROADCAST_DEBOUNCE_MS);
       }
     });
     const centralStore = Object.assign(store, {

package/dist/index.d.ts

@@ -83,6 +83,13 @@ declare class BridgeStore<T> implements CentralStore<T> {
     initialize: () => Promise<void>;
     private stateSyncSequence;
     private pendingStateSync;
+    /**
+     * Apply state directly from broadcast payload (no round-trip)
+     */
+    private applyBroadcastState;
+    /**
+     * Fetch state from SW (fallback when broadcast doesn't include payload)
+     */
     private fetchAndApplyState;
     private setupStateSync;
     private notifyListeners;

package/dist/index.es.js

@@ -107,8 +107,8 @@ class BridgeStore {
     this.stateChangedHandler = null;
     // Debounce timer for state sync (optimization for rapid updates)
     this.stateSyncDebounceTimer = null;
-    this.stateSyncDebounceMs = 16;
-    // ~1 frame at 60fps
+    this.stateSyncDebounceMs = 100;
+    // Increased to 100ms to reduce burst traffic on Windows
     // Reconnect delay timer (to allow SW to bootstrap before re-initializing)
     this.reconnectDelayTimer = null;
     this.initialize = async () => {
@@ -372,11 +372,28 @@ class BridgeStore {
             );
           }
           this.forceInitialize();
-        }, 500);
+        }, 1500);
       };
       this.bridge.on("bridge:connected", this.reconnectHandler);
     }
   }
+  /**
+   * Apply state directly from broadcast payload (no round-trip)
+   */
+  applyBroadcastState(newState) {
+    if (!newState || typeof newState !== "object") {
+      if (STORE_ENABLE_LOGS) {
+        console.warn(`BridgeStore[${this.storeName}]: Invalid broadcast state, ignoring`);
+      }
+      return;
+    }
+    this.previousState = this.currentState;
+    this.currentState = newState;
+    this.notifyListeners();
+  }
+  /**
+   * Fetch state from SW (fallback when broadcast doesn't include payload)
+   */
   fetchAndApplyState() {
     if (this.pendingStateSync) {
       return;
@@ -399,13 +416,17 @@ class BridgeStore {
   }
   setupStateSync() {
     if (this.bridge.on) {
-      this.stateChangedHandler = () => {
+      this.stateChangedHandler = (payload) => {
         if (this.stateSyncDebounceTimer) {
           clearTimeout(this.stateSyncDebounceTimer);
         }
         this.stateSyncDebounceTimer = setTimeout(() => {
           this.stateSyncDebounceTimer = null;
-          this.fetchAndApplyState();
+          if (payload && typeof payload === "object") {
+            this.applyBroadcastState(payload);
+          } else {
+            this.fetchAndApplyState();
+          }
         }, this.stateSyncDebounceMs);
       };
       this.bridge.on(`store:${this.storeName}:stateChanged`, this.stateChangedHandler);
@@ -638,9 +659,17 @@ class StoreBuilder {
     };
     const persistedCreator = chromeStoragePersist(persistOptions)(creator);
     const store = createStore$1(persistedCreator);
+    let broadcastDebounceTimer = null;
+    const BROADCAST_DEBOUNCE_MS = 50;
     store.subscribe(() => {
       if (runtimeBridge) {
-        runtimeBridge.broadcast(`store:${this.config.name}:stateChanged`, store.getState());
+        if (broadcastDebounceTimer) {
+          clearTimeout(broadcastDebounceTimer);
+        }
+        broadcastDebounceTimer = setTimeout(() => {
+          broadcastDebounceTimer = null;
+          runtimeBridge.broadcast(`store:${this.config.name}:stateChanged`, store.getState());
+        }, BROADCAST_DEBOUNCE_MS);
       }
     });
     const centralStore = Object.assign(store, {

package/package.json

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