import { messaging } from './firebase'
import { getToken, onMessage } from 'firebase/messaging'
import { deviceApi } from '@/store/apis/deviceApi'
const VAPID_KEY =
 'xyz'
// Checks if `Notification` is available
const isNotificationSupported = () =>
 typeof window !== 'undefined' && 'Notification' in window
export async function requestNotificationsPermissions(
 uid: string
): Promise<boolean> {
 console.log('Requesting notifications permission...')
 if (!isNotificationSupported()) {
 console.error('Notifications are not supported in this environment.')
 return false
 }
 const permission = await Notification.requestPermission()
 if (permission === 'granted') {
 console.log('Notification permission granted.')
 await saveMessagingDeviceToken(uid)
 return true
 } else {
 console.log('Unable to get permission to notify.')
 return false
 }
}
// Saves the messaging device token to our backend database via API
async function saveMessagingDeviceToken(uid: string) {
 console.log('Saving messaging device token...')
 try {
 const msg = await messaging()
 if (!msg) {
 console.error(
 'Firebase messaging is not supported or failed to initialize'
 )
 return
 }
 console.log('got msg')
 const fcmToken = await getToken(msg, { vapidKey: VAPID_KEY })
 console.log('finished getToken')
 if (fcmToken) {
 console.log('Got FCM device token:', fcmToken)
 // Save device token using deviceApi
 await deviceApi.registerToken(uid, fcmToken, 'web')
 // Set up foreground message handler
 onMessage(msg, (message) => {
 console.log(
 'New foreground notification from Firebase Messaging!',
 message.notification
 )
 if (isNotificationSupported() && message.notification?.title) {
 new Notification(message.notification.title, {
 body: message.notification?.body || '',
 })
 }
 })
 } else {
 // Need to request permissions to show notifications.
 requestNotificationsPermissions(uid)
 }
 } catch (error) {
 console.error('Unable to save messaging token.', error)
 }
}
export function getNotificationPermissionStatus(): NotificationPermission | null {
 if (!isNotificationSupported()) {
 console.error('Notifications are not supported in this environment.')
 return null
 }
 return Notification.permission
}