svelte-firekit 0.1.3 → 0.1.5

package/dist/components/Collection.svelte

@@ -57,7 +57,7 @@
 		count: startWith?.length ?? 0
 	});
 
-	// Subscribe to collection changes only if in browser and collection service exists
+	// Initialize Firestore and collection service
 	$effect(() => {
 		if (!browser) {
 			collectionState = {
@@ -69,7 +69,7 @@
 			return;
 		}
 
-		// Initialize Firestore and collection service
+		// Initialize Firestore
 		firestore = firebaseService.getDbInstance();
 		if (!firestore) {
 			collectionState = {
@@ -86,18 +86,8 @@
 			typeof ref === 'string' ? collection(firestore, ref) : (ref as CollectionReference | Query);
 
 		// Create collection service
-		collectionService = firekitCollection(
-			typeof ref === 'string' ? ref : (ref as CollectionReference).path,
-			queryConstraints
-		);
-
-		// Update state based on collection service state
-		collectionState = {
-			loading: collectionService.loading,
-			data: collectionService.data,
-			error: collectionService.error,
-			count: collectionService.size
-		};
+		const path = typeof ref === 'string' ? ref : (ref as CollectionReference).path;
+		collectionService = firekitCollection(path, queryConstraints);
 
 		// Set up event listener for real-time updates
 		const unsubscribe = collectionService.addEventListener((event) => {
@@ -128,6 +118,14 @@
 			}
 		});
 
+		// Set initial state from service
+		collectionState = {
+			loading: collectionService.loading,
+			data: collectionService.data,
+			error: collectionService.error,
+			count: collectionService.size
+		};
+
 		return () => {
 			unsubscribe();
 			collectionService?.dispose();

package/dist/components/{Ddoc.svelte → Doc.svelte}

@@ -45,48 +45,21 @@
 	let docRef: DocumentReference | null = $state(null);
 	let documentService: any = $state(null);
 
-	// Reactive document state
-	let componentState = $state({
-		loading: true,
-		data: null as DocumentData | null,
-		error: null as Error | null,
-		exists: false
-	});
-
-	// Initialize in browser environment
+	// Initialize document service
 	$effect(() => {
 		if (!browser) return;
 
 		firestore = firebaseService.getDbInstance();
-		if (!firestore) {
-			throw new Error('Firestore instance not available');
-		}
+		if (!firestore) return;
 
 		// Create document reference if path string is provided
 		docRef = typeof ref === 'string' ? doc(firestore, ref) : ref;
 
 		// Create document service
 		documentService = firekitDoc(docRef.path, startWith ?? undefined, options);
-	});
-
-	// Subscribe to document changes only if in browser and document service exists
-	$effect(() => {
-		if (!browser || !documentService) {
-			componentState = {
-				loading: false,
-				data: startWith ?? null,
-				error: null,
-				exists: !!startWith
-			};
-			return;
-		}
 
-		// Update component state based on document service state
-		componentState = {
-			loading: documentService.loading,
-			data: documentService.data,
-			error: documentService.error,
-			exists: documentService.exists
+		return () => {
+			documentService?.dispose();
 		};
 	});
 
@@ -100,7 +73,25 @@
 
 {#if !browser}
 	{@render children(startWith ?? null, null as any, null as any)}
-{:else if componentState.loading}
+{:else if !firestore}
+	<div class="flex items-center justify-center min-h-screen">
+		<div class="text-center">
+			<div class="text-red-500 text-lg font-semibold mb-2">Firestore Not Available</div>
+			<p class="text-gray-600">Firestore instance is not available.</p>
+		</div>
+	</div>
+{:else if !documentService}
+	{#if loading}
+		{@render loading()}
+	{:else}
+		<div class="flex items-center justify-center min-h-screen">
+			<div class="text-center">
+				<div class="animate-spin rounded-full h-8 w-8 border-b-2 border-gray-900 mx-auto"></div>
+				<p class="mt-2 text-gray-600">Initializing document...</p>
+			</div>
+		</div>
+	{/if}
+{:else if documentService.loading}
 	{#if loading}
 		{@render loading()}
 	{:else}
@@ -111,15 +102,15 @@
 			</div>
 		</div>
 	{/if}
-{:else if componentState.error}
+{:else if documentService.error}
 	<div class="flex items-center justify-center min-h-screen">
 		<div class="text-center">
 			<div class="text-red-500 text-lg font-semibold mb-2">Error Loading Document</div>
-			<p class="text-gray-600 mb-4">{componentState.error.message}</p>
-			{#if documentService?.canRefresh}
+			<p class="text-gray-600 mb-4">{documentService.error.message}</p>
+			{#if documentService.canRefresh}
 				<button
 					class="px-4 py-2 bg-blue-500 text-white rounded hover:bg-blue-600"
-					onclick={() => documentService?.refresh()}
+					onclick={() => documentService.refresh()}
 				>
 					Retry
 				</button>
@@ -127,5 +118,5 @@
 		</div>
 	</div>
 {:else}
-	{@render children(componentState.data ?? null, docRef!, firestore!)}
+	{@render children(documentService.data ?? null, docRef!, firestore!)}
 {/if}

package/dist/components/{Ddoc.svelte.d.ts → Doc.svelte.d.ts}

@@ -23,6 +23,6 @@ type $$ComponentProps = {
      */
     options?: DocumentOptions;
 };
-declare const Ddoc: import("svelte").Component<$$ComponentProps, {}, "">;
-type Ddoc = ReturnType<typeof Ddoc>;
-export default Ddoc;
+declare const Doc: import("svelte").Component<$$ComponentProps, {}, "">;
+type Doc = ReturnType<typeof Doc>;
+export default Doc;

package/dist/components/upload-task.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-	import { ref, type StorageReference, type UploadTaskSnapshot } from 'firebase/storage';
+	import { type UploadTaskSnapshot } from 'firebase/storage';
 	import { firebaseService } from '../firebase.js';
 	import { firekitUploadTask } from '../services/storage.svelte.js';
 	import { browser } from '$app/environment';

package/dist/index.d.ts

@@ -14,7 +14,7 @@ export { default as AuthGuard } from './components/auth-guard.svelte';
 export { default as CustomGuard } from './components/custom-guard.svelte';
 export { default as SignedIn } from './components/signed-in.svelte';
 export { default as SignedOut } from './components/signed-out.svelte';
-export { default as Doc } from './components/Ddoc.svelte';
+export { default as Doc } from './components/Doc.svelte';
 export { default as Collection } from './components/Collection.svelte';
 export { default as Node } from './components/Node.svelte';
 export { default as NodeList } from './components/node-list.svelte';

package/dist/index.js

@@ -23,7 +23,7 @@ export { default as AuthGuard } from './components/auth-guard.svelte';
 export { default as CustomGuard } from './components/custom-guard.svelte';
 export { default as SignedIn } from './components/signed-in.svelte';
 export { default as SignedOut } from './components/signed-out.svelte';
-export { default as Doc } from './components/Ddoc.svelte';
+export { default as Doc } from './components/Doc.svelte';
 export { default as Collection } from './components/Collection.svelte';
 export { default as Node } from './components/Node.svelte';
 export { default as NodeList } from './components/node-list.svelte';

package/dist/services/auth.js

@@ -43,8 +43,10 @@ class FirekitAuth {
     stateListeners = new Set();
     recaptchaVerifiers = new Map();
     constructor() {
-        // Don't initialize Firebase services in constructor
-        // They will be initialized lazily when needed
+        if (typeof window !== 'undefined') {
+            // Initialize Firebase services immediately like the old working code
+            this.initializeServices();
+        }
     }
     /**
      * Gets singleton instance of FirekitAuth
@@ -149,7 +151,6 @@ class FirekitAuth {
      * @returns {AuthState} Current authentication state
      */
     getState() {
-        this.initializeServices();
         return { ...this.authState };
     }
     /**
@@ -157,7 +158,6 @@ class FirekitAuth {
      * @returns {User | null} Current Firebase user or null
      */
     getCurrentUser() {
-        this.initializeServices();
         return this.auth?.currentUser ?? null;
     }
     /**
@@ -165,7 +165,6 @@ class FirekitAuth {
      * @returns {UserProfile | null} Current user profile or null
      */
     getCurrentUserProfile() {
-        this.initializeServices();
         return this.authState.user;
     }
     /**
@@ -173,7 +172,6 @@ class FirekitAuth {
      * @returns {Promise<UserProfile | null>} Promise that resolves when auth is initialized
      */
     async waitForAuth() {
-        this.initializeServices();
         return new Promise((resolve) => {
             if (this.authState.initialized) {
                 resolve(this.authState.user);
@@ -193,7 +191,6 @@ class FirekitAuth {
      * @returns {Function} Unsubscribe function
      */
     onAuthStateChanged(callback) {
-        this.initializeServices();
         this.stateListeners.add(callback);
         // Immediately call with current state
         callback(this.authState);
@@ -222,7 +219,6 @@ class FirekitAuth {
      * ```
      */
     async signInWithEmail(email, password) {
-        this.initializeServices();
         if (!this.auth) {
             throw new Error('Auth instance not available');
         }
@@ -259,7 +255,6 @@ class FirekitAuth {
      * ```
      */
     async signInWithGoogle() {
-        this.initializeServices();
         if (!this.auth) {
             throw new Error('Auth instance not available');
         }
@@ -285,7 +280,6 @@ class FirekitAuth {
      * @throws {FirekitAuthError} If sign-in fails
      */
     async signInWithFacebook() {
-        this.initializeServices();
         if (!this.auth) {
             throw new Error('Auth instance not available');
         }
@@ -311,7 +305,6 @@ class FirekitAuth {
      * @throws {FirekitAuthError} If sign-in fails
      */
     async signInWithApple() {
-        this.initializeServices();
         if (!this.auth) {
             throw new Error('Auth instance not available');
         }
@@ -343,7 +336,6 @@ class FirekitAuth {
      * ```
      */
     async signInAnonymously() {
-        this.initializeServices();
         if (!this.auth) {
             throw new Error('Auth instance not available');
         }
@@ -376,7 +368,6 @@ class FirekitAuth {
      * ```
      */
     async signInWithPhoneNumber(phoneNumber, recaptchaContainerId) {
-        this.initializeServices();
         if (!this.auth) {
             throw new Error('Auth instance not available');
         }
@@ -450,7 +441,6 @@ class FirekitAuth {
      * ```
      */
     async registerWithEmail(email, password, displayName, sendVerification = true) {
-        this.initializeServices();
         if (!this.auth) {
             throw new Error('Auth instance not available');
         }
@@ -494,7 +484,6 @@ class FirekitAuth {
      * ```
      */
     async sendPasswordReset(email) {
-        this.initializeServices();
         if (!this.auth) {
             throw new Error('Auth instance not available');
         }
@@ -513,7 +502,6 @@ class FirekitAuth {
      * @throws {FirekitAuthError} If reset fails
      */
     async confirmPasswordReset(code, newPassword) {
-        this.initializeServices();
         if (!this.auth) {
             throw new Error('Auth instance not available');
         }
@@ -541,7 +529,6 @@ class FirekitAuth {
      * ```
      */
     async updatePassword(newPassword, currentPassword) {
-        this.initializeServices();
         if (!this.auth?.currentUser) {
             return {
                 success: false,
@@ -593,7 +580,6 @@ class FirekitAuth {
      * ```
      */
     async updateUserProfile(profile) {
-        this.initializeServices();
         if (!this.auth?.currentUser) {
             throw new FirekitAuthError('auth/no-current-user', 'No authenticated user found.');
         }
@@ -617,7 +603,6 @@ class FirekitAuth {
      * ```
      */
     async updateEmail(newEmail) {
-        this.initializeServices();
         if (!this.auth?.currentUser) {
             throw new FirekitAuthError('auth/no-current-user', 'No authenticated user found.');
         }
@@ -640,7 +625,6 @@ class FirekitAuth {
      * ```
      */
     async sendEmailVerification() {
-        this.initializeServices();
         if (!this.auth?.currentUser) {
             throw new FirekitAuthError('auth/no-current-user', 'No authenticated user found.');
         }
@@ -662,7 +646,6 @@ class FirekitAuth {
      * ```
      */
     async reloadUser() {
-        this.initializeServices();
         if (!this.auth?.currentUser) {
             throw new FirekitAuthError('auth/no-current-user', 'No authenticated user found.');
         }
@@ -686,7 +669,6 @@ class FirekitAuth {
      * ```
      */
     async getIdToken(forceRefresh = false) {
-        this.initializeServices();
         if (!this.auth?.currentUser) {
             throw new FirekitAuthError('auth/no-current-user', 'No authenticated user found.');
         }
@@ -702,7 +684,6 @@ class FirekitAuth {
      * @private
      */
     async reauthenticateUser(currentPassword) {
-        this.initializeServices();
         if (!this.auth?.currentUser || !this.auth.currentUser.email) {
             throw new FirekitAuthError('auth/no-current-user', 'No authenticated user with email found.');
         }
@@ -730,7 +711,6 @@ class FirekitAuth {
      * ```
      */
     async deleteAccount(currentPassword) {
-        this.initializeServices();
         if (!this.auth?.currentUser) {
             return {
                 success: false,
@@ -779,7 +759,6 @@ class FirekitAuth {
      * ```
      */
     async signOut() {
-        this.initializeServices();
         if (!this.auth) {
             throw new Error('Auth instance not available');
         }
@@ -801,7 +780,6 @@ class FirekitAuth {
      * @returns {boolean} True if user is authenticated
      */
     isAuthenticated() {
-        this.initializeServices();
         return this.authState.user !== null && !this.authState.user.isAnonymous;
     }
     /**
@@ -809,7 +787,6 @@ class FirekitAuth {
      * @returns {boolean} True if user is anonymous
      */
     isAnonymous() {
-        this.initializeServices();
         return this.authState.user?.isAnonymous ?? false;
     }
     /**
@@ -817,7 +794,6 @@ class FirekitAuth {
      * @returns {boolean} True if email is verified
      */
     isEmailVerified() {
-        this.initializeServices();
         return this.authState.user?.emailVerified ?? false;
     }
     /**
@@ -825,7 +801,6 @@ class FirekitAuth {
      * @returns {string | null} User's email or null
      */
     getUserEmail() {
-        this.initializeServices();
         return this.authState.user?.email ?? null;
     }
     /**
@@ -833,7 +808,6 @@ class FirekitAuth {
      * @returns {string | null} User's display name or null
      */
     getUserDisplayName() {
-        this.initializeServices();
         return this.authState.user?.displayName ?? null;
     }
     /**
@@ -841,7 +815,6 @@ class FirekitAuth {
      * @returns {string | null} User's photo URL or null
      */
     getUserPhotoURL() {
-        this.initializeServices();
         return this.authState.user?.photoURL ?? null;
     }
     /**
@@ -849,7 +822,6 @@ class FirekitAuth {
      * @returns {string | null} User's UID or null
      */
     getUserId() {
-        this.initializeServices();
         return this.authState.user?.uid ?? null;
     }
     /**
@@ -857,7 +829,6 @@ class FirekitAuth {
      * @returns {Promise<void>} Promise that resolves when cleanup completes
      */
     async cleanup() {
-        this.initializeServices();
         // Clear reCAPTCHA verifiers
         this.recaptchaVerifiers.forEach((verifier) => verifier.clear());
         this.recaptchaVerifiers.clear();

package/dist/services/user.svelte.js

@@ -65,8 +65,10 @@ class FirekitUserStore {
     /** Derived: User's phone number */
     _userPhoneNumber = $derived(this._user?.phoneNumber ?? null);
     constructor() {
-        // Don't initialize Firebase services in constructor
-        // They will be initialized lazily when needed
+        if (typeof window !== 'undefined') {
+            // Initialize Firebase services immediately like the old working code
+            this.initializeServices();
+        }
     }
     /**
      * Gets singleton instance of FirekitUserStore
@@ -141,62 +143,50 @@ class FirekitUserStore {
     // ========================================
     /** Current user profile */
     get user() {
-        this.initializeServices();
         return this._user;
     }
     /** Current loading state */
     get loading() {
-        this.initializeServices();
         return this._loading;
     }
     /** Whether auth has been initialized */
     get initialized() {
-        this.initializeServices();
         return this._initialized;
     }
     /** Current error state */
     get error() {
-        this.initializeServices();
         return this._error;
     }
     /** Whether user is authenticated (not anonymous) */
     get isAuthenticated() {
-        this.initializeServices();
         return this._isAuthenticated;
     }
     /** Whether user is anonymous */
     get isAnonymous() {
-        this.initializeServices();
         return this._isAnonymous;
     }
     /** Whether user's email is verified */
     get isEmailVerified() {
-        this.initializeServices();
         return this._isEmailVerified;
     }
     /** User's email address */
     get email() {
-        this.initializeServices();
         return this._userEmail;
     }
     /** User's display name */
     get displayName() {
-        this.initializeServices();
         return this._userDisplayName;
     }
     /** User's photo URL */
     get photoURL() {
-        this.initializeServices();
         return this._userPhotoURL;
     }
     /** User's unique ID */
     get uid() {
-        this.initializeServices();
         return this._userId;
     }
     /** User's phone number */
     get phoneNumber() {
-        this.initializeServices();
         return this._userPhoneNumber;
     }
     // ========================================
@@ -214,7 +204,6 @@ class FirekitUserStore {
      * ```
      */
     async updateDisplayName(displayName) {
-        this.initializeServices();
         if (!this.auth) {
             throw new Error('Auth instance not available');
         }
@@ -248,7 +237,6 @@ class FirekitUserStore {
      * ```
      */
     async updatePhotoURL(photoURL) {
-        this.initializeServices();
         if (!this.auth) {
             throw new Error('Auth instance not available');
         }
@@ -285,7 +273,6 @@ class FirekitUserStore {
      * ```
      */
     async updateProfile(profileData) {
-        this.initializeServices();
         if (!this.auth) {
             throw new Error('Auth instance not available');
         }
@@ -323,7 +310,6 @@ class FirekitUserStore {
      * ```
      */
     async updateEmail(newEmail) {
-        this.initializeServices();
         if (!this.auth) {
             throw new Error('Auth instance not available');
         }
@@ -357,7 +343,6 @@ class FirekitUserStore {
      * ```
      */
     async updatePassword(newPassword) {
-        this.initializeServices();
         if (!this.auth) {
             throw new Error('Auth instance not available');
         }
@@ -388,7 +373,6 @@ class FirekitUserStore {
      * ```
      */
     async sendEmailVerification() {
-        this.initializeServices();
         if (!this.auth) {
             throw new Error('Auth instance not available');
         }
@@ -412,7 +396,6 @@ class FirekitUserStore {
      * ```
      */
     async reloadUser() {
-        this.initializeServices();
         if (!this.auth) {
             throw new Error('Auth instance not available');
         }
@@ -447,7 +430,6 @@ class FirekitUserStore {
      * ```
      */
     async getIdToken(forceRefresh = false) {
-        this.initializeServices();
         if (!this.auth) {
             throw new Error('Auth instance not available');
         }
@@ -474,7 +456,6 @@ class FirekitUserStore {
      * ```
      */
     async getExtendedUserData() {
-        this.initializeServices();
         if (!this._user?.uid || !this.firestore) {
             return null;
         }
@@ -506,7 +487,6 @@ class FirekitUserStore {
      * ```
      */
     async updateExtendedUserData(data) {
-        this.initializeServices();
         if (!this._user?.uid) {
             throw new FirekitAuthError(AuthErrorCode.USER_NOT_FOUND, 'No authenticated user found.');
         }
@@ -541,7 +521,6 @@ class FirekitUserStore {
      * ```
      */
     async waitForAuth() {
-        this.initializeServices();
         return new Promise((resolve) => {
             if (this._initialized) {
                 resolve(this._user);

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "svelte-firekit",
-	"version": "0.1.3",
+	"version": "0.1.5",
 	"license": "MIT",
 	"scripts": {
 		"dev": "vite dev",