47 lines
1.2 KiB
JavaScript
47 lines
1.2 KiB
JavaScript
---
|
|
layout: compress
|
|
permalink: '/app.js'
|
|
---
|
|
|
|
const $notification = $('#notification');
|
|
const $btnRefresh = $('#notification .toast-body>button');
|
|
|
|
if ('serviceWorker' in navigator) {
|
|
/* Registering Service Worker */
|
|
navigator.serviceWorker.register('{{ "/sw.js" | relative_url }}')
|
|
.then(registration => {
|
|
|
|
/* in case the user ignores the notification */
|
|
if (registration.waiting) {
|
|
$notification.toast('show');
|
|
}
|
|
|
|
registration.addEventListener('updatefound', () => {
|
|
registration.installing.addEventListener('statechange', () => {
|
|
if (registration.waiting) {
|
|
if (navigator.serviceWorker.controller) {
|
|
$notification.toast('show');
|
|
}
|
|
}
|
|
});
|
|
});
|
|
|
|
$btnRefresh.click(() => {
|
|
if (registration.waiting) {
|
|
registration.waiting.postMessage('SKIP_WAITING');
|
|
}
|
|
$notification.toast('hide');
|
|
});
|
|
}
|
|
);
|
|
|
|
let refreshing = false;
|
|
|
|
/* Detect controller change and refresh all the opened tabs */
|
|
navigator.serviceWorker.addEventListener('controllerchange', () => {
|
|
if (!refreshing) {
|
|
window.location.reload();
|
|
refreshing = true;
|
|
}
|
|
});
|
|
}
|