upd: web push

Deskripsi:
- install package
- table database
- nb : masih blm bisa

No Issues

public/wibu_worker.js

@@ -0,0 +1,77 @@
+
+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);
+        })
+    );
+});