84 lines
2.0 KiB
JavaScript
84 lines
2.0 KiB
JavaScript
// @ts-check
|
|
|
|
/// <reference lib="webworker" />
|
|
|
|
/** @type {ServiceWorkerGlobalScope} */
|
|
// @ts-expect-error
|
|
const typedSelf = self
|
|
|
|
const CACHE_NAME = 'kycnot-sw-push-notifications-v1'
|
|
|
|
typedSelf.addEventListener('install', (event) => {
|
|
console.log('Service Worker installing')
|
|
typedSelf.skipWaiting()
|
|
})
|
|
|
|
typedSelf.addEventListener('activate', (event) => {
|
|
console.log('Service Worker activating')
|
|
event.waitUntil(typedSelf.clients.claim())
|
|
})
|
|
|
|
typedSelf.addEventListener('push', (event) => {
|
|
console.log('Push event received:', event)
|
|
|
|
if (!event.data) {
|
|
console.log('Push event but no data')
|
|
return
|
|
}
|
|
|
|
let notificationData
|
|
try {
|
|
notificationData = event.data.json()
|
|
} catch (error) {
|
|
console.error('Error parsing push data:', error)
|
|
notificationData = {
|
|
title: 'New Notification',
|
|
options: {
|
|
body: event.data.text() || 'You have a new notification',
|
|
},
|
|
}
|
|
}
|
|
|
|
const { title, options } = notificationData
|
|
|
|
const notificationOptions = {
|
|
body: options.body || '',
|
|
icon: options.icon || '/favicon.svg',
|
|
badge: options.badge || '/favicon.svg',
|
|
data: options.data || {},
|
|
requireInteraction: false,
|
|
silent: false,
|
|
...options,
|
|
}
|
|
|
|
event.waitUntil(typedSelf.registration.showNotification(title, notificationOptions))
|
|
})
|
|
|
|
typedSelf.addEventListener('notificationclick', (event) => {
|
|
console.log('Notification clicked:', event)
|
|
|
|
event.notification.close()
|
|
|
|
const url = event.notification.data?.url || '/'
|
|
|
|
event.waitUntil(
|
|
typedSelf.clients.matchAll({ type: 'window' }).then((clientList) => {
|
|
// If a window is already open, focus it
|
|
for (const client of clientList) {
|
|
if (client.url === url && 'focus' in client) {
|
|
return client.focus()
|
|
}
|
|
}
|
|
|
|
// Otherwise, open a new window
|
|
if (typedSelf.clients.openWindow) {
|
|
return typedSelf.clients.openWindow(url)
|
|
}
|
|
})
|
|
)
|
|
})
|
|
|
|
typedSelf.addEventListener('notificationclose', (event) => {
|
|
console.log('Notification closed:', event)
|
|
})
|