Added native os notifications

resources/js/Composables/usePushNotifications.ts

@@ -0,0 +1,60 @@
+// resources/js/composables/usePushNotifications.ts
+import { ref } from 'vue';
+import axios from 'axios';
+
+const STORAGE_KEY = 'push-permission-prompted';
+
+export function usePushNotifications() {
+    const isSupported = 'serviceWorker' in navigator && 'PushManager' in window;
+    const showPrompt = ref(false);
+
+    function shouldPrompt(): boolean {
+        if (!isSupported) return false;
+        if (Notification.permission !== 'default') return false;
+        if (localStorage.getItem(STORAGE_KEY)) return false;
+        return true;
+    }
+
+    function initPrompt() {
+        showPrompt.value = shouldPrompt();
+    }
+
+    // ← replace the old version with this one
+    function urlBase64ToUint8Array(base64String: string): Uint8Array<ArrayBuffer> {
+        const padding = '='.repeat((4 - (base64String.length % 4)) % 4);
+        const base64 = (base64String + padding).replace(/-/g, '+').replace(/_/g, '/');
+        const rawData = atob(base64);
+
+        const buffer = new ArrayBuffer(rawData.length);
+        const outputArray = new Uint8Array(buffer);
+
+        for (let i = 0; i < rawData.length; i++) {
+            outputArray[i] = rawData.charCodeAt(i);
+        }
+
+        return outputArray;
+    }
+
+    async function enable() {
+        localStorage.setItem(STORAGE_KEY, '1');
+        showPrompt.value = false;
+
+        const permission = await Notification.requestPermission();
+        if (permission !== 'granted') return;
+
+        const registration = await navigator.serviceWorker.ready;
+        const subscription = await registration.pushManager.subscribe({
+            userVisibleOnly: true,
+            applicationServerKey: urlBase64ToUint8Array(window.vapidPublicKey),
+        });
+
+        await axios.post('/push-subscriptions', subscription.toJSON());
+    }
+
+    function dismiss() {
+        localStorage.setItem(STORAGE_KEY, '1');
+        showPrompt.value = false;
+    }
+
+    return { isSupported, showPrompt, initPrompt, enable, dismiss };
+}