@chromahq/store 1.0.1 → 1.0.3

package/dist/index.cjs.js

@@ -116,8 +116,27 @@ class BridgeStore {
     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;
+        }
+        console.debug(
+          `BridgeStore[${this.storeName}]: Initializing with bridge (attempt ${this.initializationAttempts})...`
+        );
         const state = await this.bridge.send(`store:${this.storeName}:getState`);
         this.previousState = this.currentState;
         this.currentState = state;
@@ -127,8 +146,23 @@ class BridgeStore {
         this.notifyListeners();
         this.ready = true;
         this.notifyReady();
+        console.debug(
+          `BridgeStore[${this.storeName}]: Successfully initialized and ready after ${this.initializationAttempts} attempts`
+        );
       } 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 +231,39 @@ 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;
+    console.debug(
+      `BridgeStore[${this.storeName}]: Creating with bridge connected:`,
+      bridge.isConnected
+    );
     this.setupStateSync();
     this.initialize();
   }
@@ -317,6 +379,7 @@ function createStoreHooks() {
   };
 }
 
+const readyCallbacks = /* @__PURE__ */ new Set();
 class StoreBuilder {
   constructor(name = "default") {
     this.config = {
@@ -331,6 +394,10 @@ class StoreBuilder {
     this.config.slices = [...this.config.slices, ...slices];
     return this;
   }
+  onReady(callback) {
+    readyCallbacks.add(callback);
+    return this;
+  }
   /**
    * Attach a bridge for cross-context communication
    */
@@ -356,7 +423,6 @@ class StoreBuilder {
   }
   createServiceWorkerStore() {
     let isReady = false;
-    const readyCallbacks = /* @__PURE__ */ new Set();
     let initialState = null;
     const notifyReady = () => {
       isReady = true;
@@ -487,11 +553,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,6 +66,8 @@ declare class BridgeStore<T> implements CentralStore<T> {
     private storeName;
     private ready;
     private readyCallbacks;
+    private initializationAttempts;
+    private readonly maxInitializationAttempts;
     constructor(bridge: BridgeWithEvents, initialState?: T, storeName?: string);
     initialize: () => Promise<void>;
     private setupStateSync;
@@ -80,6 +82,23 @@ 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>;
 
@@ -137,6 +156,7 @@ declare class StoreBuilder<T = any> {
      * 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

@@ -96,8 +96,27 @@ class BridgeStore {
     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;
+        }
+        console.debug(
+          `BridgeStore[${this.storeName}]: Initializing with bridge (attempt ${this.initializationAttempts})...`
+        );
         const state = await this.bridge.send(`store:${this.storeName}:getState`);
         this.previousState = this.currentState;
         this.currentState = state;
@@ -107,8 +126,23 @@ class BridgeStore {
         this.notifyListeners();
         this.ready = true;
         this.notifyReady();
+        console.debug(
+          `BridgeStore[${this.storeName}]: Successfully initialized and ready after ${this.initializationAttempts} attempts`
+        );
       } 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 +211,39 @@ 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;
+    console.debug(
+      `BridgeStore[${this.storeName}]: Creating with bridge connected:`,
+      bridge.isConnected
+    );
     this.setupStateSync();
     this.initialize();
   }
@@ -297,6 +359,7 @@ function createStoreHooks() {
   };
 }
 
+const readyCallbacks = /* @__PURE__ */ new Set();
 class StoreBuilder {
   constructor(name = "default") {
     this.config = {
@@ -311,6 +374,10 @@ class StoreBuilder {
     this.config.slices = [...this.config.slices, ...slices];
     return this;
   }
+  onReady(callback) {
+    readyCallbacks.add(callback);
+    return this;
+  }
   /**
    * Attach a bridge for cross-context communication
    */
@@ -336,7 +403,6 @@ class StoreBuilder {
   }
   createServiceWorkerStore() {
     let isReady = false;
-    const readyCallbacks = /* @__PURE__ */ new Set();
     let initialState = null;
     const notifyReady = () => {
       isReady = true;
@@ -467,10 +533,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.1",
+  "version": "1.0.3",
   "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",