@umituz/react-native-firebase 1.13.28 → 1.13.30

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umituz/react-native-firebase",
-  "version": "1.13.28",
+  "version": "1.13.30",
   "description": "Unified Firebase package for React Native apps - Auth and Firestore services using Firebase JS SDK (no native modules).",
   "main": "./src/index.ts",
   "types": "./src/index.ts",
@@ -35,7 +35,8 @@
     "expo-crypto": ">=13.0.0",
     "firebase": ">=10.0.0",
     "react": ">=18.2.0",
-    "react-native": ">=0.74.0"
+    "react-native": ">=0.74.0",
+    "zustand": ">=5.0.0"
   },
   "devDependencies": {
     "@react-native-async-storage/async-storage": "^2.2.0",
@@ -49,7 +50,8 @@
     "firebase": "^12.6.0",
     "react": "19.1.0",
     "react-native": "0.81.5",
-    "typescript": "~5.9.2"
+    "typescript": "~5.9.2",
+    "zustand": "^5.0.0"
   },
   "publishConfig": {
     "access": "public"

package/src/auth/infrastructure/stores/auth.store.ts

@@ -0,0 +1,74 @@
+/**
+ * Firebase Auth Store
+ * Basic Zustand store for Firebase Auth state
+ *
+ * NOTE: For comprehensive auth state management including
+ * user types and guest mode, use @umituz/react-native-auth package.
+ * This store provides minimal state for low-level Firebase operations.
+ */
+
+import { create } from "zustand";
+import { onAuthStateChanged, type User, type Auth } from "firebase/auth";
+
+declare const __DEV__: boolean;
+
+interface AuthState {
+  user: User | null;
+  loading: boolean;
+  initialized: boolean;
+  listenerSetup: boolean;
+}
+
+interface AuthActions {
+  setupListener: (auth: Auth) => void;
+  cleanup: () => void;
+}
+
+type AuthStore = AuthState & AuthActions;
+
+let unsubscribe: (() => void) | null = null;
+
+export const useFirebaseAuthStore = create<AuthStore>((set, get) => ({
+  user: null,
+  loading: true,
+  initialized: false,
+  listenerSetup: false,
+
+  setupListener: (auth: Auth) => {
+    const state = get();
+
+    if (state.listenerSetup || unsubscribe) {
+      return;
+    }
+
+    set({ listenerSetup: true });
+
+    unsubscribe = onAuthStateChanged(auth, (currentUser: User | null) => {
+      if (typeof __DEV__ !== "undefined" && __DEV__) {
+        // eslint-disable-next-line no-console
+        console.log(
+          "[FirebaseAuthStore] Auth state changed:",
+          currentUser?.uid || "null"
+        );
+      }
+      set({
+        user: currentUser,
+        loading: false,
+        initialized: true,
+      });
+    });
+  },
+
+  cleanup: () => {
+    if (unsubscribe) {
+      unsubscribe();
+      unsubscribe = null;
+    }
+    set({
+      user: null,
+      loading: true,
+      initialized: false,
+      listenerSetup: false,
+    });
+  },
+}));

package/src/auth/presentation/hooks/useFirebaseAuth.ts

@@ -1,73 +1,43 @@
 /**
  * useFirebaseAuth Hook
- * React hook for Firebase Auth state management
+ * React hook for raw Firebase Auth state
  *
- * Directly uses Firebase Auth's built-in state management via onAuthStateChanged
- * Simple, performant, no retry mechanism needed (auth is pre-initialized)
+ * NOTE: For comprehensive auth management (user types, guest mode, sign in/out),
+ * use useAuth from @umituz/react-native-auth package instead.
+ * This hook provides minimal Firebase Auth access.
  */
 
-import { useEffect, useState, useRef } from "react";
-import { onAuthStateChanged, type User } from "firebase/auth";
+import { useEffect } from "react";
+import type { User } from "firebase/auth";
 import { getFirebaseAuth } from "../../infrastructure/config/FirebaseAuthClient";
-
-declare const __DEV__: boolean;
+import { useFirebaseAuthStore } from "../../infrastructure/stores/auth.store";
 
 export interface UseFirebaseAuthResult {
-  /** Current authenticated user from Firebase Auth */
+  /** Current Firebase user */
   user: User | null;
-  /** Whether auth state is loading (initial check) */
+  /** Whether auth state is loading */
   loading: boolean;
   /** Whether Firebase Auth is initialized */
   initialized: boolean;
 }
 
 /**
- * Hook for Firebase Auth state management
- *
- * Directly uses Firebase Auth's built-in state management.
- * Auth is pre-initialized in appInitializer, so no retry needed.
+ * Hook for raw Firebase Auth state
  *
- * @example
- * ```typescript
- * const { user, loading } = useFirebaseAuth();
- * ```
+ * Uses shared store to ensure only one listener is active.
  */
 export function useFirebaseAuth(): UseFirebaseAuthResult {
-  const [user, setUser] = useState<User | null>(null);
-  const [loading, setLoading] = useState(true);
-  const [initialized, setInitialized] = useState(false);
-
-  const unsubscribeRef = useRef<(() => void) | null>(null);
+  const { user, loading, initialized, setupListener } = useFirebaseAuthStore();
 
   useEffect(() => {
     const auth = getFirebaseAuth();
 
     if (!auth) {
-      // Auth not available (offline mode or error)
-      setLoading(false);
-      setUser(null);
-      setInitialized(false);
       return;
     }
 
-    // Subscribe to auth state changes
-    unsubscribeRef.current = onAuthStateChanged(auth, (currentUser: User | null) => {
-      if (__DEV__) {
-        console.log('[useFirebaseAuth] Auth state changed:', currentUser?.uid || 'null');
-      }
-      setUser(currentUser);
-      setLoading(false);
-      setInitialized(true);
-    });
-
-    // Cleanup on unmount
-    return () => {
-      if (unsubscribeRef.current) {
-        unsubscribeRef.current();
-        unsubscribeRef.current = null;
-      }
-    };
-  }, []); // Empty deps - subscribe once on mount
+    setupListener(auth);
+  }, [setupListener]);
 
   return {
     user,
@@ -75,4 +45,3 @@ export function useFirebaseAuth(): UseFirebaseAuthResult {
     initialized,
   };
 }
-