[krakoss]

код существующего ServiceWorker.js

var num = 1; //habr.com/ru/company/2gis/blog/350034/ ||  qna.habr.com/q/616168

self.addEventListener('install', () => self.skipWaiting())

self.addEventListener('activate', () => {
    self.clients.matchAll({ type: 'window' }).then(windowClients => {
        for (const windowClient of windowClients) {
            // Force open pages to refresh, so that they have a chance to load the
            // fresh navigation response from the local dev server.
            windowClient.navigate(windowClient.url)
        }
    })
})



self.addEventListener('push', function (event) {
    if (!event.data) return;

    var serverData = event.data.json();
    if (serverData) {
        var title = serverData.companynameandtown;
        var options = {
            tag: 'renotify',
            renotify: true,
            body: ++num > 1 ? serverData.textmessage : serverData.textmessage,
            icon: serverData.logocompany,
            data: {
                dateOfArrival: Date.now(),
                redirectUrl: serverData.redirectUrl
            }
        };
        event.waitUntil(
            // Получить список клиентов для SW
            self.clients.matchAll().then(function (clientList) {
                // Проверяем, есть ли хотя бы один сфокусированный клиент.
                var focused = clientList.some(function (client) {
                    return client.focused;
                });
                var notificationMessage;
                if (focused) {
                    notificationMessage = 'Imperio! You\'re still here, thanks!';
                } else if (clientList.length > 0) {
                    notificationMessage = 'Imperio! You haven\'t closed the page, ' +
                        'click here to focus it!';
                } else {
                    notificationMessage = 'Imperio! You have closed the page, ' +
                        'click here to re-open it!';
                }
                self.registration.showNotification(title, options);
            })
        );
    }
    else
        console.log("Нет данных для отображения.");
});

// Регистрируем обработчик события 'notificationclick'.
self.addEventListener('notificationclick', function (event) {
    event.notification.close();
    var url = event.notification.data.redirectUrl;
    event.waitUntil(
        // Получаем список клиентов SW.
        self.clients.matchAll().then(function (clientList) {
            // Если есть хотя бы один клиент, фокусируем его.
            if (clientList.length > 0) {
                return clientList[0].focus();
            }
            // В противном случае открываем новую страницу.
            return self.clients.openWindow(url);
        })
    );
});

self.addEventListener('notificationclose', function (event) {
    //do something
    event.notification.close();
});


function arrayBufferToBase64(buffer) {
    var binary = '';
    var bytes = new Uint8Array(buffer);
    var len = bytes.byteLength;
    for (var i = 0; i < len; i++) {
        binary += String.fromCharCode(bytes[i]);
    }
    return window.btoa(binary);
}