Merge pull request #366 from shreyas1434shinde/InAppNotification

Issue #PS-2350 feat: Set up device token generation in local storage

config.json

@@ -17,5 +17,15 @@
       "label": "ଓଡ଼ିଆ",
       "code": "or"
     }
-  ]
+  ],
+   "firebaseConfig": {
+   "apiKey": "process.env.NEXT_PUBLIC_FCM_API_kEY",
+   "authDomain": "backend-e99c8.firebaseapp.com",
+   "projectId": "backend-e99c8",
+   "storageBucket": "backend-e99c8.appspot.com",
+   "messagingSenderId": "839139131975",
+   "appId": "1:839139131975:web:90af50d01e2eb0f510e762",
+   "measurementId": "G-5237RSF3TC"
+ },
+ "vapidKey": "process.env.NEXT_PUBLIC_VAPID_KEY"
 }

firebase.js

@@ -0,0 +1,36 @@
+import { initializeApp } from "firebase/app";
+import { getMessaging, onMessage, getToken } from "firebase/messaging";
+import config from './config.json';
+
+const firebaseApp = initializeApp(config.firebaseConfig);
+let messaging;
+
+if (typeof window !== 'undefined') {
+  messaging = getMessaging(); 
+}
+
+export const requestPermission = async () => {
+  console.log('Requesting notification permission...');
+  const permission = await Notification.requestPermission();
+
+  if (permission === 'granted') {
+    const token = await getToken(messaging, {
+      vapidKey: process.env.NEXT_PUBLIC_VAPID_KEY,
+    });
+    console.log('Notification token:', token);
+    return token;
+  } else {
+    console.warn("Notification permission denied");
+    return null;
+  }
+};
+
+export const onMessageListener = () =>
+  new Promise((resolve) => {
+    if (messaging) {
+      onMessage(messaging, (payload) => {
+        console.log("Received foreground message:", payload);
+        resolve(payload);
+      });
+    }
+  });