firebase.js

// Import the functions you need from the SDKs you need
import { initializeApp } from "firebase/app";
// TODO: Add SDKs for Firebase products that you want to use
// https://firebase.google.com/docs/web/setup#available-libraries
import {getFirestore, collection, } from "firebase/firestore";
import { getMessaging, getToken, onMessage } from "firebase/messaging";
import {getAuth, GoogleAuthProvider} from "firebase/auth";
import { getStorage, ref, uploadBytesResumable, getDownloadURL } from "firebase/storage";
// Your web app's Firebase configuration
const firebaseConfig = {
  apiKey: "AIzaSyC3Gerzi6t8bqfR3gGEOLqRG4Ub7Wl-qCI",
  authDomain: "bulls-and-barber.firebaseapp.com",
  projectId: "bulls-and-barber",
  storageBucket: "bulls-and-barber.appspot.com",
  messagingSenderId: "566410836080",
  appId: "1:566410836080:web:546a6b4cce04b1724e1cb5"
};

// Initialize Firebase
const app = initializeApp(firebaseConfig);
const db = getFirestore();
const storage = getStorage(app);
const auth = getAuth();
const pointRef = collection(db,'points');
const adminRef = collection(db,'admins');
const provider = new GoogleAuthProvider();

let messaging;

if (typeof window !== 'undefined') { // Check if code is running on the client-side
  messaging = getMessaging(app); // Initialize messaging on the client-side
  console.log(messaging);
}


// if (typeof window !== "undefined") {
//  let a = onMessage(messaging, message);
// }


if (typeof window !== 'undefined' && typeof navigator !== 'undefined') {
  if (/iPhone|iPod|iPad/.test(navigator.platform) && !window.MSStream) {
    document.querySelector('link[rel="manifest"]').href = '/manifest-ios.json';
  }
}


export const onMessageListener = () =>
  new Promise((resolve) => {
    onMessage(messaging, (payload) => {
      resolve(payload);
      console.log("message recieved");
    });
});



export {pointRef, db, auth, provider,adminRef, storage, messaging};
// export {pointRef, db, auth, provider,adminRef, storage, messaging};