svelte-firekit 0.1.4 → 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/package.json

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