feat(firebase): export firebase service

src/components/picker-customer-logo/picker-customer-logo.tsx

@@ -1,6 +1,4 @@
-import { getDownloadURL } from '@firebase/storage';
-import { Component, Host, h, Prop, State } from '@stencil/core';
-import { ref } from 'firebase/storage';
+import { Component, h, Host, Prop, State } from '@stencil/core';
 import { firebaseServiceInstance } from '../../firebase';
 
 @Component({
@@ -27,7 +25,7 @@ export class PickerCustomerLogo {
   private async loadImageSrc() {
     try {
       console.log(`[eva-picker-customer-logo] getting customer logo for ${this.customerName} with logoPath ${this.logoPath}`);
-      this.logoSrc = await getDownloadURL(ref(firebaseServiceInstance.storage, this.logoPath));
+      this.logoSrc = await firebaseServiceInstance.getImageUrl(this.logoPath);
     } catch (error) {
       console.error(`[eva-picker-customer-logo] error getting customer logo for ${this.customerName}`, error);
     }

src/firebase.ts

@@ -3,9 +3,11 @@ import { collection, getDoc, getDocs, getFirestore } from "@firebase/firestore";
 import { initializeApp } from "firebase/app";
 import { getStorage } from "firebase/storage";
 import { BaseEnvironment, SummarisedViewCustomer, ExtendedViewCustomer } from "./typings";
+import { getDownloadURL, ref } from '@firebase/storage';
 
 class FirebaseService {
 
+
   app = initializeApp({
     apiKey: "AIzaSyD51D-mGBu-wAOxckCZO2-dk5IRjrYhNlI",
     authDomain: "eva-customer-manager.firebaseapp.com",
@@ -87,6 +89,10 @@ class FirebaseService {
 
     return extendedViewCustomer;
   }
+
+  getImageUrl(logoPath: string) {
+    return getDownloadURL(ref(firebaseServiceInstance.storage, logoPath));
+  }
 }
 
 export const firebaseServiceInstance = new FirebaseService();

src/index.ts

@@ -1,2 +1,3 @@
 export * from './components';
 export * from './typings';
+export {firebaseServiceInstance} from './firebase';