webPush.js

import 'firebase/messaging';
import firebase from 'firebase/app';
import localforage from 'localforage';


const firebaseCloudMessaging = {
//checking whether token is available in indexed DB
    tokenInlocalforage: async () => {
        return localforage.getItem('fcm_token');
    },
    //initializing firebase app
    init: async function ({options}) {
        if (!firebase.apps.length) {
            firebase.initializeApp(options);
            try {
                const messaging = firebase.messaging();
                const tokenInLocalForage = await this.tokenInlocalforage();
                //if FCM token is already there just return the token
                if (tokenInLocalForage !== null) {
                    return tokenInLocalForage;
                }

                //requesting notification permission from browser
                const status = await Notification.requestPermission();
                if (status && status === 'granted') {
                    //getting token from FCM
                    const fcm_token = await messaging.getToken();
                    if (fcm_token) {
                        //setting FCM token in indexed db using localforage
                        await localforage.setItem('fcm_token', fcm_token);
                        //console.log('fcm token', fcm_token, 'userId', userId);
                        //return the FCM token after saving it
                        return fcm_token;
                    }
                }
            } catch (error) {
                console.error(error);
                return null;
            }
        }
    },
};
export {firebaseCloudMessaging};