fix: made firebase context a function to support SSR use cases

Author: codediodeio

README.md

@@ -208,10 +208,12 @@ data.subscribe(v => doStuff(v) )
 
 ### Firebase App Context
 
-The Firebase SDK is available via the [Context API](https://svelte.dev/tutorial/context-api) under the key of `firebase`. 
+The Firebase SDK is available via the [Context API](https://svelte.dev/tutorial/context-api) under the key of `firebase` using the `getFirebase` function. 
 
 ```js
-const db = getContext('firebase').firestore();
+const app = getContext('firebase').getFirebase();
+const db = app.firestore();
+const auth = app.auth();
 ```
 
 ## API

package-lock.json

@@ -1,5 +1,5 @@
 {
-  "version": "0.1.4",
+  "version": "0.1.5",
   "name": "sveltefire",
   "svelte": "src/index.js",
   "main": "dist/index.js",

package.json

@@ -11,11 +11,17 @@
   // Emit firebase
   const dispatch = createEventDispatcher();
 
-    // Set firebase context
-    firebase = firebase || window.firebase;
-    setContext("firebase", firebase);
+  // Must be a function to ensure changes after initialization are caught
+  setContext("firebase", { 
+    getFirebase: () => firebase
+  });
+
 
   onMount(() => {
+
+    // Set firebase context from window if needed
+    firebase = firebase || (window && window.firebase);
+
     if (!firebase) {
       throw Error(
         "No firebase app was provided. You must provide an initialized Firebase app or make it available globally."

src/FirebaseApp.svelte

@@ -1,14 +1,14 @@
 import { getContext } from 'svelte';
 
-
-export function getApp() {
-  return getContext('firebase');
+export function getFirebaseContext() {
+  const { getFirebase } = getContext('firebase');
+  return getFirebase();
 }
 
 // Validates end-user has setup context and imported proper modules into the Svelte app
 export function assertApp(pkg) {
 
-    const app = getApp();
+    const app = getFirebaseContext();
 
     if (!app) {
       throw new Error(`Missing Firebase app in context. Are you inside a 'FirebaseApp' component?`)