svelte-firekit 0.1.9 → 0.2.0

package/dist/components/firekit/Node.svelte.d.ts

@@ -1,23 +0,0 @@
-import { type DatabaseReference, type Database } from 'firebase/database';
-import type { Snippet } from 'svelte';
-type $$ComponentProps = {
-    /**
-     * Database reference path string (e.g. 'users/123')
-     */
-    path: string;
-    /**
-     * Initial value to use before node is fetched
-     */
-    startWith?: any;
-    /**
-     * Content to render when node is loaded
-     */
-    children: Snippet<[any, DatabaseReference, Database]>;
-    /**
-     * Content to render while loading
-     */
-    loading?: Snippet<[]>;
-};
-declare const Node: import("svelte").Component<$$ComponentProps, {}, "">;
-type Node = ReturnType<typeof Node>;
-export default Node;

package/dist/components/firekit/auth-guard.svelte

@@ -1,120 +0,0 @@
-<script lang="ts">
-	import { firekitAuth } from '../../services/auth.js';
-	import { getContext } from 'svelte';
-	import { goto } from '$app/navigation';
-	import { onMount, onDestroy } from 'svelte';
-	import type { UserProfile } from '../../types/auth.js';
-	import type { Auth } from 'firebase/auth';
-	import type { Snippet } from 'svelte';
-
-	/**
-	 * Props for AuthGuard component
-	 */
-	let {
-		children,
-		requireAuth = true,
-		redirectTo = '/',
-		fallback
-	}: {
-		/**
-		 * Children content to render when auth state matches requirements
-		 */
-		children: Snippet<[UserProfile, Auth, () => Promise<void>]>;
-		/**
-		 * Whether authentication is required to view the content
-		 * @default true
-		 */
-		requireAuth?: boolean;
-		/**
-		 * Path to redirect to if auth state doesn't match requirements
-		 * @default '/'
-		 */
-		redirectTo?: string;
-		/**
-		 * Fallback content to show while checking auth state
-		 */
-		fallback?: Snippet<[]>;
-	} = $props();
-
-	// 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());
-
-	// 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
-	function checkAuthState() {
-		if (authState.loading) return;
-
-		const isAuthenticated = firekitAuth.isAuthenticated();
-		const shouldRedirect = requireAuth ? !isAuthenticated : isAuthenticated;
-
-		if (shouldRedirect) {
-			goto(redirectTo);
-		}
-	}
-
-	// Watch for auth state changes
-	$effect(() => {
-		checkAuthState();
-	});
-
-	// Cleanup subscription on component destruction
-	onDestroy(() => {
-		if (unsubscribe) {
-			unsubscribe();
-		}
-	});
-</script>
-
-{#if authState.loading}
-	{#if fallback}
-		{@render fallback()}
-	{:else}
-		<div class="flex min-h-screen items-center justify-center">
-			<div class="text-center">
-				<div class="mx-auto h-8 w-8 animate-spin rounded-full border-b-2 border-gray-900"></div>
-				<p class="mt-2 text-gray-600">Loading...</p>
-			</div>
-		</div>
-	{/if}
-{:else if auth && firekitAuth.isAuthenticated() === requireAuth}
-	{@render children(authState.user!, auth, signOut)}
-{/if}

package/dist/components/firekit/auth-guard.svelte.d.ts

@@ -1,26 +0,0 @@
-import type { UserProfile } from '../../types/auth.js';
-import type { Auth } from 'firebase/auth';
-import type { Snippet } from 'svelte';
-type $$ComponentProps = {
-    /**
-     * Children content to render when auth state matches requirements
-     */
-    children: Snippet<[UserProfile, Auth, () => Promise<void>]>;
-    /**
-     * Whether authentication is required to view the content
-     * @default true
-     */
-    requireAuth?: boolean;
-    /**
-     * Path to redirect to if auth state doesn't match requirements
-     * @default '/'
-     */
-    redirectTo?: string;
-    /**
-     * Fallback content to show while checking auth state
-     */
-    fallback?: Snippet<[]>;
-};
-declare const AuthGuard: import("svelte").Component<$$ComponentProps, {}, "">;
-type AuthGuard = ReturnType<typeof AuthGuard>;
-export default AuthGuard;

package/dist/components/firekit/custom-guard.svelte

@@ -1,163 +0,0 @@
-<script lang="ts">
-	import { firekitAuth } from '../../services/auth.js';
-	import { getContext } from 'svelte';
-	import { goto } from '$app/navigation';
-	import { onMount, onDestroy } from 'svelte';
-	import type { UserProfile } from '../../types/auth.js';
-	import type { Auth } from 'firebase/auth';
-	import type { Snippet } from 'svelte';
-
-	/**
-	 * Props for CustomGuard component
-	 */
-	let {
-		children,
-		requireAuth = true,
-		redirectTo = '/',
-		fallback,
-		verificationChecks = []
-	}: {
-		/**
-		 * Children content to render when all checks pass
-		 */
-		children: Snippet<[UserProfile, Auth, () => Promise<void>]>;
-		/**
-		 * Whether authentication is required to view the content
-		 * @default true
-		 */
-		requireAuth?: boolean;
-		/**
-		 * Path to redirect to if checks fail
-		 * @default '/'
-		 */
-		redirectTo?: string;
-		/**
-		 * Fallback content to show while checking auth state
-		 */
-		fallback?: Snippet<[]>;
-		/**
-		 * Array of verification functions that must return true to allow access
-		 * Each function receives the user profile and auth instance
-		 */
-		verificationChecks?: ((user: UserProfile, auth: Auth) => boolean | Promise<boolean>)[];
-	} = $props();
-
-	// 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);
-
-	// 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
-	async function checkAccess() {
-		if (authState.loading) return;
-
-		const isAuthenticated = firekitAuth.isAuthenticated();
-		const shouldRedirect = requireAuth ? !isAuthenticated : isAuthenticated;
-
-		if (shouldRedirect) {
-			goto(redirectTo);
-			return;
-		}
-
-		// If authenticated and verification checks exist, run them
-		if (isAuthenticated && verificationChecks.length > 0) {
-			isVerifying = true;
-			try {
-				verificationPassed = await runVerificationChecks();
-				if (!verificationPassed) {
-					goto(redirectTo);
-				}
-			} 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(() => {
-		if (unsubscribe) {
-			unsubscribe();
-		}
-	});
-</script>
-
-{#if authState.loading || isVerifying}
-	{#if fallback}
-		{@render fallback()}
-	{:else}
-		<div class="flex min-h-screen items-center justify-center">
-			<div class="text-center">
-				<div class="mx-auto h-8 w-8 animate-spin rounded-full border-b-2 border-gray-900"></div>
-				<p class="mt-2 text-gray-600">
-					{isVerifying ? 'Verifying access...' : 'Loading...'}
-				</p>
-			</div>
-		</div>
-	{/if}
-{:else if auth && firekitAuth.isAuthenticated() === requireAuth && verificationPassed}
-	{@render children(authState.user!, auth, signOut)}
-{/if}

package/dist/components/firekit/custom-guard.svelte.d.ts

@@ -1,31 +0,0 @@
-import type { UserProfile } from '../../types/auth.js';
-import type { Auth } from 'firebase/auth';
-import type { Snippet } from 'svelte';
-type $$ComponentProps = {
-    /**
-     * Children content to render when all checks pass
-     */
-    children: Snippet<[UserProfile, Auth, () => Promise<void>]>;
-    /**
-     * Whether authentication is required to view the content
-     * @default true
-     */
-    requireAuth?: boolean;
-    /**
-     * Path to redirect to if checks fail
-     * @default '/'
-     */
-    redirectTo?: string;
-    /**
-     * Fallback content to show while checking auth state
-     */
-    fallback?: Snippet<[]>;
-    /**
-     * Array of verification functions that must return true to allow access
-     * Each function receives the user profile and auth instance
-     */
-    verificationChecks?: ((user: UserProfile, auth: Auth) => boolean | Promise<boolean>)[];
-};
-declare const CustomGuard: import("svelte").Component<$$ComponentProps, {}, "">;
-type CustomGuard = ReturnType<typeof CustomGuard>;
-export default CustomGuard;

package/dist/components/firekit/download-url.svelte

@@ -1,92 +0,0 @@
-<script lang="ts">
-	import { ref, type StorageReference } from 'firebase/storage';
-	import { firebaseService } from '../../firebase.js';
-	import { firekitDownloadUrl } from '../../services/storage.svelte.js';
-	import { browser } from '$app/environment';
-	import type { Snippet } from 'svelte';
-
-	/**
-	 * Props for DownloadURL component
-	 */
-	let {
-		ref: path,
-		children,
-		loading
-	}: {
-		/**
-		 * Storage reference path string (e.g. 'images/pic.png')
-		 */
-		ref: string;
-		/**
-		 * Content to render when URL is loaded
-		 */
-		children: Snippet<[string, StorageReference, any]>;
-		/**
-		 * Content to render while loading
-		 */
-		loading?: Snippet<[]>;
-	} = $props();
-
-	// Get Storage instance and create references
-	let storage: any = $state(null);
-	let storageRef: StorageReference | null = $state(null);
-	let downloadUrlService: ReturnType<typeof firekitDownloadUrl> | null = $state(null);
-
-	// Track URL state
-	let urlState = $state({
-		loading: true,
-		url: null as string | null,
-		error: null as Error | null
-	});
-
-	// Subscribe to URL changes
-	$effect(() => {
-		if (!browser) {
-			urlState = {
-				loading: false,
-				url: null,
-				error: new Error('Storage not available in SSR')
-			};
-			return;
-		}
-
-		// Initialize storage and service
-		storage = firebaseService.getStorageInstance();
-		if (!storage) {
-			urlState = {
-				loading: false,
-				url: null,
-				error: new Error('Storage instance not available')
-			};
-			return;
-		}
-
-		// Create storage reference
-		storageRef = ref(storage, path);
-
-		// Create download URL service
-		downloadUrlService = firekitDownloadUrl(path);
-
-		// The service state is reactive, so we can directly access it
-		// The effect will re-run when the service state changes
-		urlState = {
-			loading: downloadUrlService.loading,
-			url: downloadUrlService.url,
-			error: downloadUrlService.error
-		};
-	});
-</script>
-
-{#if !browser}
-	<div>Storage not available in SSR</div>
-{:else if urlState.loading}
-	{#if loading}
-		{@render loading()}
-	{:else}
-		<div>Loading...</div>
-	{/if}
-{:else if urlState.error}
-	<div class="error">Error: {urlState.error.message}</div>
-{:else if urlState.url}
-	{@render children(urlState.url, storageRef!, storage)}
-{/if}

package/dist/components/firekit/download-url.svelte.d.ts

@@ -1,19 +0,0 @@
-import { type StorageReference } from 'firebase/storage';
-import type { Snippet } from 'svelte';
-type $$ComponentProps = {
-    /**
-     * Storage reference path string (e.g. 'images/pic.png')
-     */
-    ref: string;
-    /**
-     * Content to render when URL is loaded
-     */
-    children: Snippet<[string, StorageReference, any]>;
-    /**
-     * Content to render while loading
-     */
-    loading?: Snippet<[]>;
-};
-declare const DownloadUrl: import("svelte").Component<$$ComponentProps, {}, "">;
-type DownloadUrl = ReturnType<typeof DownloadUrl>;
-export default DownloadUrl;

package/dist/components/firekit/firebase-app.svelte

@@ -1,33 +0,0 @@
-<script lang="ts">
-	import { setContext } from 'svelte';
-	import type { Snippet } from 'svelte';
-	import { browser } from '$app/environment';
-	import { firebaseService } from '../../firebase.js';
-
-	/**
-	 * Props for FirebaseApp component
-	 */
-	let { children }: { children: Snippet } = $props();
-
-	// Only initialize Firebase in the browser
-	if (browser) {
-		// Get Firebase app instance from service
-		const app = firebaseService.getFirebaseApp();
-		const auth = firebaseService.getAuthInstance();
-		const firestore = firebaseService.getDbInstance();
-		const storage = firebaseService.getStorageInstance();
-		const rtdb = firebaseService.getDatabaseInstance();
-		const analytics = firebaseService.getAnalyticsInstance();
-		const functions = firebaseService.getFunctionsInstance();
-		// Set Firebase instances in context
-		setContext('firebase/app', app);
-		setContext('firebase/auth', auth);
-		setContext('firebase/firestore', firestore);
-		setContext('firebase/storage', storage);
-		setContext('firebase/rtdb', rtdb);
-		setContext('firebase/analytics', analytics);
-		setContext('firebase/functions', functions);
-	}
-</script>
-
-{@render children()}

package/dist/components/firekit/firebase-app.svelte.d.ts

@@ -1,7 +0,0 @@
-import type { Snippet } from 'svelte';
-type $$ComponentProps = {
-    children: Snippet;
-};
-declare const FirebaseApp: import("svelte").Component<$$ComponentProps, {}, "">;
-type FirebaseApp = ReturnType<typeof FirebaseApp>;
-export default FirebaseApp;

package/dist/components/firekit/node-list.svelte

@@ -1,102 +0,0 @@
-<script lang="ts">
-	import { ref, type DatabaseReference, type Database } from 'firebase/database';
-	import { firebaseService } from '../../firebase.js';
-	import { firekitRealtimeList } from '../../services/realtime.svelte.js';
-	import { browser } from '$app/environment';
-	import type { Snippet } from 'svelte';
-
-	/**
-	 * Props for NodeList component
-	 */
-	let {
-		path,
-		startWith,
-		children,
-		loading,
-		queryConstraints
-	}: {
-		/**
-		 * Database reference path string (e.g. 'users')
-		 */
-		path: string;
-		/**
-		 * Initial value to use before list is fetched
-		 */
-		startWith?: any[];
-		/**
-		 * Content to render when list is loaded
-		 */
-		children: Snippet<[any[], DatabaseReference, Database]>;
-		/**
-		 * Content to render while loading
-		 */
-		loading?: Snippet<[]>;
-		/**
-		 * Query constraints for the list
-		 */
-		queryConstraints?: any[];
-	} = $props();
-
-	// Get Database instance and create references
-	let database: Database | null = $state(null);
-	let listRef: DatabaseReference | null = $state(null);
-	let listService: ReturnType<typeof firekitRealtimeList> | null = $state(null);
-
-	// Track list state
-	let listState = $state({
-		loading: true,
-		data: startWith ?? [],
-		error: null as Error | null
-	});
-
-	// Subscribe to list changes
-	$effect(() => {
-		if (!browser) {
-			listState = {
-				loading: false,
-				data: startWith ?? [],
-				error: new Error('Realtime Database not available in SSR')
-			};
-			return;
-		}
-
-		// Initialize database and service
-		database = firebaseService.getDatabaseInstance();
-		if (!database) {
-			listState = {
-				loading: false,
-				data: [],
-				error: new Error('Realtime Database instance not available')
-			};
-			return;
-		}
-
-		// Create database reference
-		listRef = ref(database, path);
-
-		// Create list service
-		listService = firekitRealtimeList(path, startWith);
-
-		// The service state is reactive, so we can directly access it
-		// The effect will re-run when the service state changes
-		listState = {
-			loading: listService.loading,
-			data: listService.list, // Use the processed list with IDs
-			error: listService.error
-		};
-	});
-</script>
-
-{#if !browser}
-	{@render children(startWith ?? [], null as any, null as any)}
-{:else if listState.loading}
-	{#if loading}
-		{@render loading()}
-	{:else}
-		<div>Loading...</div>
-	{/if}
-{:else if listState.error}
-	<div class="error">Error: {listState.error.message}</div>
-{:else}
-	{@render children(listState.data, listRef!, database!)}
-{/if}

package/dist/components/firekit/node-list.svelte.d.ts

@@ -1,27 +0,0 @@
-import { type DatabaseReference, type Database } from 'firebase/database';
-import type { Snippet } from 'svelte';
-type $$ComponentProps = {
-    /**
-     * Database reference path string (e.g. 'users')
-     */
-    path: string;
-    /**
-     * Initial value to use before list is fetched
-     */
-    startWith?: any[];
-    /**
-     * Content to render when list is loaded
-     */
-    children: Snippet<[any[], DatabaseReference, Database]>;
-    /**
-     * Content to render while loading
-     */
-    loading?: Snippet<[]>;
-    /**
-     * Query constraints for the list
-     */
-    queryConstraints?: any[];
-};
-declare const NodeList: import("svelte").Component<$$ComponentProps, {}, "">;
-type NodeList = ReturnType<typeof NodeList>;
-export default NodeList;

package/dist/components/firekit/signed-in.svelte

@@ -1,42 +0,0 @@
-<script lang="ts">
-	import { firekitAuth } from '../../services/auth.js';
-	import { firebaseService } from '../../firebase.js';
-	import { onDestroy } from 'svelte';
-	import type { UserProfile } from '../../types/auth.js';
-	import type { Snippet } from 'svelte';
-
-	/**
-	 * Props for SignedIn component
-	 */
-	let {
-		children
-	}: {
-		/**
-		 * Children content to render when user is signed in
-		 */
-		children: Snippet<[UserProfile]>;
-	} = $props();
-
-	// Get Firebase Auth instance
-	const auth = firebaseService.getAuthInstance();
-	if (!auth) {
-		throw new Error('Firebase Auth instance not available');
-	}
-
-	// Reactive auth state
-	let authState = $state(firekitAuth.getState());
-
-	// Subscribe to auth state changes
-	const unsubscribe = firekitAuth.onAuthStateChanged((state) => {
-		authState = state;
-	});
-
-	// Cleanup subscription on component destruction
-	onDestroy(() => {
-		unsubscribe();
-	});
-</script>
-
-{#if firekitAuth.isAuthenticated() && authState.user}
-	{@render children(authState.user)}
-{/if}