sveltedfire 0.1.17 → 0.1.18

package/README.md

@@ -26,7 +26,7 @@ This guarantees that firebase has been initialized prior to any data loading cal
 
 ### Authentication
 
-In order to fully utilize the helper components sveltedfire contains, you must wrap your app at a high level with the `SveltedAuth` component. This initializes the firebase authentication system and provides a context that provides access to the current user. To access the auth context, use the `getAuthContext` helper. Additional keys can be injected onto the context by adding them as props on `SveltedAuth` with the prefix `extra_` and the value being a function that accepts user and token. This function will be called with user and token of null in the case of a logged out user to initialize default values. E.g., to add the key `claimLevel` to the sveltedAuth context:
+In order to fully utilize the helper components sveltedfire contains, you must wrap your app at a high level with the `SveltedAuth` component. This initializes the firebase authentication system and provides a writable store that provides access to the current user. To access the auth information, use the `authState` helper with rune syntax. Additional keys can be injected onto the context by adding them as props on `SveltedAuth` with the prefix `extra_` and the value being a function that accepts user and token. This function will be called with user and token of null in the case of a logged out user to initialize default values. E.g., to add the key `claimLevel` to the sveltedAuth context:
 
 ```svelte
 <script lang="ts">

package/dist/index.d.ts

@@ -8,7 +8,7 @@ export { listenDocs } from './sveltedfire/utilities/listenDocs.js';
 export { kindlyFetchDoc } from './sveltedfire/utilities/kindlyFetchDoc.js';
 export { kindlyFetchDocs } from './sveltedfire/utilities/kindlyFetchDocs.js';
 export { type AuthSig } from './sveltedfire/auth/AuthSig.js';
-export { getAuthContext } from './sveltedfire/auth/getAuthContext.js';
+export { authState } from './sveltedfire/auth/authState.js';
 export { handleForm } from './sveltedfire/utilities/handleForm.js';
 import SignedIn from './sveltedfire/components/SignedIn.svelte';
 import SignedOut from './sveltedfire/components/SignedOut.svelte';

package/dist/index.js

@@ -9,7 +9,7 @@ export { listenDocs } from './sveltedfire/utilities/listenDocs.js';
 export { kindlyFetchDoc } from './sveltedfire/utilities/kindlyFetchDoc.js';
 export { kindlyFetchDocs } from './sveltedfire/utilities/kindlyFetchDocs.js';
 export {} from './sveltedfire/auth/AuthSig.js';
-export { getAuthContext } from './sveltedfire/auth/getAuthContext.js';
+export { authState } from './sveltedfire/auth/authState.js';
 export { handleForm } from './sveltedfire/utilities/handleForm.js';
 import SignedIn from './sveltedfire/components/SignedIn.svelte';
 import SignedOut from './sveltedfire/components/SignedOut.svelte';

package/dist/sveltedfire/auth/authState.d.ts

@@ -0,0 +1,2 @@
+import { type AuthSig } from './AuthSig.js';
+export declare const authState: import("svelte/store").Writable<AuthSig>;

package/dist/sveltedfire/auth/authState.js

@@ -0,0 +1,8 @@
+import { writable } from "svelte/store";
+import {} from './AuthSig.js';
+export const authState = writable({
+    currentUser: null,
+    signInWithGoogle: null,
+    signOut: null,
+    initialized: false
+});

package/dist/sveltedfire/components/PromptSignIn.svelte

@@ -1,7 +1,5 @@
 <script lang="ts">
-  import { type AuthSig, getAuthContext } from "sveltedfire";
+  import { authState } from "../auth/authState.js";
 
-  const { signInWithGoogle } = getAuthContext()
-
-  signInWithGoogle()
+  $authState.signInWithGoogle()
 </script>

package/dist/sveltedfire/components/SignedIn.svelte

@@ -1,11 +1,8 @@
 <script lang="ts">
   const { children } = $props()
-  import { getContext } from 'svelte';
-  import { type AuthSig } from '../auth/AuthSig.js';
-
-  let fullAuth = getContext<AuthSig>('sveltedAuth')
+  import { authState } from '../auth/authState.js';
 </script>
 
-{#if fullAuth.initialized && fullAuth!.currentUser}
+{#if $authState.initialized && $authState!.currentUser}
   {@render children()}
 {/if}

package/dist/sveltedfire/components/SignedOut.svelte

@@ -1,11 +1,8 @@
 <script lang="ts">
   const { children } = $props()
-  import { getContext } from 'svelte';
-  import { type AuthSig } from '../auth/AuthSig.js';
-
-  let fullAuth = getContext<AuthSig>('sveltedAuth')
+  import { authState } from '../auth/authState.js';
 </script>
 
-{#if fullAuth && fullAuth.initialized && !fullAuth!.currentUser}
+{#if $authState && $authState.initialized && !$authState!.currentUser}
   {@render children()}
 {/if}

package/dist/sveltedfire/components/SveltedAuth.svelte

@@ -1,10 +1,9 @@
 <script lang="ts">
-  import { setContext } from 'svelte'
   import { getAuth, type User } from 'firebase/auth'
   import { signOut } from '../auth/signOut.js'
   import { signInWithGoogle } from '../auth/signInWithGoogle.js'
   import { type AuthSig } from '../auth/AuthSig.js';
-  import { AUTH_CONTEXT_NAME } from '../constants.js'
+  import { authState } from '../auth/authState.js'
 
   const { children, ...rest } = $props()
 
@@ -28,6 +27,7 @@
   auth.authStateReady().then(() => {
     console.log('Received authStateReady')
     fullAuth.initialized = true
+    authState.set(fullAuth)
   })
 
   auth.onAuthStateChanged(user => {
@@ -41,9 +41,10 @@
         fullAuth[k] = rest[additionalKeys[k]](user, token)
       })
     })
+    authState.set(fullAuth)
   })
 
-  setContext<AuthSig>(AUTH_CONTEXT_NAME, fullAuth)
+  authState.set(fullAuth)
 
 </script>
 

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "sveltedfire",
-	"version": "0.1.17",
+	"version": "0.1.18",
 	"scripts": {
 		"dev": "vite dev",
 		"build": "vite build && npm run prepack",

package/dist/sveltedfire/auth/getAuthContext.d.ts

@@ -1,2 +0,0 @@
-import { type AuthSig } from "./AuthSig.js";
-export declare const getAuthContext: () => AuthSig;

package/dist/sveltedfire/auth/getAuthContext.js

@@ -1,4 +0,0 @@
-import { getContext } from "svelte";
-import { AUTH_CONTEXT_NAME } from '../constants.js';
-import {} from "./AuthSig.js";
-export const getAuthContext = () => getContext(AUTH_CONTEXT_NAME);