78 lines
2.4 KiB
JavaScript
78 lines
2.4 KiB
JavaScript
|
|
self.addEventListener('install', (event) => {
|
|
event.waitUntil(self.skipWaiting());
|
|
console.log('Service worker installing...');
|
|
});
|
|
|
|
self.addEventListener('activate', (event) => {
|
|
event.waitUntil(self.clients.claim());
|
|
console.log('Service worker activating...');
|
|
});
|
|
|
|
self.addEventListener('push', function (event) {
|
|
console.log('Push event received:', event);
|
|
|
|
|
|
let title = "Sistem Desa Mandiri";
|
|
let options = {
|
|
body: "Default notification body",
|
|
icon: '/icon-192x192.png',
|
|
badge: '/icon-192x192.png',
|
|
image: '/icon-192x192.png',
|
|
vibrate: [100, 50, 100],
|
|
data: {
|
|
dateOfArrival: Date.now(),
|
|
primaryKey: '2',
|
|
},
|
|
};
|
|
|
|
if (event.data) {
|
|
try {
|
|
const data = event.data.json();
|
|
title = data.title || title;
|
|
options.body = data.body || options.body;
|
|
options.icon = data.icon || options.icon;
|
|
options.badge = data.badge || options.badge;
|
|
options.image = data.image || options.image;
|
|
options.data = {
|
|
...options.data,
|
|
...data.data, // Merging additional data from the event
|
|
};
|
|
|
|
} catch (e) {
|
|
console.error("Error parsing push event data:", e);
|
|
}
|
|
} else {
|
|
console.warn("Push event has no data.");
|
|
}
|
|
|
|
event.waitUntil(
|
|
self.registration.showNotification(title, options)
|
|
.then(() => console.log('Notification shown.', JSON.stringify(options, null, 2)))
|
|
.catch(err => {
|
|
console.error("Error showing notification:", err);
|
|
})
|
|
);
|
|
});
|
|
|
|
self.addEventListener('notificationclick', function (event) {
|
|
console.log('Notification click received.');
|
|
|
|
event.notification.close(); // Close the notification
|
|
|
|
event.waitUntil(
|
|
clients.matchAll({ type: 'window', includeUncontrolled: true }).then((clientList) => {
|
|
for (const client of clientList) {
|
|
if (client.url.includes('http://localhost:3005') && 'focus' in client) {
|
|
return client.focus();
|
|
}
|
|
}
|
|
if (clients.openWindow) {
|
|
return clients.openWindow('http://localhost:3005');
|
|
}
|
|
}).catch(err => {
|
|
console.error("Error handling notification click:", err);
|
|
})
|
|
);
|
|
});
|