feat: fallback to window.firebase

Author: codediodeio

Diff for: README.md

@@ -293,7 +293,7 @@ Sets Firebase app context
 
 Props:
 
-- *firebase (required)* Firebase app
+- *firebase* Firebase instance. If empty, it will attempt to use `window.firebase`. 
 - *perf* Starts Firebase Performance Monitoring
 - *analytics* Starts Firebase/Google Analytics
 

Diff for: src/Collection.svelte

@@ -44,10 +44,12 @@
   onDestroy(() => unsub());
 </script>
 
+<slot name="before" />
 {#if $store}
   <slot data={$store} ref={store.ref} error={store.error} first={store.meta.first} last={store.meta.last} />
 {:else if store.loading}
   <slot name="loading" />
 {:else}
   <slot name="fallback" />
 {/if}
+<slot name="after" />

Diff for: src/Doc.svelte

@@ -43,10 +43,14 @@
   onDestroy(() => unsub());
 </script>
 
+<slot name="before" />
+
 {#if $store}
   <slot data={$store} ref={store.ref} error={store.error} />
 {:else if store.loading}
   <slot name="loading" />
 {:else}
   <slot name="fallback" />
 {/if}
+
+<slot name="after" />

Diff for: src/FirebaseApp.svelte

@@ -1,37 +1,43 @@
 <script>
-    import { onMount, setContext, createEventDispatcher } from 'svelte';
-    export let firebase;
-    export let perf = false;
-    export let analytics = false;
+  import { onMount, setContext, createEventDispatcher } from "svelte";
+  export let firebase;
+  export let perf = false;
+  export let analytics = false;
 
-    // Ready required to use the app event, 
-    // prevents child components from running before init
-    let ready = false;
+  // Ready required to use the app event,
+  // prevents child components from running before init
+  let ready = false;
 
-    // Init perf and analytics
-    perf && firebase.performance();
-    analytics && firebase.analytics();
-
-    // Emit firebase
-    const dispatch = createEventDispatcher();
+  // Emit firebase
+  const dispatch = createEventDispatcher();
 
     // Set firebase context
-    setContext('firebase', firebase);
-
-    onMount(() => {
-        
-        // Optional event to set additional config
-        dispatch('initializeApp', {
-		    firebase,
-        });
-        
-
-        ready = true;
-    })
-
+    firebase = firebase || window.firebase;
+    setContext("firebase", firebase);
+
+  onMount(() => {
+    console.log(firebase)
+
+    if (!firebase) {
+      throw Error(
+        "No firebase app was provided. You must provide an initialized Firebase app or make it available globally."
+      );
+    } else {
+
+      // Init perf and analytics
+      perf && firebase.performance();
+      analytics && firebase.analytics();
+
+      // Optional event to set additional config
+      dispatch("initializeApp", {
+        firebase
+      });
+
+      ready = true;
+    }
+  });
 </script>
 
-
 {#if ready}
-    <slot></slot>
+  <slot />
 {/if}

Diff for: src/User.svelte

@@ -1,26 +1,27 @@
 <script>
-    export let persist = null;
-    import { onMount, onDestroy, createEventDispatcher } from 'svelte';
-    import { userStore } from './auth';
-    
-    let store = userStore({ persist });
+  export let persist = null;
+  import { onMount, onDestroy, createEventDispatcher } from "svelte";
+  import { userStore } from "./auth";
 
-    const dispatch = createEventDispatcher();
-    let unsub;
-    onMount(() => {
-        unsub = store.subscribe(user => {
-            dispatch('user', {
-                user
-            });
-        });
+  let store = userStore({ persist });
+
+  const dispatch = createEventDispatcher();
+  let unsub;
+  onMount(() => {
+    unsub = store.subscribe(user => {
+      dispatch("user", {
+        user
+      });
     });
+  });
 
-    onDestroy(() => unsub());
+  onDestroy(() => unsub());
 </script>
 
-
+<slot name="before" />
 {#if $store}
-    <slot user={$store} auth={store.auth}></slot>
+  <slot user={$store} auth={store.auth} />
 {:else}
-    <slot name="signed-out"></slot>
-{/if}
+  <slot name="signed-out" />
+{/if}
+<slot name="after" />

Diff for: src/firestore.js

@@ -70,7 +70,6 @@ export function docStore(path, opts) {
 
   // Svelte store
   const store = writable(startWith, start);
-
   const { subscribe, set } = store;
 
   return {