67 lines
1.9 KiB
JavaScript
67 lines
1.9 KiB
JavaScript
// Firebase Messaging — handles background push notifications
|
|
importScripts('https://www.gstatic.com/firebasejs/10.12.0/firebase-app-compat.js')
|
|
importScripts('https://www.gstatic.com/firebasejs/10.12.0/firebase-messaging-compat.js')
|
|
|
|
firebase.initializeApp({
|
|
apiKey: '__VITE_FIREBASE_API_KEY__',
|
|
authDomain: '__VITE_FIREBASE_AUTH_DOMAIN__',
|
|
projectId: '__VITE_FIREBASE_PROJECT_ID__',
|
|
messagingSenderId: '__VITE_FIREBASE_MESSAGING_SENDER_ID__',
|
|
appId: '__VITE_FIREBASE_APP_ID__',
|
|
})
|
|
|
|
const messaging = firebase.messaging()
|
|
|
|
messaging.onBackgroundMessage((payload) => {
|
|
const title = payload.notification?.title || 'Grateful Journal 🌱'
|
|
const body = payload.notification?.body || "You haven't written today yet. Take a moment to reflect."
|
|
self.registration.showNotification(title, {
|
|
body,
|
|
icon: '/web-app-manifest-192x192.png',
|
|
badge: '/favicon-96x96.png',
|
|
tag: 'gj-daily-reminder',
|
|
})
|
|
})
|
|
|
|
// Cache management
|
|
const CACHE = 'gj-__BUILD_TIME__'
|
|
|
|
self.addEventListener('install', (e) => {
|
|
e.waitUntil(
|
|
caches.open(CACHE).then((cache) =>
|
|
cache.addAll(['/', '/manifest.json', '/icon.svg'])
|
|
)
|
|
)
|
|
self.skipWaiting()
|
|
})
|
|
|
|
self.addEventListener('activate', (e) => {
|
|
e.waitUntil(
|
|
caches.keys().then((keys) =>
|
|
Promise.all(keys.filter((k) => k !== CACHE).map((k) => caches.delete(k)))
|
|
)
|
|
)
|
|
self.clients.claim()
|
|
})
|
|
|
|
self.addEventListener('notificationclick', (e) => {
|
|
e.notification.close()
|
|
e.waitUntil(
|
|
self.clients.matchAll({ type: 'window', includeUncontrolled: true }).then((clients) => {
|
|
if (clients.length > 0) {
|
|
clients[0].focus()
|
|
clients[0].navigate('/')
|
|
} else {
|
|
self.clients.openWindow('/')
|
|
}
|
|
})
|
|
)
|
|
})
|
|
|
|
self.addEventListener('fetch', (e) => {
|
|
if (e.request.method !== 'GET' || e.request.url.includes('/api/')) return
|
|
e.respondWith(
|
|
caches.match(e.request).then((cached) => cached || fetch(e.request))
|
|
)
|
|
})
|