Svelte Blaze

A powerful Svelte 5 library for seamless Firebase integration, providing a collection of components and utilities to simplify Firebase operations in your Svelte applications.

Features

• 🔥 Firebase Authentication components and services
• 📝 Firestore document and collection management
• 📦 Firebase Storage integration
• 🎯 Real-time data synchronization
• 🛡️ TypeScript support
• ⚡ Svelte 5 compatibility

Installation

npm install svelte-blaze

Quick Start

1. Use authentication components:

<script>
	import { SignedIn, SignedOut } from 'svelte-blaze';
</script>

<SignedIn>
	<!-- Content for authenticated users -->
</SignedIn>

<SignedOut>
	<!-- Content for non-authenticated users -->
</SignedOut>

2. Work with Firestore:

<script>
	import { Doc, Collection } from 'svelte-blaze';
</script>

<Doc ref="path/to/document">
	{#snippet children(data)}
		<div>{data?.field}</div>
	{/snippet}
</Doc>

<Collection ref="path/to/collection">
	{#snippet children(data)}
		{#each data as item}
			<div>{item.field}</div>
		{/each}
	{/snippet}
</Collection>

3. Use authentication services:

import { authService } from 'svelte-blaze';

// Sign in with email and password
await authService.signInWithEmailAndPassword(email, password);

// Sign out
await authService.signOut();

// Get current user
const user = authService.getCurrentUser();

Documentation

For detailed documentation, please visit our documentation site.

Contributing

Contributions are welcome! Please feel free to submit a Pull Request.

License

MIT