svelte-firekit 0.1.1 → 0.1.3

package/dist/components/auth-guard.svelte

@@ -1,8 +1,8 @@
 <script lang="ts">
 	import { firekitAuth } from '../services/auth.js';
-	import { firebaseService } from '../firebase.js';
+	import { getContext } from 'svelte';
 	import { goto } from '$app/navigation';
-	import { onDestroy } from 'svelte';
+	import { onMount, onDestroy } from 'svelte';
 	import type { UserProfile } from '../types/auth.js';
 	import type { Auth } from 'firebase/auth';
 	import type { Snippet } from 'svelte';
@@ -36,27 +36,51 @@
 		fallback?: Snippet<[]>;
 	} = $props();
 
-	// Get Firebase Auth instance
-	const auth = firebaseService.getAuthInstance();
-	if (!auth) {
-		throw new Error('Firebase Auth instance not available');
-	}
-
-	// Reactive auth state
+	// Try to get Firebase Auth from context first, fallback to service
+	let auth: Auth | null = $state(null);
+	let unsubscribe: (() => void) | null = null;
 	let authState = $state(firekitAuth.getState());
 
-	// Subscribe to auth state changes
-	const unsubscribe = firekitAuth.onAuthStateChanged((state) => {
-		authState = state;
-	});
-
 	// Sign out function
 	async function signOut() {
 		await firekitAuth.signOut();
 	}
 
+	onMount(async () => {
+		try {
+			// Try to get auth from context first
+			auth = getContext<Auth>('firebase/auth');
+
+			// If context doesn't exist, get from service
+			if (!auth) {
+				console.warn('Firebase Auth not found in context, using service directly');
+				const { firebaseService } = await import('../firebase.js');
+				auth = firebaseService.getAuthInstance();
+			}
+
+			if (!auth) {
+				throw new Error('Firebase Auth instance not available');
+			}
+
+			// Subscribe to auth state changes
+			unsubscribe = firekitAuth.onAuthStateChanged((state) => {
+				authState = state;
+			});
+
+			// Initial auth check
+			checkAuthState();
+		} catch (error) {
+			console.error('Failed to initialize AuthGuard:', error);
+			authState = {
+				user: null,
+				loading: false,
+				initialized: true
+			};
+		}
+	});
+
 	// Check if current auth state matches requirements
