flagmint-react-sdk 0.7.1 → 0.7.3

package/dist/client.cjs

@@ -12,7 +12,10 @@ function createFlagStore(initialFlags = {}) {
     client: null,
     isInitialized: false,
     isReady: false,
-    setFlags: (flags) => set({ flags: { ...flags } }),
+    setFlags: (flags) => {
+      console.log("Updating store flags:", flags);
+      set({ flags: { ...flags } });
+    },
     setFlag: (key, value) => set((state) => ({
       flags: { ...state.flags, [key]: value }
     })),
@@ -28,7 +31,7 @@ function FlagmintProvider({
   initialFlags = {},
   deferInitialization = false
 }) {
-  const store = react.useMemo(() => createFlagStore(initialFlags), [initialFlags]);
+  const store = react.useMemo(() => createFlagStore(initialFlags), []);
   const clientRef = react.useRef(null);
   const initPromiseRef = react.useRef(null);
   const unsubscribeRef = react.useRef(null);
@@ -44,7 +47,8 @@ function FlagmintProvider({
         setFlags(initialClientFlags);
         const unsubscribe = client.subscribe((updatedFlags) => {
           console.log("FlagmintProvider - flags updated:", updatedFlags);
-          setFlags(updatedFlags);
+          const currentStore = store.getState();
+          currentStore.setFlags(updatedFlags);
         });
         unsubscribeRef.current = unsubscribe;
         clientRef.current = client;
@@ -122,6 +126,7 @@ function useFlagmintReady() {
 
 exports.FlagmintProvider = FlagmintProvider;
 exports.FlagmintStoreContext = FlagmintStoreContext;
+exports.createFlagStore = createFlagStore;
 exports.useFlag = useFlag;
 exports.useFlagmint = useFlagmint;
 exports.useFlagmintReady = useFlagmintReady;

package/dist/client.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/store/store.ts","../src/providers/FlagmintProvider.tsx","../src/hooks/index.ts"],"names":["createStore","createContext","useMemo","useRef","FlagClient","useEffect","useContext","useStore"],"mappings":"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","file":"client.cjs","sourcesContent":["'use client';\nimport { createStore, StoreApi } from \"zustand/vanilla\";\nimport { Flags, FlagStore } from \"@/types\";\n\n\nexport function createFlagStore(initialFlags: Flags = {}): StoreApi<FlagStore> {\n   return createStore<FlagStore>((set, get) => ({\n    flags: initialFlags,\n    client: null,\n    isInitialized: false,\n    isReady: false,\n    setFlags: (flags) => set({ flags: { ...flags } }),\n    setFlag: (key, value) => set((state) => ({\n      flags: { ...state.flags, [key]: value }\n    })),\n    setClient: (client) => set({ client }),\n    setInitialized: (initialized) => set({ isInitialized: initialized }),\n    setReady: (ready) => set({ isReady: ready })\n  }))\n}\n","'use client';\nimport { FlagClient } from \"flagmint-js-sdk\"\nimport { useMemo, useRef, useEffect, createContext } from \"react\"\nimport { createFlagStore } from \"@/store/store\"\nimport { FlagmintProviderProps, Flags, FlagStore } from \"@/types\"\nimport { StoreApi } from \"zustand\"\n\nexport const FlagmintStoreContext = createContext<StoreApi<FlagStore> | null>(null)\n\n/**\n * Provides the Flagmint flag store to React components and keeps it synced with FlagClient updates.\n * Lifecycle overview:\n * - App loads → FlagClient constructed → initialize() begins.\n * - Cached flags applied → subscribers notified → React renders cached values.\n * - Transport set up → initial fetch → store updated → subscribers notified.\n * - Subsequent server updates propagate via client.subscribe to re-render consumers.\n * - When context changes (updateContext), flags are re-fetched and the store is refreshed.\n *\n * @param props Component props: children, client options, optional initial flags, and deferInitialization flag.\n * @returns A provider that supplies the flag store context to its children.\n */\nexport function FlagmintProvider<\n  T extends FlagClient<T, C>,\n  C extends Record<string, any> = Record<string, any>\n>({\n  children,\n  options,\n  initialFlags = {},\n  deferInitialization = false\n}: FlagmintProviderProps<T, C>) {\n  // Create a new store instance for each provider (per-request in SSR)\n  const store = useMemo(() => createFlagStore(initialFlags), [initialFlags])\n  \n  // Use ref to avoid recreating client on every render\n  const clientRef = useRef<FlagClient<T, C> | null>(null)\n  const initPromiseRef = useRef<Promise<FlagClient<T, C>> | null>(null)\n  const unsubscribeRef = useRef<(() => void) | null>(null)\n  \n  // Initialization function similar to Vue plugin\n  const init = async (): Promise<FlagClient<T, C>> => {\n    if (clientRef.current) return clientRef.current // Avoid re-init\n    \n    // Return existing promise if init is already in progress\n    if (initPromiseRef.current) return initPromiseRef.current\n    \n    const { setClient, setReady, setInitialized, setFlags } = store.getState()\n    \n    initPromiseRef.current = (async () => {\n      try {\n        // Create the FlagClient\n        const client = new FlagClient<T, C>(options)\n        \n        // Wait for client to be ready\n        await client.ready()\n        \n        // Get initial flags from client\n        const initialClientFlags = client.getFlags()\n        setFlags(initialClientFlags)\n        \n        // Subscribe to flag changes - THIS IS THE KEY FIX\n        const unsubscribe = client.subscribe((updatedFlags: Flags) => {\n          console.log('FlagmintProvider - flags updated:', updatedFlags)\n          setFlags(updatedFlags)\n        })\n        \n        unsubscribeRef.current = unsubscribe\n        \n        clientRef.current = client\n        setClient(client)\n        setReady(true)\n        setInitialized(true)\n        \n        console.log('FlagmintProvider - initialized with flags:', initialClientFlags)\n        \n        return client\n      } catch (error) {\n        console.error('Failed to initialize Flagmint client:', error)\n        throw error\n      }\n    })()\n    \n    return initPromiseRef.current\n  }\n\n  useEffect(() => {\n    if (!deferInitialization) {\n      init().catch(error => {\n        console.error('Auto-initialization failed:', error)\n      })\n    }\n\n    return () => {\n      // Unsubscribe from flag changes\n      if (unsubscribeRef.current) {\n        unsubscribeRef.current()\n        unsubscribeRef.current = null\n      }\n      \n      // Destroy client\n      if (clientRef.current) {\n        clientRef.current.destroy?.()\n        clientRef.current = null\n        initPromiseRef.current = null\n      }\n    }\n  }, [deferInitialization])\n\n  return (\n    <FlagmintStoreContext.Provider value={store}>\n      {children}\n    </FlagmintStoreContext.Provider>\n  )\n}\n","'use client';\nimport { FlagValue } from \"flagmint-js-sdk\"\nimport { useContext } from \"react\"\nimport { StoreApi, useStore } from \"zustand\"\nimport { FlagmintStoreContext } from \"@/providers/FlagmintProvider\"\nimport { FlagStore, Flags } from \"@/types\"\n\n// Helper to get the store from context\nexport function useFlagmintStore(): StoreApi<FlagStore> {\n  const store = useContext(FlagmintStoreContext)\n  if (!store) {\n    throw new Error('useFlagmintStore must be used within a FlagmintProvider')\n  }\n  return store\n}\n\n// Hook to get the client instance and update context\nexport function useFlagmint() {\n  const store = useFlagmintStore()\n  const client = useStore(store, (state) => state.client)\n  const isInitialized = useStore(store, (state) => state.isInitialized)\n\n  const updateContext = async (context: Record<string, any>) => {\n    if (!client) {\n      throw new Error('Flagmint client not initialized')\n    }\n    await client.updateContext(context)\n  }\n\n  return {\n    client,\n    isInitialized,\n    updateContext\n  }\n}\n\n// Hook to get all flags - only re-renders when flags change\nexport function useFlags(): Flags {\n  const store = useFlagmintStore()\n  return useStore(store, (state) => state.flags)\n}\n\n// Simplified useFlag - just read from the reactive store\nexport function useFlag<T = FlagValue>(\n  key: string,\n  fallback?: T\n): T {\n  const store = useFlagmintStore()\n  \n  // Subscribe to this specific flag in the store\n  const flagValue = useStore(store, (state) => state.flags[key])\n  \n  // Return the flag value or fallback\n  return (flagValue ?? fallback) as T\n}\n\n// Hook to check if the client is ready\nexport function useFlagmintReady(): boolean {\n  const store = useFlagmintStore()\n  \n  // Subscribe to both isReady and isInitialized\n  const isReady = useStore(store, (state) => state.isReady)\n  const isInitialized = useStore(store, (state) => state.isInitialized)\n  \n  return isReady && isInitialized\n}"]}
+{"version":3,"sources":["../src/store/store.ts","../src/providers/FlagmintProvider.tsx","../src/hooks/index.ts"],"names":["createStore","createContext","useMemo","useRef","FlagClient","useEffect","useContext","useStore"],"mappings":"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","file":"client.cjs","sourcesContent":["'use client';\nimport { createStore, StoreApi } from \"zustand/vanilla\";\nimport { Flags, FlagStore } from \"@/types\";\n\n\nexport function createFlagStore(initialFlags: Flags = {}): StoreApi<FlagStore> {\n   return createStore<FlagStore>((set, get) => ({\n    flags: initialFlags,\n    client: null,\n    isInitialized: false,\n    isReady: false,\n    setFlags: (flags) => {\n      console.log('Updating store flags:', flags)\n      set({ flags: { ...flags } })\n    },\n    setFlag: (key, value) => set((state) => ({\n      flags: { ...state.flags, [key]: value }\n    })),\n    setClient: (client) => set({ client }),\n    setInitialized: (initialized) => set({ isInitialized: initialized }),\n    setReady: (ready) => set({ isReady: ready })\n  }))\n}\n","'use client';\nimport { FlagClient } from \"flagmint-js-sdk\"\nimport { useMemo, useRef, useEffect, createContext } from \"react\"\nimport { createFlagStore } from \"@/store/store\"\nimport { FlagmintProviderProps, Flags, FlagStore } from \"@/types\"\nimport { StoreApi } from \"zustand\"\n\nexport const FlagmintStoreContext = createContext<StoreApi<FlagStore> | null>(null)\n\n/**\n * Provides the Flagmint flag store to React components and keeps it synced with FlagClient updates.\n * Lifecycle overview:\n * - App loads → FlagClient constructed → initialize() begins.\n * - Cached flags applied → subscribers notified → React renders cached values.\n * - Transport set up → initial fetch → store updated → subscribers notified.\n * - Subsequent server updates propagate via client.subscribe to re-render consumers.\n * - When context changes (updateContext), flags are re-fetched and the store is refreshed.\n *\n * @param props Component props: children, client options, optional initial flags, and deferInitialization flag.\n * @returns A provider that supplies the flag store context to its children.\n */\nexport function FlagmintProvider<\n  T extends FlagClient<T, C>,\n  C extends Record<string, any> = Record<string, any>\n>({\n  children,\n  options,\n  initialFlags = {},\n  deferInitialization = false\n}: FlagmintProviderProps<T, C>) {\n  // Create a new store instance for each provider (per-request in SSR)\n  const store = useMemo(() => createFlagStore(initialFlags), [])\n  \n  // Use ref to avoid recreating client on every render\n  const clientRef = useRef<FlagClient<T, C> | null>(null)\n  const initPromiseRef = useRef<Promise<FlagClient<T, C>> | null>(null)\n  const unsubscribeRef = useRef<(() => void) | null>(null)\n  \n  // Initialization function similar to Vue plugin\n  const init = async (): Promise<FlagClient<T, C>> => {\n    if (clientRef.current) return clientRef.current // Avoid re-init\n    \n    // Return existing promise if init is already in progress\n    if (initPromiseRef.current) return initPromiseRef.current\n    \n    const { setClient, setReady, setInitialized, setFlags } = store.getState()\n    \n    initPromiseRef.current = (async () => {\n      try {\n        // Create the FlagClient\n        const client = new FlagClient<T, C>(options)\n        \n        // Wait for client to be ready\n        await client.ready()\n        \n        // Get initial flags from client\n        const initialClientFlags = client.getFlags()\n        setFlags(initialClientFlags)\n        \n        // Subscribe to flag changes - THIS IS THE KEY FIX\n        const unsubscribe = client.subscribe((updatedFlags: Flags) => {\n          console.log('FlagmintProvider - flags updated:', updatedFlags)\n          // Get fresh reference each time\n          const currentStore = store.getState();\n          currentStore.setFlags(updatedFlags);\n        })\n        \n        unsubscribeRef.current = unsubscribe\n        \n        clientRef.current = client\n        setClient(client)\n        setReady(true)\n        setInitialized(true)\n        \n        console.log('FlagmintProvider - initialized with flags:', initialClientFlags)\n        \n        return client\n      } catch (error) {\n        console.error('Failed to initialize Flagmint client:', error)\n        throw error\n      }\n    })()\n    \n    return initPromiseRef.current\n  }\n\n  useEffect(() => {\n    if (!deferInitialization) {\n      init().catch(error => {\n        console.error('Auto-initialization failed:', error)\n      })\n    }\n\n    return () => {\n      // Unsubscribe from flag changes\n      if (unsubscribeRef.current) {\n        unsubscribeRef.current()\n        unsubscribeRef.current = null\n      }\n      \n      // Destroy client\n      if (clientRef.current) {\n        clientRef.current.destroy?.()\n        clientRef.current = null\n        initPromiseRef.current = null\n      }\n    }\n  }, [deferInitialization])\n\n  return (\n    <FlagmintStoreContext.Provider value={store}>\n      {children}\n    </FlagmintStoreContext.Provider>\n  )\n}\n","'use client';\nimport { FlagValue } from \"flagmint-js-sdk\"\nimport { useContext } from \"react\"\nimport { StoreApi, useStore } from \"zustand\"\nimport { FlagmintStoreContext } from \"@/providers/FlagmintProvider\"\nimport { FlagStore, Flags } from \"@/types\"\n\n// Helper to get the store from context\nexport function useFlagmintStore(): StoreApi<FlagStore> {\n  const store = useContext(FlagmintStoreContext)\n  if (!store) {\n    throw new Error('useFlagmintStore must be used within a FlagmintProvider')\n  }\n  return store\n}\n\n// Hook to get the client instance and update context\nexport function useFlagmint() {\n  const store = useFlagmintStore()\n  const client = useStore(store, (state) => state.client)\n  const isInitialized = useStore(store, (state) => state.isInitialized)\n\n  const updateContext = async (context: Record<string, any>) => {\n    if (!client) {\n      throw new Error('Flagmint client not initialized')\n    }\n    await client.updateContext(context)\n  }\n\n  return {\n    client,\n    isInitialized,\n    updateContext\n  }\n}\n\n// Hook to get all flags - only re-renders when flags change\nexport function useFlags(): Flags {\n  const store = useFlagmintStore()\n  return useStore(store, (state) => state.flags)\n}\n\n// Simplified useFlag - just read from the reactive store\nexport function useFlag<T = FlagValue>(\n  key: string,\n  fallback?: T\n): T {\n  const store = useFlagmintStore()\n  \n  // Subscribe to this specific flag in the store\n  const flagValue = useStore(store, (state) => state.flags[key])\n  \n  // Return the flag value or fallback\n  return (flagValue ?? fallback) as T\n}\n\n// Hook to check if the client is ready\nexport function useFlagmintReady(): boolean {\n  const store = useFlagmintStore()\n  \n  // Subscribe to both isReady and isInitialized\n  const isReady = useStore(store, (state) => state.isReady)\n  const isInitialized = useStore(store, (state) => state.isInitialized)\n  \n  return isReady && isInitialized\n}"]}

package/dist/client.d.cts

@@ -1,10 +1,46 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import * as react from 'react';
 import * as flagmint_js_sdk from 'flagmint-js-sdk';
-import { FlagClient, FlagValue } from 'flagmint-js-sdk';
-import { FlagmintProviderProps, FlagStore, Flags } from './index.cjs';
-export { CoreClientLike, FlagValue } from './index.cjs';
+import { FlagClientOptions, FlagClient, FlagValue as FlagValue$1 } from 'flagmint-js-sdk';
+import * as react from 'react';
+import { ReactNode } from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
 import { StoreApi } from 'zustand';
+import { StoreApi as StoreApi$1 } from 'zustand/vanilla';
+
+type FlagValue = string | number | boolean | object | null;
+interface Flags {
+    [key: string]: FlagValue;
+}
+interface CoreClientLike {
+    getFlags(): Promise<Flags> | Flags;
+    getFlag(key: string, fallback?: FlagValue): Promise<FlagValue> | FlagValue;
+    subscribe(callback: (flags: Flags) => void): () => void;
+    updateContext(context: Record<string, any>): Promise<void> | void;
+    init(): Promise<void> | void;
+    close(): Promise<void> | void;
+}
+interface FlagStore {
+    flags: Flags;
+    client: FlagClient<any, any> | null;
+    isInitialized: boolean;
+    isReady: boolean;
+    setFlags: (flags: Flags) => void;
+    setFlag: (key: string, value: FlagValue) => void;
+    setClient: (client: FlagClient<any, any> | null) => void;
+    setInitialized: (initialized: boolean) => void;
+    setReady: (ready: boolean) => void;
+}
+interface FlagmintProviderProps {
+    children: ReactNode;
+    createClient?: () => CoreClientLike;
+    client: CoreClientLike;
+    initialFlags?: Flags;
+}
+interface FlagmintProviderProps<T = unknown, C extends Record<string, any> = Record<string, any>> {
+    children: ReactNode;
+    options: FlagClientOptions<C>;
+    initialFlags?: Flags;
+    deferInitialization?: boolean;
+}
 
 declare const FlagmintStoreContext: react.Context<StoreApi<FlagStore> | null>;
 /**
@@ -28,7 +64,9 @@ declare function useFlagmint(): {
     updateContext: (context: Record<string, any>) => Promise<void>;
 };
 declare function useFlags(): Flags;
-declare function useFlag<T = FlagValue>(key: string, fallback?: T): T;
+declare function useFlag<T = FlagValue$1>(key: string, fallback?: T): T;
 declare function useFlagmintReady(): boolean;
 
-export { FlagStore, FlagmintProvider, FlagmintProviderProps, FlagmintStoreContext, Flags, useFlag, useFlagmint, useFlagmintReady, useFlagmintStore, useFlags };
+declare function createFlagStore(initialFlags?: Flags): StoreApi$1<FlagStore>;
+
+export { type CoreClientLike, type FlagStore, type FlagValue, FlagmintProvider, type FlagmintProviderProps, FlagmintStoreContext, type Flags, createFlagStore, useFlag, useFlagmint, useFlagmintReady, useFlagmintStore, useFlags };

package/dist/client.d.ts

@@ -1,10 +1,46 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import * as react from 'react';
 import * as flagmint_js_sdk from 'flagmint-js-sdk';
-import { FlagClient, FlagValue } from 'flagmint-js-sdk';
-import { FlagmintProviderProps, FlagStore, Flags } from './index.js';
-export { CoreClientLike, FlagValue } from './index.js';
+import { FlagClientOptions, FlagClient, FlagValue as FlagValue$1 } from 'flagmint-js-sdk';
+import * as react from 'react';
+import { ReactNode } from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
 import { StoreApi } from 'zustand';
+import { StoreApi as StoreApi$1 } from 'zustand/vanilla';
+
+type FlagValue = string | number | boolean | object | null;
+interface Flags {
+    [key: string]: FlagValue;
+}
+interface CoreClientLike {
+    getFlags(): Promise<Flags> | Flags;
+    getFlag(key: string, fallback?: FlagValue): Promise<FlagValue> | FlagValue;
+    subscribe(callback: (flags: Flags) => void): () => void;
+    updateContext(context: Record<string, any>): Promise<void> | void;
+    init(): Promise<void> | void;
+    close(): Promise<void> | void;
+}
+interface FlagStore {
+    flags: Flags;
+    client: FlagClient<any, any> | null;
+    isInitialized: boolean;
+    isReady: boolean;
+    setFlags: (flags: Flags) => void;
+    setFlag: (key: string, value: FlagValue) => void;
+    setClient: (client: FlagClient<any, any> | null) => void;
+    setInitialized: (initialized: boolean) => void;
+    setReady: (ready: boolean) => void;
+}
+interface FlagmintProviderProps {
+    children: ReactNode;
+    createClient?: () => CoreClientLike;
+    client: CoreClientLike;
+    initialFlags?: Flags;
+}
+interface FlagmintProviderProps<T = unknown, C extends Record<string, any> = Record<string, any>> {
+    children: ReactNode;
+    options: FlagClientOptions<C>;
+    initialFlags?: Flags;
+    deferInitialization?: boolean;
+}
 
 declare const FlagmintStoreContext: react.Context<StoreApi<FlagStore> | null>;
 /**
@@ -28,7 +64,9 @@ declare function useFlagmint(): {
     updateContext: (context: Record<string, any>) => Promise<void>;
 };
 declare function useFlags(): Flags;
-declare function useFlag<T = FlagValue>(key: string, fallback?: T): T;
+declare function useFlag<T = FlagValue$1>(key: string, fallback?: T): T;
 declare function useFlagmintReady(): boolean;
 
-export { FlagStore, FlagmintProvider, FlagmintProviderProps, FlagmintStoreContext, Flags, useFlag, useFlagmint, useFlagmintReady, useFlagmintStore, useFlags };
+declare function createFlagStore(initialFlags?: Flags): StoreApi$1<FlagStore>;
+
+export { type CoreClientLike, type FlagStore, type FlagValue, FlagmintProvider, type FlagmintProviderProps, FlagmintStoreContext, type Flags, createFlagStore, useFlag, useFlagmint, useFlagmintReady, useFlagmintStore, useFlags };

package/dist/client.js

@@ -10,7 +10,10 @@ function createFlagStore(initialFlags = {}) {
     client: null,
     isInitialized: false,
     isReady: false,
-    setFlags: (flags) => set({ flags: { ...flags } }),
+    setFlags: (flags) => {
+      console.log("Updating store flags:", flags);
+      set({ flags: { ...flags } });
+    },
     setFlag: (key, value) => set((state) => ({
       flags: { ...state.flags, [key]: value }
     })),
@@ -26,7 +29,7 @@ function FlagmintProvider({
   initialFlags = {},
   deferInitialization = false
 }) {
-  const store = useMemo(() => createFlagStore(initialFlags), [initialFlags]);
+  const store = useMemo(() => createFlagStore(initialFlags), []);
   const clientRef = useRef(null);
   const initPromiseRef = useRef(null);
   const unsubscribeRef = useRef(null);
@@ -42,7 +45,8 @@ function FlagmintProvider({
         setFlags(initialClientFlags);
         const unsubscribe = client.subscribe((updatedFlags) => {
           console.log("FlagmintProvider - flags updated:", updatedFlags);
-          setFlags(updatedFlags);
+          const currentStore = store.getState();
+          currentStore.setFlags(updatedFlags);
         });
         unsubscribeRef.current = unsubscribe;
         clientRef.current = client;
@@ -118,6 +122,6 @@ function useFlagmintReady() {
   return isReady && isInitialized;
 }
 
-export { FlagmintProvider, FlagmintStoreContext, useFlag, useFlagmint, useFlagmintReady, useFlagmintStore, useFlags };
+export { FlagmintProvider, FlagmintStoreContext, createFlagStore, useFlag, useFlagmint, useFlagmintReady, useFlagmintStore, useFlags };
 //# sourceMappingURL=client.js.map
 //# sourceMappingURL=client.js.map

package/dist/client.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/store/store.ts","../src/providers/FlagmintProvider.tsx","../src/hooks/index.ts"],"names":[],"mappings":"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","file":"client.js","sourcesContent":["'use client';\nimport { createStore, StoreApi } from \"zustand/vanilla\";\nimport { Flags, FlagStore } from \"@/types\";\n\n\nexport function createFlagStore(initialFlags: Flags = {}): StoreApi<FlagStore> {\n   return createStore<FlagStore>((set, get) => ({\n    flags: initialFlags,\n    client: null,\n    isInitialized: false,\n    isReady: false,\n    setFlags: (flags) => set({ flags: { ...flags } }),\n    setFlag: (key, value) => set((state) => ({\n      flags: { ...state.flags, [key]: value }\n    })),\n    setClient: (client) => set({ client }),\n    setInitialized: (initialized) => set({ isInitialized: initialized }),\n    setReady: (ready) => set({ isReady: ready })\n  }))\n}\n","'use client';\nimport { FlagClient } from \"flagmint-js-sdk\"\nimport { useMemo, useRef, useEffect, createContext } from \"react\"\nimport { createFlagStore } from \"@/store/store\"\nimport { FlagmintProviderProps, Flags, FlagStore } from \"@/types\"\nimport { StoreApi } from \"zustand\"\n\nexport const FlagmintStoreContext = createContext<StoreApi<FlagStore> | null>(null)\n\n/**\n * Provides the Flagmint flag store to React components and keeps it synced with FlagClient updates.\n * Lifecycle overview:\n * - App loads → FlagClient constructed → initialize() begins.\n * - Cached flags applied → subscribers notified → React renders cached values.\n * - Transport set up → initial fetch → store updated → subscribers notified.\n * - Subsequent server updates propagate via client.subscribe to re-render consumers.\n * - When context changes (updateContext), flags are re-fetched and the store is refreshed.\n *\n * @param props Component props: children, client options, optional initial flags, and deferInitialization flag.\n * @returns A provider that supplies the flag store context to its children.\n */\nexport function FlagmintProvider<\n  T extends FlagClient<T, C>,\n  C extends Record<string, any> = Record<string, any>\n>({\n  children,\n  options,\n  initialFlags = {},\n  deferInitialization = false\n}: FlagmintProviderProps<T, C>) {\n  // Create a new store instance for each provider (per-request in SSR)\n  const store = useMemo(() => createFlagStore(initialFlags), [initialFlags])\n  \n  // Use ref to avoid recreating client on every render\n  const clientRef = useRef<FlagClient<T, C> | null>(null)\n  const initPromiseRef = useRef<Promise<FlagClient<T, C>> | null>(null)\n  const unsubscribeRef = useRef<(() => void) | null>(null)\n  \n  // Initialization function similar to Vue plugin\n  const init = async (): Promise<FlagClient<T, C>> => {\n    if (clientRef.current) return clientRef.current // Avoid re-init\n    \n    // Return existing promise if init is already in progress\n    if (initPromiseRef.current) return initPromiseRef.current\n    \n    const { setClient, setReady, setInitialized, setFlags } = store.getState()\n    \n    initPromiseRef.current = (async () => {\n      try {\n        // Create the FlagClient\n        const client = new FlagClient<T, C>(options)\n        \n        // Wait for client to be ready\n        await client.ready()\n        \n        // Get initial flags from client\n        const initialClientFlags = client.getFlags()\n        setFlags(initialClientFlags)\n        \n        // Subscribe to flag changes - THIS IS THE KEY FIX\n        const unsubscribe = client.subscribe((updatedFlags: Flags) => {\n          console.log('FlagmintProvider - flags updated:', updatedFlags)\n          setFlags(updatedFlags)\n        })\n        \n        unsubscribeRef.current = unsubscribe\n        \n        clientRef.current = client\n        setClient(client)\n        setReady(true)\n        setInitialized(true)\n        \n        console.log('FlagmintProvider - initialized with flags:', initialClientFlags)\n        \n        return client\n      } catch (error) {\n        console.error('Failed to initialize Flagmint client:', error)\n        throw error\n      }\n    })()\n    \n    return initPromiseRef.current\n  }\n\n  useEffect(() => {\n    if (!deferInitialization) {\n      init().catch(error => {\n        console.error('Auto-initialization failed:', error)\n      })\n    }\n\n    return () => {\n      // Unsubscribe from flag changes\n      if (unsubscribeRef.current) {\n        unsubscribeRef.current()\n        unsubscribeRef.current = null\n      }\n      \n      // Destroy client\n      if (clientRef.current) {\n        clientRef.current.destroy?.()\n        clientRef.current = null\n        initPromiseRef.current = null\n      }\n    }\n  }, [deferInitialization])\n\n  return (\n    <FlagmintStoreContext.Provider value={store}>\n      {children}\n    </FlagmintStoreContext.Provider>\n  )\n}\n","'use client';\nimport { FlagValue } from \"flagmint-js-sdk\"\nimport { useContext } from \"react\"\nimport { StoreApi, useStore } from \"zustand\"\nimport { FlagmintStoreContext } from \"@/providers/FlagmintProvider\"\nimport { FlagStore, Flags } from \"@/types\"\n\n// Helper to get the store from context\nexport function useFlagmintStore(): StoreApi<FlagStore> {\n  const store = useContext(FlagmintStoreContext)\n  if (!store) {\n    throw new Error('useFlagmintStore must be used within a FlagmintProvider')\n  }\n  return store\n}\n\n// Hook to get the client instance and update context\nexport function useFlagmint() {\n  const store = useFlagmintStore()\n  const client = useStore(store, (state) => state.client)\n  const isInitialized = useStore(store, (state) => state.isInitialized)\n\n  const updateContext = async (context: Record<string, any>) => {\n    if (!client) {\n      throw new Error('Flagmint client not initialized')\n    }\n    await client.updateContext(context)\n  }\n\n  return {\n    client,\n    isInitialized,\n    updateContext\n  }\n}\n\n// Hook to get all flags - only re-renders when flags change\nexport function useFlags(): Flags {\n  const store = useFlagmintStore()\n  return useStore(store, (state) => state.flags)\n}\n\n// Simplified useFlag - just read from the reactive store\nexport function useFlag<T = FlagValue>(\n  key: string,\n  fallback?: T\n): T {\n  const store = useFlagmintStore()\n  \n  // Subscribe to this specific flag in the store\n  const flagValue = useStore(store, (state) => state.flags[key])\n  \n  // Return the flag value or fallback\n  return (flagValue ?? fallback) as T\n}\n\n// Hook to check if the client is ready\nexport function useFlagmintReady(): boolean {\n  const store = useFlagmintStore()\n  \n  // Subscribe to both isReady and isInitialized\n  const isReady = useStore(store, (state) => state.isReady)\n  const isInitialized = useStore(store, (state) => state.isInitialized)\n  \n  return isReady && isInitialized\n}"]}
+{"version":3,"sources":["../src/store/store.ts","../src/providers/FlagmintProvider.tsx","../src/hooks/index.ts"],"names":[],"mappings":"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","file":"client.js","sourcesContent":["'use client';\nimport { createStore, StoreApi } from \"zustand/vanilla\";\nimport { Flags, FlagStore } from \"@/types\";\n\n\nexport function createFlagStore(initialFlags: Flags = {}): StoreApi<FlagStore> {\n   return createStore<FlagStore>((set, get) => ({\n    flags: initialFlags,\n    client: null,\n    isInitialized: false,\n    isReady: false,\n    setFlags: (flags) => {\n      console.log('Updating store flags:', flags)\n      set({ flags: { ...flags } })\n    },\n    setFlag: (key, value) => set((state) => ({\n      flags: { ...state.flags, [key]: value }\n    })),\n    setClient: (client) => set({ client }),\n    setInitialized: (initialized) => set({ isInitialized: initialized }),\n    setReady: (ready) => set({ isReady: ready })\n  }))\n}\n","'use client';\nimport { FlagClient } from \"flagmint-js-sdk\"\nimport { useMemo, useRef, useEffect, createContext } from \"react\"\nimport { createFlagStore } from \"@/store/store\"\nimport { FlagmintProviderProps, Flags, FlagStore } from \"@/types\"\nimport { StoreApi } from \"zustand\"\n\nexport const FlagmintStoreContext = createContext<StoreApi<FlagStore> | null>(null)\n\n/**\n * Provides the Flagmint flag store to React components and keeps it synced with FlagClient updates.\n * Lifecycle overview:\n * - App loads → FlagClient constructed → initialize() begins.\n * - Cached flags applied → subscribers notified → React renders cached values.\n * - Transport set up → initial fetch → store updated → subscribers notified.\n * - Subsequent server updates propagate via client.subscribe to re-render consumers.\n * - When context changes (updateContext), flags are re-fetched and the store is refreshed.\n *\n * @param props Component props: children, client options, optional initial flags, and deferInitialization flag.\n * @returns A provider that supplies the flag store context to its children.\n */\nexport function FlagmintProvider<\n  T extends FlagClient<T, C>,\n  C extends Record<string, any> = Record<string, any>\n>({\n  children,\n  options,\n  initialFlags = {},\n  deferInitialization = false\n}: FlagmintProviderProps<T, C>) {\n  // Create a new store instance for each provider (per-request in SSR)\n  const store = useMemo(() => createFlagStore(initialFlags), [])\n  \n  // Use ref to avoid recreating client on every render\n  const clientRef = useRef<FlagClient<T, C> | null>(null)\n  const initPromiseRef = useRef<Promise<FlagClient<T, C>> | null>(null)\n  const unsubscribeRef = useRef<(() => void) | null>(null)\n  \n  // Initialization function similar to Vue plugin\n  const init = async (): Promise<FlagClient<T, C>> => {\n    if (clientRef.current) return clientRef.current // Avoid re-init\n    \n    // Return existing promise if init is already in progress\n    if (initPromiseRef.current) return initPromiseRef.current\n    \n    const { setClient, setReady, setInitialized, setFlags } = store.getState()\n    \n    initPromiseRef.current = (async () => {\n      try {\n        // Create the FlagClient\n        const client = new FlagClient<T, C>(options)\n        \n        // Wait for client to be ready\n        await client.ready()\n        \n        // Get initial flags from client\n        const initialClientFlags = client.getFlags()\n        setFlags(initialClientFlags)\n        \n        // Subscribe to flag changes - THIS IS THE KEY FIX\n        const unsubscribe = client.subscribe((updatedFlags: Flags) => {\n          console.log('FlagmintProvider - flags updated:', updatedFlags)\n          // Get fresh reference each time\n          const currentStore = store.getState();\n          currentStore.setFlags(updatedFlags);\n        })\n        \n        unsubscribeRef.current = unsubscribe\n        \n        clientRef.current = client\n        setClient(client)\n        setReady(true)\n        setInitialized(true)\n        \n        console.log('FlagmintProvider - initialized with flags:', initialClientFlags)\n        \n        return client\n      } catch (error) {\n        console.error('Failed to initialize Flagmint client:', error)\n        throw error\n      }\n    })()\n    \n    return initPromiseRef.current\n  }\n\n  useEffect(() => {\n    if (!deferInitialization) {\n      init().catch(error => {\n        console.error('Auto-initialization failed:', error)\n      })\n    }\n\n    return () => {\n      // Unsubscribe from flag changes\n      if (unsubscribeRef.current) {\n        unsubscribeRef.current()\n        unsubscribeRef.current = null\n      }\n      \n      // Destroy client\n      if (clientRef.current) {\n        clientRef.current.destroy?.()\n        clientRef.current = null\n        initPromiseRef.current = null\n      }\n    }\n  }, [deferInitialization])\n\n  return (\n    <FlagmintStoreContext.Provider value={store}>\n      {children}\n    </FlagmintStoreContext.Provider>\n  )\n}\n","'use client';\nimport { FlagValue } from \"flagmint-js-sdk\"\nimport { useContext } from \"react\"\nimport { StoreApi, useStore } from \"zustand\"\nimport { FlagmintStoreContext } from \"@/providers/FlagmintProvider\"\nimport { FlagStore, Flags } from \"@/types\"\n\n// Helper to get the store from context\nexport function useFlagmintStore(): StoreApi<FlagStore> {\n  const store = useContext(FlagmintStoreContext)\n  if (!store) {\n    throw new Error('useFlagmintStore must be used within a FlagmintProvider')\n  }\n  return store\n}\n\n// Hook to get the client instance and update context\nexport function useFlagmint() {\n  const store = useFlagmintStore()\n  const client = useStore(store, (state) => state.client)\n  const isInitialized = useStore(store, (state) => state.isInitialized)\n\n  const updateContext = async (context: Record<string, any>) => {\n    if (!client) {\n      throw new Error('Flagmint client not initialized')\n    }\n    await client.updateContext(context)\n  }\n\n  return {\n    client,\n    isInitialized,\n    updateContext\n  }\n}\n\n// Hook to get all flags - only re-renders when flags change\nexport function useFlags(): Flags {\n  const store = useFlagmintStore()\n  return useStore(store, (state) => state.flags)\n}\n\n// Simplified useFlag - just read from the reactive store\nexport function useFlag<T = FlagValue>(\n  key: string,\n  fallback?: T\n): T {\n  const store = useFlagmintStore()\n  \n  // Subscribe to this specific flag in the store\n  const flagValue = useStore(store, (state) => state.flags[key])\n  \n  // Return the flag value or fallback\n  return (flagValue ?? fallback) as T\n}\n\n// Hook to check if the client is ready\nexport function useFlagmintReady(): boolean {\n  const store = useFlagmintStore()\n  \n  // Subscribe to both isReady and isInitialized\n  const isReady = useStore(store, (state) => state.isReady)\n  const isInitialized = useStore(store, (state) => state.isInitialized)\n  \n  return isReady && isInitialized\n}"]}

package/dist/index.cjs

@@ -1,4 +1,137 @@
 'use strict';
 
+var flagmintJsSdk = require('flagmint-js-sdk');
+var react = require('react');
+var vanilla = require('zustand/vanilla');
+var jsxRuntime = require('react/jsx-runtime');
+var zustand = require('zustand');
+
+// src/providers/FlagmintProvider.tsx
+function createFlagStore(initialFlags = {}) {
+  return vanilla.createStore((set, get) => ({
+    flags: initialFlags,
+    client: null,
+    isInitialized: false,
+    isReady: false,
+    setFlags: (flags) => {
+      console.log("Updating store flags:", flags);
+      set({ flags: { ...flags } });
+    },
+    setFlag: (key, value) => set((state) => ({
+      flags: { ...state.flags, [key]: value }
+    })),
+    setClient: (client) => set({ client }),
+    setInitialized: (initialized) => set({ isInitialized: initialized }),
+    setReady: (ready) => set({ isReady: ready })
+  }));
+}
+var FlagmintStoreContext = react.createContext(null);
+function FlagmintProvider({
+  children,
+  options,
+  initialFlags = {},
+  deferInitialization = false
+}) {
+  const store = react.useMemo(() => createFlagStore(initialFlags), []);
+  const clientRef = react.useRef(null);
+  const initPromiseRef = react.useRef(null);
+  const unsubscribeRef = react.useRef(null);
+  const init = async () => {
+    if (clientRef.current) return clientRef.current;
+    if (initPromiseRef.current) return initPromiseRef.current;
+    const { setClient, setReady, setInitialized, setFlags } = store.getState();
+    initPromiseRef.current = (async () => {
+      try {
+        const client = new flagmintJsSdk.FlagClient(options);
+        await client.ready();
+        const initialClientFlags = client.getFlags();
+        setFlags(initialClientFlags);
+        const unsubscribe = client.subscribe((updatedFlags) => {
+          console.log("FlagmintProvider - flags updated:", updatedFlags);
+          const currentStore = store.getState();
+          currentStore.setFlags(updatedFlags);
+        });
+        unsubscribeRef.current = unsubscribe;
+        clientRef.current = client;
+        setClient(client);
+        setReady(true);
+        setInitialized(true);
+        console.log("FlagmintProvider - initialized with flags:", initialClientFlags);
+        return client;
+      } catch (error) {
+        console.error("Failed to initialize Flagmint client:", error);
+        throw error;
+      }
+    })();
+    return initPromiseRef.current;
+  };
+  react.useEffect(() => {
+    if (!deferInitialization) {
+      init().catch((error) => {
+        console.error("Auto-initialization failed:", error);
+      });
+    }
+    return () => {
+      var _a, _b;
+      if (unsubscribeRef.current) {
+        unsubscribeRef.current();
+        unsubscribeRef.current = null;
+      }
+      if (clientRef.current) {
+        (_b = (_a = clientRef.current).destroy) == null ? void 0 : _b.call(_a);
+        clientRef.current = null;
+        initPromiseRef.current = null;
+      }
+    };
+  }, [deferInitialization]);
+  return /* @__PURE__ */ jsxRuntime.jsx(FlagmintStoreContext.Provider, { value: store, children });
+}
+function useFlagmintStore() {
+  const store = react.useContext(FlagmintStoreContext);
+  if (!store) {
+    throw new Error("useFlagmintStore must be used within a FlagmintProvider");
+  }
+  return store;
+}
+function useFlagmint() {
+  const store = useFlagmintStore();
+  const client = zustand.useStore(store, (state) => state.client);
+  const isInitialized = zustand.useStore(store, (state) => state.isInitialized);
+  const updateContext = async (context) => {
+    if (!client) {
+      throw new Error("Flagmint client not initialized");
+    }
+    await client.updateContext(context);
+  };
+  return {
+    client,
+    isInitialized,
+    updateContext
+  };
+}
+function useFlags() {
+  const store = useFlagmintStore();
+  return zustand.useStore(store, (state) => state.flags);
+}
+function useFlag(key, fallback) {
+  const store = useFlagmintStore();
+  const flagValue = zustand.useStore(store, (state) => state.flags[key]);
+  return flagValue != null ? flagValue : fallback;
+}
+function useFlagmintReady() {
+  const store = useFlagmintStore();
+  const isReady = zustand.useStore(store, (state) => state.isReady);
+  const isInitialized = zustand.useStore(store, (state) => state.isInitialized);
+  return isReady && isInitialized;
+}
+
+exports.FlagmintProvider = FlagmintProvider;
+exports.FlagmintStoreContext = FlagmintStoreContext;
+exports.createFlagStore = createFlagStore;
+exports.useFlag = useFlag;
+exports.useFlagmint = useFlagmint;
+exports.useFlagmintReady = useFlagmintReady;
+exports.useFlagmintStore = useFlagmintStore;
+exports.useFlags = useFlags;
 //# sourceMappingURL=index.cjs.map
 //# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"index.cjs"}
+{"version":3,"sources":["../src/store/store.ts","../src/providers/FlagmintProvider.tsx","../src/hooks/index.ts"],"names":["createStore","createContext","useMemo","useRef","FlagClient","useEffect","useContext","useStore"],"mappings":"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","file":"index.cjs","sourcesContent":["'use client';\nimport { createStore, StoreApi } from \"zustand/vanilla\";\nimport { Flags, FlagStore } from \"@/types\";\n\n\nexport function createFlagStore(initialFlags: Flags = {}): StoreApi<FlagStore> {\n   return createStore<FlagStore>((set, get) => ({\n    flags: initialFlags,\n    client: null,\n    isInitialized: false,\n    isReady: false,\n    setFlags: (flags) => {\n      console.log('Updating store flags:', flags)\n      set({ flags: { ...flags } })\n    },\n    setFlag: (key, value) => set((state) => ({\n      flags: { ...state.flags, [key]: value }\n    })),\n    setClient: (client) => set({ client }),\n    setInitialized: (initialized) => set({ isInitialized: initialized }),\n    setReady: (ready) => set({ isReady: ready })\n  }))\n}\n","'use client';\nimport { FlagClient } from \"flagmint-js-sdk\"\nimport { useMemo, useRef, useEffect, createContext } from \"react\"\nimport { createFlagStore } from \"@/store/store\"\nimport { FlagmintProviderProps, Flags, FlagStore } from \"@/types\"\nimport { StoreApi } from \"zustand\"\n\nexport const FlagmintStoreContext = createContext<StoreApi<FlagStore> | null>(null)\n\n/**\n * Provides the Flagmint flag store to React components and keeps it synced with FlagClient updates.\n * Lifecycle overview:\n * - App loads → FlagClient constructed → initialize() begins.\n * - Cached flags applied → subscribers notified → React renders cached values.\n * - Transport set up → initial fetch → store updated → subscribers notified.\n * - Subsequent server updates propagate via client.subscribe to re-render consumers.\n * - When context changes (updateContext), flags are re-fetched and the store is refreshed.\n *\n * @param props Component props: children, client options, optional initial flags, and deferInitialization flag.\n * @returns A provider that supplies the flag store context to its children.\n */\nexport function FlagmintProvider<\n  T extends FlagClient<T, C>,\n  C extends Record<string, any> = Record<string, any>\n>({\n  children,\n  options,\n  initialFlags = {},\n  deferInitialization = false\n}: FlagmintProviderProps<T, C>) {\n  // Create a new store instance for each provider (per-request in SSR)\n  const store = useMemo(() => createFlagStore(initialFlags), [])\n  \n  // Use ref to avoid recreating client on every render\n  const clientRef = useRef<FlagClient<T, C> | null>(null)\n  const initPromiseRef = useRef<Promise<FlagClient<T, C>> | null>(null)\n  const unsubscribeRef = useRef<(() => void) | null>(null)\n  \n  // Initialization function similar to Vue plugin\n  const init = async (): Promise<FlagClient<T, C>> => {\n    if (clientRef.current) return clientRef.current // Avoid re-init\n    \n    // Return existing promise if init is already in progress\n    if (initPromiseRef.current) return initPromiseRef.current\n    \n    const { setClient, setReady, setInitialized, setFlags } = store.getState()\n    \n    initPromiseRef.current = (async () => {\n      try {\n        // Create the FlagClient\n        const client = new FlagClient<T, C>(options)\n        \n        // Wait for client to be ready\n        await client.ready()\n        \n        // Get initial flags from client\n        const initialClientFlags = client.getFlags()\n        setFlags(initialClientFlags)\n        \n        // Subscribe to flag changes - THIS IS THE KEY FIX\n        const unsubscribe = client.subscribe((updatedFlags: Flags) => {\n          console.log('FlagmintProvider - flags updated:', updatedFlags)\n          // Get fresh reference each time\n          const currentStore = store.getState();\n          currentStore.setFlags(updatedFlags);\n        })\n        \n        unsubscribeRef.current = unsubscribe\n        \n        clientRef.current = client\n        setClient(client)\n        setReady(true)\n        setInitialized(true)\n        \n        console.log('FlagmintProvider - initialized with flags:', initialClientFlags)\n        \n        return client\n      } catch (error) {\n        console.error('Failed to initialize Flagmint client:', error)\n        throw error\n      }\n    })()\n    \n    return initPromiseRef.current\n  }\n\n  useEffect(() => {\n    if (!deferInitialization) {\n      init().catch(error => {\n        console.error('Auto-initialization failed:', error)\n      })\n    }\n\n    return () => {\n      // Unsubscribe from flag changes\n      if (unsubscribeRef.current) {\n        unsubscribeRef.current()\n        unsubscribeRef.current = null\n      }\n      \n      // Destroy client\n      if (clientRef.current) {\n        clientRef.current.destroy?.()\n        clientRef.current = null\n        initPromiseRef.current = null\n      }\n    }\n  }, [deferInitialization])\n\n  return (\n    <FlagmintStoreContext.Provider value={store}>\n      {children}\n    </FlagmintStoreContext.Provider>\n  )\n}\n","'use client';\nimport { FlagValue } from \"flagmint-js-sdk\"\nimport { useContext } from \"react\"\nimport { StoreApi, useStore } from \"zustand\"\nimport { FlagmintStoreContext } from \"@/providers/FlagmintProvider\"\nimport { FlagStore, Flags } from \"@/types\"\n\n// Helper to get the store from context\nexport function useFlagmintStore(): StoreApi<FlagStore> {\n  const store = useContext(FlagmintStoreContext)\n  if (!store) {\n    throw new Error('useFlagmintStore must be used within a FlagmintProvider')\n  }\n  return store\n}\n\n// Hook to get the client instance and update context\nexport function useFlagmint() {\n  const store = useFlagmintStore()\n  const client = useStore(store, (state) => state.client)\n  const isInitialized = useStore(store, (state) => state.isInitialized)\n\n  const updateContext = async (context: Record<string, any>) => {\n    if (!client) {\n      throw new Error('Flagmint client not initialized')\n    }\n    await client.updateContext(context)\n  }\n\n  return {\n    client,\n    isInitialized,\n    updateContext\n  }\n}\n\n// Hook to get all flags - only re-renders when flags change\nexport function useFlags(): Flags {\n  const store = useFlagmintStore()\n  return useStore(store, (state) => state.flags)\n}\n\n// Simplified useFlag - just read from the reactive store\nexport function useFlag<T = FlagValue>(\n  key: string,\n  fallback?: T\n): T {\n  const store = useFlagmintStore()\n  \n  // Subscribe to this specific flag in the store\n  const flagValue = useStore(store, (state) => state.flags[key])\n  \n  // Return the flag value or fallback\n  return (flagValue ?? fallback) as T\n}\n\n// Hook to check if the client is ready\nexport function useFlagmintReady(): boolean {\n  const store = useFlagmintStore()\n  \n  // Subscribe to both isReady and isInitialized\n  const isReady = useStore(store, (state) => state.isReady)\n  const isInitialized = useStore(store, (state) => state.isInitialized)\n  \n  return isReady && isInitialized\n}"]}

package/dist/index.d.cts

@@ -1,40 +1,6 @@
-import { FlagClientOptions, FlagClient } from 'flagmint-js-sdk';
-import { ReactNode } from 'react';
-
-type FlagValue = string | number | boolean | object | null;
-interface Flags {
-    [key: string]: FlagValue;
-}
-interface CoreClientLike {
-    getFlags(): Promise<Flags> | Flags;
-    getFlag(key: string, fallback?: FlagValue): Promise<FlagValue> | FlagValue;
-    subscribe(callback: (flags: Flags) => void): () => void;
-    updateContext(context: Record<string, any>): Promise<void> | void;
-    init(): Promise<void> | void;
-    close(): Promise<void> | void;
-}
-interface FlagStore {
-    flags: Flags;
-    client: FlagClient<any, any> | null;
-    isInitialized: boolean;
-    isReady: boolean;
-    setFlags: (flags: Flags) => void;
-    setFlag: (key: string, value: FlagValue) => void;
-    setClient: (client: FlagClient<any, any> | null) => void;
-    setInitialized: (initialized: boolean) => void;
-    setReady: (ready: boolean) => void;
-}
-interface FlagmintProviderProps {
-    children: ReactNode;
-    createClient?: () => CoreClientLike;
-    client: CoreClientLike;
-    initialFlags?: Flags;
-}
-interface FlagmintProviderProps<T = unknown, C extends Record<string, any> = Record<string, any>> {
-    children: ReactNode;
-    options: FlagClientOptions<C>;
-    initialFlags?: Flags;
-    deferInitialization?: boolean;
-}
-
-export type { CoreClientLike, FlagStore, FlagValue, FlagmintProviderProps, Flags };
+export { CoreClientLike, FlagStore, FlagValue, FlagmintProvider, FlagmintProviderProps, FlagmintStoreContext, Flags, createFlagStore, useFlag, useFlagmint, useFlagmintReady, useFlagmintStore, useFlags } from './client.cjs';
+import 'flagmint-js-sdk';
+import 'react';
+import 'react/jsx-runtime';
+import 'zustand';
+import 'zustand/vanilla';

package/dist/index.d.ts

@@ -1,40 +1,6 @@
-import { FlagClientOptions, FlagClient } from 'flagmint-js-sdk';
-import { ReactNode } from 'react';
-
-type FlagValue = string | number | boolean | object | null;
-interface Flags {
-    [key: string]: FlagValue;
-}
-interface CoreClientLike {
-    getFlags(): Promise<Flags> | Flags;
-    getFlag(key: string, fallback?: FlagValue): Promise<FlagValue> | FlagValue;
-    subscribe(callback: (flags: Flags) => void): () => void;
-    updateContext(context: Record<string, any>): Promise<void> | void;
-    init(): Promise<void> | void;
-    close(): Promise<void> | void;
-}
-interface FlagStore {
-    flags: Flags;
-    client: FlagClient<any, any> | null;
-    isInitialized: boolean;
-    isReady: boolean;
-    setFlags: (flags: Flags) => void;
-    setFlag: (key: string, value: FlagValue) => void;
-    setClient: (client: FlagClient<any, any> | null) => void;
-    setInitialized: (initialized: boolean) => void;
-    setReady: (ready: boolean) => void;
-}
-interface FlagmintProviderProps {
-    children: ReactNode;
-    createClient?: () => CoreClientLike;
-    client: CoreClientLike;
-    initialFlags?: Flags;
-}
-interface FlagmintProviderProps<T = unknown, C extends Record<string, any> = Record<string, any>> {
-    children: ReactNode;
-    options: FlagClientOptions<C>;
-    initialFlags?: Flags;
-    deferInitialization?: boolean;
-}
-
-export type { CoreClientLike, FlagStore, FlagValue, FlagmintProviderProps, Flags };
+export { CoreClientLike, FlagStore, FlagValue, FlagmintProvider, FlagmintProviderProps, FlagmintStoreContext, Flags, createFlagStore, useFlag, useFlagmint, useFlagmintReady, useFlagmintStore, useFlags } from './client.js';
+import 'flagmint-js-sdk';
+import 'react';
+import 'react/jsx-runtime';
+import 'zustand';
+import 'zustand/vanilla';

package/dist/index.js

@@ -1,3 +1,128 @@
+import { FlagClient } from 'flagmint-js-sdk';
+import { createContext, useMemo, useRef, useEffect, useContext } from 'react';
+import { createStore } from 'zustand/vanilla';
+import { jsx } from 'react/jsx-runtime';
+import { useStore } from 'zustand';
 
+// src/providers/FlagmintProvider.tsx
+function createFlagStore(initialFlags = {}) {
+  return createStore((set, get) => ({
+    flags: initialFlags,
+    client: null,
+    isInitialized: false,
+    isReady: false,
+    setFlags: (flags) => {
+      console.log("Updating store flags:", flags);
+      set({ flags: { ...flags } });
+    },
+    setFlag: (key, value) => set((state) => ({
+      flags: { ...state.flags, [key]: value }
+    })),
+    setClient: (client) => set({ client }),
+    setInitialized: (initialized) => set({ isInitialized: initialized }),
+    setReady: (ready) => set({ isReady: ready })
+  }));
+}
+var FlagmintStoreContext = createContext(null);
+function FlagmintProvider({
+  children,
+  options,
+  initialFlags = {},
+  deferInitialization = false
+}) {
+  const store = useMemo(() => createFlagStore(initialFlags), []);
+  const clientRef = useRef(null);
+  const initPromiseRef = useRef(null);
+  const unsubscribeRef = useRef(null);
+  const init = async () => {
+    if (clientRef.current) return clientRef.current;
+    if (initPromiseRef.current) return initPromiseRef.current;
+    const { setClient, setReady, setInitialized, setFlags } = store.getState();
+    initPromiseRef.current = (async () => {
+      try {
+        const client = new FlagClient(options);
+        await client.ready();
+        const initialClientFlags = client.getFlags();
+        setFlags(initialClientFlags);
+        const unsubscribe = client.subscribe((updatedFlags) => {
+          console.log("FlagmintProvider - flags updated:", updatedFlags);
+          const currentStore = store.getState();
+          currentStore.setFlags(updatedFlags);
+        });
+        unsubscribeRef.current = unsubscribe;
+        clientRef.current = client;
+        setClient(client);
+        setReady(true);
+        setInitialized(true);
+        console.log("FlagmintProvider - initialized with flags:", initialClientFlags);
+        return client;
+      } catch (error) {
+        console.error("Failed to initialize Flagmint client:", error);
+        throw error;
+      }
+    })();
+    return initPromiseRef.current;
+  };
+  useEffect(() => {
+    if (!deferInitialization) {
+      init().catch((error) => {
+        console.error("Auto-initialization failed:", error);
+      });
+    }
+    return () => {
+      var _a, _b;
+      if (unsubscribeRef.current) {
+        unsubscribeRef.current();
+        unsubscribeRef.current = null;
+      }
+      if (clientRef.current) {
+        (_b = (_a = clientRef.current).destroy) == null ? void 0 : _b.call(_a);
+        clientRef.current = null;
+        initPromiseRef.current = null;
+      }
+    };
+  }, [deferInitialization]);
+  return /* @__PURE__ */ jsx(FlagmintStoreContext.Provider, { value: store, children });
+}
+function useFlagmintStore() {
+  const store = useContext(FlagmintStoreContext);
+  if (!store) {
+    throw new Error("useFlagmintStore must be used within a FlagmintProvider");
+  }
+  return store;
+}
+function useFlagmint() {
+  const store = useFlagmintStore();
+  const client = useStore(store, (state) => state.client);
+  const isInitialized = useStore(store, (state) => state.isInitialized);
+  const updateContext = async (context) => {
+    if (!client) {
+      throw new Error("Flagmint client not initialized");
+    }
+    await client.updateContext(context);
+  };
+  return {
+    client,
+    isInitialized,
+    updateContext
+  };
+}
+function useFlags() {
+  const store = useFlagmintStore();
+  return useStore(store, (state) => state.flags);
+}
+function useFlag(key, fallback) {
+  const store = useFlagmintStore();
+  const flagValue = useStore(store, (state) => state.flags[key]);
+  return flagValue != null ? flagValue : fallback;
+}
+function useFlagmintReady() {
+  const store = useFlagmintStore();
+  const isReady = useStore(store, (state) => state.isReady);
+  const isInitialized = useStore(store, (state) => state.isInitialized);
+  return isReady && isInitialized;
+}
+
+export { FlagmintProvider, FlagmintStoreContext, createFlagStore, useFlag, useFlagmint, useFlagmintReady, useFlagmintStore, useFlags };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"index.js"}
+{"version":3,"sources":["../src/store/store.ts","../src/providers/FlagmintProvider.tsx","../src/hooks/index.ts"],"names":[],"mappings":"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","file":"index.js","sourcesContent":["'use client';\nimport { createStore, StoreApi } from \"zustand/vanilla\";\nimport { Flags, FlagStore } from \"@/types\";\n\n\nexport function createFlagStore(initialFlags: Flags = {}): StoreApi<FlagStore> {\n   return createStore<FlagStore>((set, get) => ({\n    flags: initialFlags,\n    client: null,\n    isInitialized: false,\n    isReady: false,\n    setFlags: (flags) => {\n      console.log('Updating store flags:', flags)\n      set({ flags: { ...flags } })\n    },\n    setFlag: (key, value) => set((state) => ({\n      flags: { ...state.flags, [key]: value }\n    })),\n    setClient: (client) => set({ client }),\n    setInitialized: (initialized) => set({ isInitialized: initialized }),\n    setReady: (ready) => set({ isReady: ready })\n  }))\n}\n","'use client';\nimport { FlagClient } from \"flagmint-js-sdk\"\nimport { useMemo, useRef, useEffect, createContext } from \"react\"\nimport { createFlagStore } from \"@/store/store\"\nimport { FlagmintProviderProps, Flags, FlagStore } from \"@/types\"\nimport { StoreApi } from \"zustand\"\n\nexport const FlagmintStoreContext = createContext<StoreApi<FlagStore> | null>(null)\n\n/**\n * Provides the Flagmint flag store to React components and keeps it synced with FlagClient updates.\n * Lifecycle overview:\n * - App loads → FlagClient constructed → initialize() begins.\n * - Cached flags applied → subscribers notified → React renders cached values.\n * - Transport set up → initial fetch → store updated → subscribers notified.\n * - Subsequent server updates propagate via client.subscribe to re-render consumers.\n * - When context changes (updateContext), flags are re-fetched and the store is refreshed.\n *\n * @param props Component props: children, client options, optional initial flags, and deferInitialization flag.\n * @returns A provider that supplies the flag store context to its children.\n */\nexport function FlagmintProvider<\n  T extends FlagClient<T, C>,\n  C extends Record<string, any> = Record<string, any>\n>({\n  children,\n  options,\n  initialFlags = {},\n  deferInitialization = false\n}: FlagmintProviderProps<T, C>) {\n  // Create a new store instance for each provider (per-request in SSR)\n  const store = useMemo(() => createFlagStore(initialFlags), [])\n  \n  // Use ref to avoid recreating client on every render\n  const clientRef = useRef<FlagClient<T, C> | null>(null)\n  const initPromiseRef = useRef<Promise<FlagClient<T, C>> | null>(null)\n  const unsubscribeRef = useRef<(() => void) | null>(null)\n  \n  // Initialization function similar to Vue plugin\n  const init = async (): Promise<FlagClient<T, C>> => {\n    if (clientRef.current) return clientRef.current // Avoid re-init\n    \n    // Return existing promise if init is already in progress\n    if (initPromiseRef.current) return initPromiseRef.current\n    \n    const { setClient, setReady, setInitialized, setFlags } = store.getState()\n    \n    initPromiseRef.current = (async () => {\n      try {\n        // Create the FlagClient\n        const client = new FlagClient<T, C>(options)\n        \n        // Wait for client to be ready\n        await client.ready()\n        \n        // Get initial flags from client\n        const initialClientFlags = client.getFlags()\n        setFlags(initialClientFlags)\n        \n        // Subscribe to flag changes - THIS IS THE KEY FIX\n        const unsubscribe = client.subscribe((updatedFlags: Flags) => {\n          console.log('FlagmintProvider - flags updated:', updatedFlags)\n          // Get fresh reference each time\n          const currentStore = store.getState();\n          currentStore.setFlags(updatedFlags);\n        })\n        \n        unsubscribeRef.current = unsubscribe\n        \n        clientRef.current = client\n        setClient(client)\n        setReady(true)\n        setInitialized(true)\n        \n        console.log('FlagmintProvider - initialized with flags:', initialClientFlags)\n        \n        return client\n      } catch (error) {\n        console.error('Failed to initialize Flagmint client:', error)\n        throw error\n      }\n    })()\n    \n    return initPromiseRef.current\n  }\n\n  useEffect(() => {\n    if (!deferInitialization) {\n      init().catch(error => {\n        console.error('Auto-initialization failed:', error)\n      })\n    }\n\n    return () => {\n      // Unsubscribe from flag changes\n      if (unsubscribeRef.current) {\n        unsubscribeRef.current()\n        unsubscribeRef.current = null\n      }\n      \n      // Destroy client\n      if (clientRef.current) {\n        clientRef.current.destroy?.()\n        clientRef.current = null\n        initPromiseRef.current = null\n      }\n    }\n  }, [deferInitialization])\n\n  return (\n    <FlagmintStoreContext.Provider value={store}>\n      {children}\n    </FlagmintStoreContext.Provider>\n  )\n}\n","'use client';\nimport { FlagValue } from \"flagmint-js-sdk\"\nimport { useContext } from \"react\"\nimport { StoreApi, useStore } from \"zustand\"\nimport { FlagmintStoreContext } from \"@/providers/FlagmintProvider\"\nimport { FlagStore, Flags } from \"@/types\"\n\n// Helper to get the store from context\nexport function useFlagmintStore(): StoreApi<FlagStore> {\n  const store = useContext(FlagmintStoreContext)\n  if (!store) {\n    throw new Error('useFlagmintStore must be used within a FlagmintProvider')\n  }\n  return store\n}\n\n// Hook to get the client instance and update context\nexport function useFlagmint() {\n  const store = useFlagmintStore()\n  const client = useStore(store, (state) => state.client)\n  const isInitialized = useStore(store, (state) => state.isInitialized)\n\n  const updateContext = async (context: Record<string, any>) => {\n    if (!client) {\n      throw new Error('Flagmint client not initialized')\n    }\n    await client.updateContext(context)\n  }\n\n  return {\n    client,\n    isInitialized,\n    updateContext\n  }\n}\n\n// Hook to get all flags - only re-renders when flags change\nexport function useFlags(): Flags {\n  const store = useFlagmintStore()\n  return useStore(store, (state) => state.flags)\n}\n\n// Simplified useFlag - just read from the reactive store\nexport function useFlag<T = FlagValue>(\n  key: string,\n  fallback?: T\n): T {\n  const store = useFlagmintStore()\n  \n  // Subscribe to this specific flag in the store\n  const flagValue = useStore(store, (state) => state.flags[key])\n  \n  // Return the flag value or fallback\n  return (flagValue ?? fallback) as T\n}\n\n// Hook to check if the client is ready\nexport function useFlagmintReady(): boolean {\n  const store = useFlagmintStore()\n  \n  // Subscribe to both isReady and isInitialized\n  const isReady = useStore(store, (state) => state.isReady)\n  const isInitialized = useStore(store, (state) => state.isInitialized)\n  \n  return isReady && isInitialized\n}"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "flagmint-react-sdk",
-  "version": "0.7.1",
+  "version": "0.7.3",
   "description": "React wrapper for flagmint-js-sdk",
   "type": "module",
   "sideEffects": false,