feat: Refactored stores to use Svelte Context. Added SignedIn/Out components

Author: codediodeio

dist/components/Collection.svelte

@@ -0,0 +1,11 @@
+<script>import { collectionStore } from "../stores/firestore.js";
+export let ref;
+export let startWith = void 0;
+let store = collectionStore(ref, startWith);
+</script>
+
+{#if $store !== undefined}
+  <slot data={$store} ref={store.ref} count={$store?.length ?? 0} />
+{:else}
+  <slot name="loading" />
+{/if}

dist/components/Collection.svelte.d.ts

@@ -0,0 +1,25 @@
+import { SvelteComponent } from "svelte";
+import type { CollectionReference, Query } from 'firebase/firestore';
+declare const __propDef: {
+    props: {
+        ref: string | CollectionReference | Query;
+        startWith?: any;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {
+            data: any[];
+            ref: CollectionReference | Query | null;
+            count: number;
+        };
+        loading: {};
+    };
+};
+export type CollectionProps = typeof __propDef.props;
+export type CollectionEvents = typeof __propDef.events;
+export type CollectionSlots = typeof __propDef.slots;
+export default class Collection extends SvelteComponent<CollectionProps, CollectionEvents, CollectionSlots> {
+}
+export {};

dist/components/Doc.svelte

@@ -0,0 +1,11 @@
+<script>import { docStore } from "../stores/firestore.js";
+export let ref;
+export let startWith = void 0;
+let store = docStore(ref, startWith);
+</script>
+
+{#if $store !== undefined}
+  <slot data={$store} ref={store.ref} />
+{:else}
+  <slot name="loading" />
+{/if}

dist/components/Doc.svelte.d.ts

@@ -0,0 +1,24 @@
+import { SvelteComponent } from "svelte";
+import type { DocumentReference } from 'firebase/firestore';
+declare const __propDef: {
+    props: {
+        ref: string | DocumentReference;
+        startWith?: any;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {
+            data: any;
+            ref: DocumentReference | null;
+        };
+        loading: {};
+    };
+};
+export type DocProps = typeof __propDef.props;
+export type DocEvents = typeof __propDef.events;
+export type DocSlots = typeof __propDef.slots;
+export default class Doc extends SvelteComponent<DocProps, DocEvents, DocSlots> {
+}
+export {};

dist/components/FirebaseApp.svelte

@@ -0,0 +1,8 @@
+<script>import { setFirebaseContext } from "../stores/sdk.js";
+export let firestore;
+export let auth;
+setFirebaseContext({ firestore, auth });
+</script>
+
+
+<slot />

dist/components/FirebaseApp.svelte.d.ts

@@ -0,0 +1,21 @@
+import { SvelteComponent } from "svelte";
+import type { Auth } from 'firebase/auth';
+import type { Firestore } from 'firebase/firestore';
+declare const __propDef: {
+    props: {
+        firestore: Firestore;
+        auth: Auth;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {};
+    };
+};
+export type FirebaseAppProps = typeof __propDef.props;
+export type FirebaseAppEvents = typeof __propDef.events;
+export type FirebaseAppSlots = typeof __propDef.slots;
+export default class FirebaseApp extends SvelteComponent<FirebaseAppProps, FirebaseAppEvents, FirebaseAppSlots> {
+}
+export {};

dist/components/SignedIn.svelte

@@ -0,0 +1,10 @@
+<script>import { userStore } from "../stores/auth.js";
+import { getFirebaseContext } from "../stores/sdk.js";
+import { signOut } from "firebase/auth";
+const auth = getFirebaseContext().auth;
+const user = userStore();
+</script>
+  
+  {#if $user}
+    <slot user={$user} signOut={() => signOut(auth)} />
+  {/if}

dist/components/SignedIn.svelte.d.ts

@@ -0,0 +1,20 @@
+import { SvelteComponent } from "svelte";
+import { signOut, type User } from "firebase/auth";
+declare const __propDef: {
+    props: Record<string, never>;
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {
+            user: User;
+            signOut: () => Promise<void>;
+        };
+    };
+};
+export type SignedInProps = typeof __propDef.props;
+export type SignedInEvents = typeof __propDef.events;
+export type SignedInSlots = typeof __propDef.slots;
+export default class SignedIn extends SvelteComponent<SignedInProps, SignedInEvents, SignedInSlots> {
+}
+export {};

dist/components/SignedOut.svelte

@@ -0,0 +1,7 @@
+<script>import { userStore } from "../stores/auth.js";
+const user = userStore();
+</script>
+  
+  {#if !$user}
+    <slot />
+  {/if}

dist/components/SignedOut.svelte.d.ts

@@ -0,0 +1,16 @@
+import { SvelteComponent } from "svelte";
+declare const __propDef: {
+    props: Record<string, never>;
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {};
+    };
+};
+export type SignedOutProps = typeof __propDef.props;
+export type SignedOutEvents = typeof __propDef.events;
+export type SignedOutSlots = typeof __propDef.slots;
+export default class SignedOut extends SvelteComponent<SignedOutProps, SignedOutEvents, SignedOutSlots> {
+}
+export {};