47 lines
2.3 KiB
JavaScript
47 lines
2.3 KiB
JavaScript
// App-shell cache only; Seafile/API traffic always goes to the network.
|
|
const CACHE = 'hub-v8';
|
|
const SHELL = ['/icon.svg', '/manifest.webmanifest', '/icons/icon-192.png', '/icons/apple-touch-icon.png'];
|
|
|
|
// Install: keep the icons, and (when signed in) the page itself with the scripts and styles it names, so the app opens offline.
|
|
async function precache() {
|
|
const c = await caches.open(CACHE);
|
|
await c.addAll(SHELL);
|
|
try {
|
|
const r = await fetch('/', { credentials: 'same-origin', redirect: 'manual' });
|
|
if (r.ok) {
|
|
const html = await r.clone().text();
|
|
await c.put('/', r);
|
|
const urls = [...html.matchAll(/(?:src|href)="(\/[^"]+\.(?:js|css)(?:\?[^"]*)?)"/g)].map(m => m[1]);
|
|
await Promise.all(urls.map(u => c.add(u).catch(() => {})));
|
|
}
|
|
} catch { /* signed out or offline: it is cached the first time it is used */ }
|
|
}
|
|
self.addEventListener('install', e => { e.waitUntil(precache()); self.skipWaiting(); });
|
|
self.addEventListener('activate', e => {
|
|
e.waitUntil(caches.keys().then(ks => Promise.all(ks.filter(k => k !== CACHE).map(k => caches.delete(k)))));
|
|
self.clients.claim();
|
|
});
|
|
self.addEventListener('fetch', e => {
|
|
const u = new URL(e.request.url);
|
|
if (e.request.method !== 'GET' || u.origin !== location.origin || u.pathname.startsWith('/sf/') || u.pathname.startsWith('/plex/') || u.pathname.startsWith('/webmail') || u.pathname.startsWith('/api/')) return;
|
|
e.respondWith(fetch(e.request).then(r => {
|
|
if (r.ok) { const copy = r.clone(); caches.open(CACHE).then(c => c.put(e.request, copy)); }
|
|
return r;
|
|
}).catch(() => caches.match(e.request)));
|
|
});
|
|
|
|
// Push reminders (see push.js on the server)
|
|
self.addEventListener('push', e => {
|
|
let d = {}; try { d = e.data.json(); } catch {}
|
|
e.waitUntil(self.registration.showNotification(d.title || 'NE Hub', { body: d.body || '', icon: '/icons/icon-192.png', badge: '/icons/icon-192.png', tag: d.tag, data: { url: d.url || '#/home' } }));
|
|
});
|
|
self.addEventListener('notificationclick', e => {
|
|
e.notification.close();
|
|
const url = '/' + ((e.notification.data && e.notification.data.url) || '');
|
|
e.waitUntil(self.clients.matchAll({ type: 'window', includeUncontrolled: true }).then(cs => {
|
|
const c = cs.find(x => new URL(x.url).origin === self.location.origin);
|
|
if (c) { c.focus(); return c.navigate(url); }
|
|
return self.clients.openWindow(url);
|
|
}));
|
|
});
|