@chromahq/store 1.0.2 → 1.0.4

package/dist/index.cjs.js

@@ -109,15 +109,31 @@ function useStoreReset(store) {
 }
 
 class BridgeStore {
-  constructor(bridge, initialState, storeName = "default") {
+  constructor(bridge, initialState, storeName = "default", readyCallbacks = /* @__PURE__ */ new Set()) {
     this.listeners = /* @__PURE__ */ new Set();
     this.currentState = null;
     this.previousState = null;
     this.initialState = null;
     this.ready = false;
     this.readyCallbacks = /* @__PURE__ */ new Set();
+    this.initializationAttempts = 0;
+    this.maxInitializationAttempts = 10;
     this.initialize = async () => {
+      this.initializationAttempts++;
       try {
+        if (this.initializationAttempts > this.maxInitializationAttempts) {
+          console.error(
+            `BridgeStore[${this.storeName}]: Max initialization attempts (${this.maxInitializationAttempts}) reached, giving up`
+          );
+          return;
+        }
+        if (!this.bridge.isConnected) {
+          console.warn(
+            `BridgeStore[${this.storeName}]: Bridge not connected (attempt ${this.initializationAttempts}), retrying in 1s...`
+          );
+          setTimeout(() => this.initialize(), 500);
+          return;
+        }
         const state = await this.bridge.send(`store:${this.storeName}:getState`);
         this.previousState = this.currentState;
         this.currentState = state;
@@ -128,7 +144,19 @@ class BridgeStore {
         this.ready = true;
         this.notifyReady();
       } catch (error) {
-        console.warn("Failed to initialize bridge store:", error);
+        console.error(
+          `BridgeStore[${this.storeName}]: Failed to initialize (attempt ${this.initializationAttempts}):`,
+          error
+        );
+        if (this.bridge.isConnected && this.initializationAttempts < this.maxInitializationAttempts) {
+          const delay = Math.min(2e3 * this.initializationAttempts, 1e4);
+          console.warn(`BridgeStore[${this.storeName}]: Retrying initialization in ${delay}ms...`);
+          setTimeout(() => this.initialize(), delay);
+        } else {
+          console.error(
+            `BridgeStore[${this.storeName}]: Bridge disconnected or max attempts reached, cannot retry`
+          );
+        }
       }
     };
     this.notifyListeners = () => {
@@ -197,11 +225,36 @@ class BridgeStore {
       this.readyCallbacks.forEach((callback) => callback());
       this.readyCallbacks.clear();
     };
+    /**
+     * Force re-initialization of the store (useful for debugging)
+     */
+    this.forceInitialize = async () => {
+      console.debug(`BridgeStore[${this.storeName}]: Force re-initialization requested`);
+      this.ready = false;
+      this.initializationAttempts = 0;
+      await this.initialize();
+    };
+    /**
+     * Get debug information about the store state
+     */
+    this.getDebugInfo = () => {
+      return {
+        storeName: this.storeName,
+        ready: this.ready,
+        bridgeConnected: this.bridge.isConnected,
+        hasCurrentState: this.currentState !== null,
+        hasInitialState: this.initialState !== null,
+        readyCallbacksCount: this.readyCallbacks.size,
+        initializationAttempts: this.initializationAttempts,
+        maxInitializationAttempts: this.maxInitializationAttempts
+      };
+    };
     this.bridge = bridge;
     this.currentState = initialState || null;
     this.previousState = initialState || null;
     this.initialState = initialState || null;
     this.storeName = storeName;
+    this.readyCallbacks = readyCallbacks;
     this.setupStateSync();
     this.initialize();
   }
@@ -240,8 +293,8 @@ class BridgeStore {
     }
   }
 }
-function createBridgeStore(bridge, initialState, storeName = "default") {
-  return new BridgeStore(bridge, initialState, storeName);
+function createBridgeStore(bridge, initialState, storeName = "default", readyCallbacks = /* @__PURE__ */ new Set()) {
+  return new BridgeStore(bridge, initialState, storeName, readyCallbacks);
 }
 
 function createActionHookForStore(store, actionsFactory) {
@@ -317,8 +370,10 @@ function createStoreHooks() {
   };
 }
 
+const readyCallbacks = /* @__PURE__ */ new Set();
 class StoreBuilder {
   constructor(name = "default") {
+    this.onReadyCallbacks = /* @__PURE__ */ new Set();
     this.config = {
       name,
       slices: []
@@ -331,6 +386,10 @@ class StoreBuilder {
     this.config.slices = [...this.config.slices, ...slices];
     return this;
   }
+  onReady(callback) {
+    this.onReadyCallbacks.add(callback);
+    return this;
+  }
   /**
    * Attach a bridge for cross-context communication
    */
@@ -350,13 +409,12 @@ class StoreBuilder {
   async createBaseStore() {
     const bridge = this.config.bridge;
     if (bridge) {
-      return createBridgeStore(bridge, void 0, this.config.name);
+      return createBridgeStore(bridge, void 0, this.config.name, this.onReadyCallbacks);
     }
     return this.createServiceWorkerStore();
   }
   createServiceWorkerStore() {
     let isReady = false;
-    const readyCallbacks = /* @__PURE__ */ new Set();
     let initialState = null;
     const notifyReady = () => {
       isReady = true;
@@ -487,11 +545,6 @@ async function init(storeDefinition) {
     throw error;
   }
 }
-if (typeof globalThis !== "undefined") {
-  globalThis.__CHROMA__ = globalThis.__CHROMA__ || {};
-  globalThis.__CHROMA__.initStores = init;
-  globalThis.initStores = init;
-}
 
 exports.BridgeStore = BridgeStore;
 exports.StoreBuilder = StoreBuilder;

package/dist/index.d.ts

@@ -66,7 +66,9 @@ declare class BridgeStore<T> implements CentralStore<T> {
     private storeName;
     private ready;
     private readyCallbacks;
-    constructor(bridge: BridgeWithEvents, initialState?: T, storeName?: string);
+    private initializationAttempts;
+    private readonly maxInitializationAttempts;
+    constructor(bridge: BridgeWithEvents, initialState?: T, storeName?: string, readyCallbacks?: Set<() => void>);
     initialize: () => Promise<void>;
     private setupStateSync;
     private notifyListeners;
@@ -80,8 +82,25 @@ declare class BridgeStore<T> implements CentralStore<T> {
     onReady: (callback: () => void) => (() => void);
     reset: () => void;
     private notifyReady;
+    /**
+     * Force re-initialization of the store (useful for debugging)
+     */
+    forceInitialize: () => Promise<void>;
+    /**
+     * Get debug information about the store state
+     */
+    getDebugInfo: () => {
+        storeName: string;
+        ready: boolean;
+        bridgeConnected: boolean;
+        hasCurrentState: boolean;
+        hasInitialState: boolean;
+        readyCallbacksCount: number;
+        initializationAttempts: number;
+        maxInitializationAttempts: number;
+    };
 }
-declare function createBridgeStore<T>(bridge: BridgeWithEvents, initialState?: T, storeName?: string): CentralStore<T>;
+declare function createBridgeStore<T>(bridge: BridgeWithEvents, initialState?: T, storeName?: string, readyCallbacks?: Set<() => void>): CentralStore<T>;
 
 /**
  * Generic action hook factory for any store instance.
@@ -132,11 +151,13 @@ declare function createStoreHooks<T extends Record<string, any>>(): {
  */
 declare class StoreBuilder<T = any> {
     private config;
+    private onReadyCallbacks;
     constructor(name?: string);
     /**
      * Add state slices to the store
      */
     withSlices(...slices: StateCreator$1<any, [], [], any>[]): this;
+    onReady(callback: () => void): this;
     /**
      * Attach a bridge for cross-context communication
      */

package/dist/index.es.js

@@ -89,15 +89,31 @@ function useStoreReset(store) {
 }
 
 class BridgeStore {
-  constructor(bridge, initialState, storeName = "default") {
+  constructor(bridge, initialState, storeName = "default", readyCallbacks = /* @__PURE__ */ new Set()) {
     this.listeners = /* @__PURE__ */ new Set();
     this.currentState = null;
     this.previousState = null;
     this.initialState = null;
     this.ready = false;
     this.readyCallbacks = /* @__PURE__ */ new Set();
+    this.initializationAttempts = 0;
+    this.maxInitializationAttempts = 10;
     this.initialize = async () => {
+      this.initializationAttempts++;
       try {
+        if (this.initializationAttempts > this.maxInitializationAttempts) {
+          console.error(
+            `BridgeStore[${this.storeName}]: Max initialization attempts (${this.maxInitializationAttempts}) reached, giving up`
+          );
+          return;
+        }
+        if (!this.bridge.isConnected) {
+          console.warn(
+            `BridgeStore[${this.storeName}]: Bridge not connected (attempt ${this.initializationAttempts}), retrying in 1s...`
+          );
+          setTimeout(() => this.initialize(), 500);
+          return;
+        }
         const state = await this.bridge.send(`store:${this.storeName}:getState`);
         this.previousState = this.currentState;
         this.currentState = state;
@@ -108,7 +124,19 @@ class BridgeStore {
         this.ready = true;
         this.notifyReady();
       } catch (error) {
-        console.warn("Failed to initialize bridge store:", error);
+        console.error(
+          `BridgeStore[${this.storeName}]: Failed to initialize (attempt ${this.initializationAttempts}):`,
+          error
+        );
+        if (this.bridge.isConnected && this.initializationAttempts < this.maxInitializationAttempts) {
+          const delay = Math.min(2e3 * this.initializationAttempts, 1e4);
+          console.warn(`BridgeStore[${this.storeName}]: Retrying initialization in ${delay}ms...`);
+          setTimeout(() => this.initialize(), delay);
+        } else {
+          console.error(
+            `BridgeStore[${this.storeName}]: Bridge disconnected or max attempts reached, cannot retry`
+          );
+        }
       }
     };
     this.notifyListeners = () => {
@@ -177,11 +205,36 @@ class BridgeStore {
       this.readyCallbacks.forEach((callback) => callback());
       this.readyCallbacks.clear();
     };
+    /**
+     * Force re-initialization of the store (useful for debugging)
+     */
+    this.forceInitialize = async () => {
+      console.debug(`BridgeStore[${this.storeName}]: Force re-initialization requested`);
+      this.ready = false;
+      this.initializationAttempts = 0;
+      await this.initialize();
+    };
+    /**
+     * Get debug information about the store state
+     */
+    this.getDebugInfo = () => {
+      return {
+        storeName: this.storeName,
+        ready: this.ready,
+        bridgeConnected: this.bridge.isConnected,
+        hasCurrentState: this.currentState !== null,
+        hasInitialState: this.initialState !== null,
+        readyCallbacksCount: this.readyCallbacks.size,
+        initializationAttempts: this.initializationAttempts,
+        maxInitializationAttempts: this.maxInitializationAttempts
+      };
+    };
     this.bridge = bridge;
     this.currentState = initialState || null;
     this.previousState = initialState || null;
     this.initialState = initialState || null;
     this.storeName = storeName;
+    this.readyCallbacks = readyCallbacks;
     this.setupStateSync();
     this.initialize();
   }
@@ -220,8 +273,8 @@ class BridgeStore {
     }
   }
 }
-function createBridgeStore(bridge, initialState, storeName = "default") {
-  return new BridgeStore(bridge, initialState, storeName);
+function createBridgeStore(bridge, initialState, storeName = "default", readyCallbacks = /* @__PURE__ */ new Set()) {
+  return new BridgeStore(bridge, initialState, storeName, readyCallbacks);
 }
 
 function createActionHookForStore(store, actionsFactory) {
@@ -297,8 +350,10 @@ function createStoreHooks() {
   };
 }
 
+const readyCallbacks = /* @__PURE__ */ new Set();
 class StoreBuilder {
   constructor(name = "default") {
+    this.onReadyCallbacks = /* @__PURE__ */ new Set();
     this.config = {
       name,
       slices: []
@@ -311,6 +366,10 @@ class StoreBuilder {
     this.config.slices = [...this.config.slices, ...slices];
     return this;
   }
+  onReady(callback) {
+    this.onReadyCallbacks.add(callback);
+    return this;
+  }
   /**
    * Attach a bridge for cross-context communication
    */
@@ -330,13 +389,12 @@ class StoreBuilder {
   async createBaseStore() {
     const bridge = this.config.bridge;
     if (bridge) {
-      return createBridgeStore(bridge, void 0, this.config.name);
+      return createBridgeStore(bridge, void 0, this.config.name, this.onReadyCallbacks);
     }
     return this.createServiceWorkerStore();
   }
   createServiceWorkerStore() {
     let isReady = false;
-    const readyCallbacks = /* @__PURE__ */ new Set();
     let initialState = null;
     const notifyReady = () => {
       isReady = true;
@@ -467,10 +525,5 @@ async function init(storeDefinition) {
     throw error;
   }
 }
-if (typeof globalThis !== "undefined") {
-  globalThis.__CHROMA__ = globalThis.__CHROMA__ || {};
-  globalThis.__CHROMA__.initStores = init;
-  globalThis.initStores = init;
-}
 
 export { BridgeStore, StoreBuilder, chromeStoragePersist, createActionHookForStore, createBridgeStore, createStore, createStoreHooks, init, useCentralDispatch, useCentralStore, useStoreReady, useStoreReset };

package/package.json

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