joshuaandClaude Opus 5.5
be621c49a2
Staff can lock a section (or the whole event) to their device, download its tickets and keep scanning with no connection. Scans are queued in IndexedDB and synced idempotently when back online; conflicts go into a sync report for supervisors, who can also force-release a lost device. The server now validates scan sections and refuses scans in a scope locked to another device. Adds a web app manifest and a service worker for the scanner page. Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
68 lines
2.4 KiB
JavaScript
68 lines
2.4 KiB
JavaScript
/*
|
|
* Service worker for offline ticket scanning.
|
|
*
|
|
* Only the scanner page and the static files it needs are cached:
|
|
* - /_next/static/* (hashed, never change): cache-first.
|
|
* - The scanner page itself: network-first, falling back to the cached copy offline.
|
|
* - The page can ask (postMessage { type: 'cache-urls', urls }) for the files it has
|
|
* loaded to be cached up front, so it works offline straight after "Enable offline mode".
|
|
* API calls are never cached — offline scans go through IndexedDB instead.
|
|
*/
|
|
const CACHE = 'hope-scanner-v1';
|
|
const SCANNER_PATH = '/dashboard/staff/ticket-scanning';
|
|
|
|
self.addEventListener('install', () => self.skipWaiting());
|
|
self.addEventListener('activate', (event) => {
|
|
event.waitUntil((async () => {
|
|
const keys = await caches.keys();
|
|
await Promise.all(keys.filter(k => k.startsWith('hope-scanner-') && k !== CACHE).map(k => caches.delete(k)));
|
|
await self.clients.claim();
|
|
})());
|
|
});
|
|
|
|
self.addEventListener('message', (event) => {
|
|
const data = event.data || {};
|
|
if (data.type !== 'cache-urls' || !Array.isArray(data.urls)) return;
|
|
event.waitUntil((async () => {
|
|
const cache = await caches.open(CACHE);
|
|
const sameOrigin = data.urls.filter(u => {
|
|
try { return new URL(u, self.location.origin).origin === self.location.origin; } catch { return false; }
|
|
});
|
|
await Promise.all(sameOrigin.map(u => cache.add(u).catch(() => {})));
|
|
})());
|
|
});
|
|
|
|
self.addEventListener('fetch', (event) => {
|
|
const req = event.request;
|
|
if (req.method !== 'GET') return;
|
|
const url = new URL(req.url);
|
|
if (url.origin !== self.location.origin) return;
|
|
|
|
if (url.pathname.startsWith('/_next/static/')) {
|
|
event.respondWith((async () => {
|
|
const cache = await caches.open(CACHE);
|
|
const hit = await cache.match(req);
|
|
if (hit) return hit;
|
|
const res = await fetch(req);
|
|
if (res.ok) cache.put(req, res.clone());
|
|
return res;
|
|
})());
|
|
return;
|
|
}
|
|
|
|
if (url.pathname === SCANNER_PATH) {
|
|
event.respondWith((async () => {
|
|
const cache = await caches.open(CACHE);
|
|
try {
|
|
const res = await fetch(req);
|
|
if (res.ok) cache.put(SCANNER_PATH, res.clone());
|
|
return res;
|
|
} catch {
|
|
const hit = (await cache.match(req, { ignoreSearch: true })) || (await cache.match(SCANNER_PATH));
|
|
if (hit) return hit;
|
|
throw new Error('offline and not cached');
|
|
}
|
|
})());
|
|
}
|
|
});
|