From f62b6eb75e0a6e8fafbebf3a41b913cd2cb929ed Mon Sep 17 00:00:00 2001
From: Vitaly Takmazov
Date: Tue, 24 Jan 2023 01:59:39 +0300
Subject: Web Push

---
 src/main/assets/scripts.js | 37 ++++++++++++++++++++++++++++++++-----
 1 file changed, 32 insertions(+), 5 deletions(-)

(limited to 'src/main/assets')

diff --git a/src/main/assets/scripts.js b/src/main/assets/scripts.js
index eecb3372..20d32fd9 100644
--- a/src/main/assets/scripts.js
+++ b/src/main/assets/scripts.js
@@ -195,11 +195,6 @@ function wsIncomingReply(msg) {
     document.getElementById('replies').appendChild(li);
 
     updateRepliesCounter();
-    var notify = new Notification(msg.user.uname, {
-        body: `${msg.replyQuote}\n${msg.body}`,
-        icon: msg.user.avatar
-    });
-    notify.onerror = console.log;
 }
 
 function newReply(e) {
@@ -530,12 +525,44 @@ function fetchUserUri(dataUri, callback) {
         });
 }
 
+const registerServiceWorker = () => {
+    const publicKey = 'BPU0LniKKR0QiaUvILPd9AystmSOU8rWDZobxKm7IJN5HYxOSQdktRdc74TZvyRS9_kyUz7LDN6gUAmAVOmObAU';
+    navigator.serviceWorker.register('/sw.js', { scope: '/' });
+    navigator.serviceWorker.ready.then(reg => {
+        reg.pushManager.subscribe({
+            userVisibleOnly: true,
+            applicationServerKey: publicKey
+        }).then(
+            sub => {
+                const body = [
+                    {
+                        type: 'web',
+                        token: JSON.stringify(sub)
+                    }
+                ];
+                fetch('/api/notifications?hash=' + document.getElementById('body').getAttribute('data-hash'), {
+                    method: 'PUT',
+                    headers: {
+                        'Content-Type': 'application/json'
+                    },
+                    credentials: 'same-origin',
+                    body: JSON.stringify(body)
+                }).then(response => {
+                    console.log(response.status);
+                });
+            },
+            err => console.error(err)
+        );
+    });
+};
+
 function notificationsCheckPermissions(button) {
     console.log(Notification.permission);
     switch (Notification.permission.toLowerCase()) {
         case 'granted':
             button.innerHTML = `${i18n('settings.notifications.granted')}`;
             button.disabled = true;
+            registerServiceWorker();
             break;
 
         case 'denied':
-- 
cgit v1.2.3