[WIP] Implemented: firebase database connectivity with apps

src/index.ts

@@ -5,7 +5,7 @@ import { useProductIdentificationStore } from "./store/productIdentification";
 import { useAuthStore } from "./store/auth";
 import { DxpAppVersionInfo, DxpImage, DxpLanguageSwitcher, DxpLogin, DxpMenuFooterNavigation, DxpOmsInstanceNavigator, DxpProductIdentifier, DxpShopifyImg, DxpUserProfile } from "./components";
 import { goToOms, getProductIdentificationValue } from "./utils";
-import { initialiseFirebaseApp } from "./utils/firebase"
+import { addDocument, getDocument, initialiseFirebaseApp, updateDocument } from "./utils/firebase"
 import piniaPluginPersistedstate from 'pinia-plugin-persistedstate'
 import { createI18n } from 'vue-i18n'
 import { useUserStore } from "./store/user";
@@ -103,13 +103,15 @@ export let dxpComponents = {
 
 export {
   appContext,
+  addDocument,
   DxpImage,
   DxpLogin,
   DxpMenuFooterNavigation,
   DxpOmsInstanceNavigator,
   DxpProductIdentifier,
   DxpShopifyImg,
   DxpUserProfile,
+  getDocument,
   getProductIdentificationValue,
   goToOms,
   i18n,
@@ -120,6 +122,7 @@ export {
   productIdentificationContext,
   shopifyImgContext,
   translate,
+  updateDocument,
   useAuthStore,
   useProductIdentificationStore,
   useUserStore,

src/utils/firebase.ts

@@ -1,5 +1,9 @@
 import { initializeApp } from "firebase/app";
 import { getMessaging, getToken, onMessage } from "firebase/messaging";
+import { doc, getFirestore, getDoc, setDoc, updateDoc } from "firebase/firestore";
+
+let app;
+let database = {} as any
 
 const initialiseFirebaseApp = async (
   appFirebaseConfig: any,
@@ -9,31 +13,52 @@ const initialiseFirebaseApp = async (
 ) => {
   const firebaseConfig = appFirebaseConfig
 
-  const app = initializeApp(firebaseConfig);
-  const messaging = getMessaging(app);
-  const permission = await Notification.requestPermission();
-
-  if (permission === "granted") {
-    const token = await getToken(messaging, {
-      vapidKey: appFirebaseVapidKey
-    });
-    await storeClientRegistrationToken(token)
-
-    // handle foreground message
-    onMessage(messaging, (payload: any) => {
-      addNotification({ notification: payload, isForeground: true });
-    });
-
-    // handle background message (service worker)
-    const broadcast = new BroadcastChannel('FB_BG_MESSAGES');
-    broadcast.onmessage = (event) => {
-      addNotification({ notification: event.data, isForeground: false });
-    };
-  } else {
-    alert("You denied notifications.");
+  app = initializeApp(firebaseConfig);
+  database = getFirestore(app);
+
+  // Check for notifications required only in bopis app.
+  if(addNotification) {
+    const messaging = getMessaging(app);
+    const permission = await Notification.requestPermission();
+
+    if (permission === "granted") {
+      const token = await getToken(messaging, {
+        vapidKey: appFirebaseVapidKey
+      });
+      await storeClientRegistrationToken(token)
+
+      // handle foreground message
+      onMessage(messaging, (payload: any) => {
+        addNotification({ notification: payload, isForeground: true });
+      });
+
+      // handle background message (service worker)
+      const broadcast = new BroadcastChannel('FB_BG_MESSAGES');
+      broadcast.onmessage = (event) => {
+        addNotification({ notification: event.data, isForeground: false });
+      };
+    } else {
+      alert("You denied notifications.");
+    }
   }
 };
 
+const getDocument = async (collection: any, document: any) => {
+  const querySnapshot = await getDoc(doc(database, collection, document));
+  return querySnapshot.data()
+}
+
+const addDocument = async (collection: any, document: any, data: any) => {
+  return await setDoc(doc(database, collection, document), data);
+}
+
+const updateDocument = async (collection: any, document: any, data: any) => {
+  return await updateDoc(doc(database, collection, document), data);
+}
+
 export {
+  addDocument,
   initialiseFirebaseApp,
+  getDocument,
+  updateDocument
 }