-	$effect(() => {
+	function checkAuthState() {
 		if (authState.loading) return;
 
 		const isAuthenticated = firekitAuth.isAuthenticated();
@@ -65,11 +89,18 @@
 		if (shouldRedirect) {
 			goto(redirectTo);
 		}
+	}
+
+	// Watch for auth state changes
+	$effect(() => {
+		checkAuthState();
 	});
 
 	// Cleanup subscription on component destruction
 	onDestroy(() => {
-		unsubscribe();
+		if (unsubscribe) {
+			unsubscribe();
+		}
 	});
 </script>
 
@@ -84,6 +115,6 @@
 			</div>
 		</div>
 	{/if}
-{:else if firekitAuth.isAuthenticated() === requireAuth}
+{:else if auth && firekitAuth.isAuthenticated() === requireAuth}
 	{@render children(authState.user!, auth, signOut)}
 {/if}

package/dist/components/custom-guard.svelte

@@ -1,8 +1,8 @@
 <script lang="ts">
 	import { firekitAuth } from '../services/auth.js';
-	import { firebaseService } from '../firebase.js';
+	import { getContext } from 'svelte';
 	import { goto } from '$app/navigation';
-	import { onDestroy } from 'svelte';
+	import { onMount, onDestroy } from 'svelte';
 	import type { UserProfile } from '../types/auth.js';
 	import type { Auth } from 'firebase/auth';
 	import type { Snippet } from 'svelte';
@@ -42,29 +42,37 @@
 		verificationChecks?: ((user: UserProfile, auth: Auth) => boolean | Promise<boolean>)[];
 	} = $props();
 
-	// Get Firebase Auth instance
-	const auth = firebaseService.getAuthInstance();
-	if (!auth) {
-		throw new Error('Firebase Auth instance not available');
-	}
-
-	// Reactive auth state
+	// Try to get Firebase Auth from context first, fallback to service
+	let auth: Auth | null = $state(null);
+	let unsubscribe: (() => void) | null = null;
 	let authState = $state(firekitAuth.getState());
 	let verificationPassed = $state(true);
 	let isVerifying = $state(false);
 
-	// Subscribe to auth state changes
-	const unsubscribe = firekitAuth.onAuthStateChanged((state) => {
-		authState = state;
-	});
-
 	// Sign out function
 	async function signOut() {
 		await firekitAuth.signOut();
 	}
 
+	// Check verification functions
+	async function runVerificationChecks(): Promise<boolean> {
+		if (!auth || !authState.user || verificationChecks.length === 0) {
+			return true;
+		}
+
+		try {
+			const results = await Promise.all(
+				verificationChecks.map((check) => check(authState.user!, auth!))
+			);
+			return results.every((result) => result === true);
+		} catch (error) {
+			console.error('Verification check failed:', error);
+			return false;
+		}
+	}
+
 	// Check if current auth state and verification checks pass
-	$effect(() => {
+	async function checkAccess() {
 		if (authState.loading) return;
 
 		const isAuthenticated = firekitAuth.isAuthenticated();
@@ -78,29 +86,62 @@
 		// If authenticated and verification checks exist, run them
 		if (isAuthenticated && verificationChecks.length > 0) {
 			isVerifying = true;
-			Promise.all(verificationChecks.map((check) => check(authState.user!, auth)))
-				.then((results) => {
-					verificationPassed = results.every((result) => result === true);
-					if (!verificationPassed) {
-						goto(redirectTo);
-					}
-				})
-				.catch((error) => {
-					console.error('Verification check failed:', error);
-					verificationPassed = false;
+			try {
+				verificationPassed = await runVerificationChecks();
+				if (!verificationPassed) {
 					goto(redirectTo);
-				})
-				.finally(() => {
-					isVerifying = false;
-				});
+				}
+			} finally {
+				isVerifying = false;
+			}
 		} else {
 			verificationPassed = true;
 		}
+	}
+
+	onMount(async () => {
+		try {
+			// Try to get auth from context first
+			auth = getContext<Auth>('firebase/auth');
+
+			// If context doesn't exist, get from service
+			if (!auth) {
+				console.warn('Firebase Auth not found in context, using service directly');
+				const { firebaseService } = await import('../firebase.js');
+				auth = firebaseService.getAuthInstance();
+			}
+
+			if (!auth) {
+				throw new Error('Firebase Auth instance not available');
+			}
+
+			// Subscribe to auth state changes
+			unsubscribe = firekitAuth.onAuthStateChanged((state) => {
+				authState = state;
+			});
+
+			// Initial access check
+			await checkAccess();
+		} catch (error) {
+			console.error('Failed to initialize CustomGuard:', error);
+			authState = {
+				user: null,
+				loading: false,
+				initialized: true
+			};
+		}
+	});
+
+	// Watch for auth state changes
+	$effect(() => {
+		checkAccess();
 	});
 
 	// Cleanup subscription on component destruction
 	onDestroy(() => {
-		unsubscribe();
+		if (unsubscribe) {
+			unsubscribe();
+		}
 	});
 </script>
 
@@ -117,6 +158,6 @@
 			</div>
 		</div>
 	{/if}
-{:else if firekitAuth.isAuthenticated() === requireAuth && verificationPassed}
+{:else if auth && firekitAuth.isAuthenticated() === requireAuth && verificationPassed}
 	{@render children(authState.user!, auth, signOut)}
 {/if}

package/dist/firebase.js

@@ -129,9 +129,21 @@ class FirebaseService {
      */
     getDbInstance() {
         if (!this.db) {
-            this.getFirebaseApp();
-            if (!this.db) {
-                throw new FirebaseServiceError('Firestore instance not available', 'firestore');
+            try {
+                this.getFirebaseApp();
+                if (!this.db) {
+                    // If we're not in a browser environment, Firestore won't be available
+                    if (!this.isBrowser) {
+                        throw new FirebaseServiceError('Firestore is not available in server environment', 'firestore');
+                    }
+                    throw new FirebaseServiceError('Firestore instance not available', 'firestore');
+                }
+            }
+            catch (error) {
+                if (error instanceof FirebaseServiceError) {
+                    throw error;
+                }
+                throw new FirebaseServiceError('Failed to initialize Firestore', 'firestore');
             }
         }
         return this.db;

package/dist/services/auth.js

@@ -65,7 +65,14 @@ class FirekitAuth {
             return;
         try {
             this.auth = firebaseService.getAuthInstance();
-            this.firestore = firebaseService.getDbInstance();
+            // Try to get Firestore instance, but don't fail if it's not available
+            try {
+                this.firestore = firebaseService.getDbInstance();
+            }
+            catch (firestoreError) {
+                console.warn('Firestore not available, continuing without Firestore integration:', firestoreError);
+                this.firestore = null;
+            }
             this._servicesInitialized = true;
             this.initializeAuthStateListener();
         }
@@ -125,7 +132,8 @@ class FirekitAuth {
      */
     async updateUserInFirestore(user) {
         if (!this.firestore) {
-            throw new Error('Firestore instance not available');
+            console.warn('Firestore not available, skipping user update in Firestore');
+            return;
         }
         await updateUserInFirestore(this.firestore, user);
     }
@@ -735,13 +743,15 @@ class FirekitAuth {
             if (currentPassword) {
                 await this.reauthenticateUser(currentPassword);
             }
-            // Delete user data from Firestore first
-            try {
-                const userRef = doc(this.firestore, 'users', user.uid);
-                await setDoc(userRef, { deleted: true, deletedAt: serverTimestamp() }, { merge: true });
-            }
-            catch (firestoreError) {
-                console.warn('Failed to update Firestore before account deletion:', firestoreError);
+            // Delete user data from Firestore first (if available)
+            if (this.firestore) {
+                try {
+                    const userRef = doc(this.firestore, 'users', user.uid);
+                    await setDoc(userRef, { deleted: true, deletedAt: serverTimestamp() }, { merge: true });
+                }
+                catch (firestoreError) {
+                    console.warn('Failed to update Firestore before account deletion:', firestoreError);
+                }
             }
             // Delete the user account
             await deleteUser(user);

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "svelte-firekit",
-	"version": "0.1.1",
+	"version": "0.1.3",
 	"license": "MIT",
 	"scripts": {
 		"dev": "vite dev",
@@ -62,4 +62,4 @@
 	"dependencies": {
 		"firebase": "^11.9.1"
 	}
-}
+}