File size: 2,917 Bytes
4f625d4 6829252 4f625d4 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 |
/**
* Wrdler Service Worker
* Enables PWA functionality: offline caching, install prompt, etc.
*
* Security Note: This file contains no secrets or sensitive data.
* It only caches public assets for offline access.
*/
const CACHE_NAME = 'wrdler-v0.0.2';
const RUNTIME_CACHE = 'wrdler-runtime';
// Assets to cache on install (minimal for faster install)
const PRECACHE_URLS = [
'/',
'/app/static/manifest.json',
'/app/static/icon-192.png',
'/app/static/icon-512.png'
];
// Install event - cache essential files
self.addEventListener('install', event => {
console.log('[ServiceWorker] Installing...');
event.waitUntil(
caches.open(CACHE_NAME)
.then(cache => {
console.log('[ServiceWorker] Precaching app shell');
return cache.addAll(PRECACHE_URLS);
})
.then(() => self.skipWaiting()) // Activate immediately
);
});
// Activate event - clean up old caches
self.addEventListener('activate', event => {
console.log('[ServiceWorker] Activating...');
event.waitUntil(
caches.keys().then(cacheNames => {
return Promise.all(
cacheNames.map(cacheName => {
if (cacheName !== CACHE_NAME && cacheName !== RUNTIME_CACHE) {
console.log('[ServiceWorker] Deleting old cache:', cacheName);
return caches.delete(cacheName);
}
})
);
}).then(() => self.clients.claim()) // Take control immediately
);
});
// Fetch event - network first, fall back to cache
self.addEventListener('fetch', event => {
// Skip non-GET requests
if (event.request.method !== 'GET') {
return;
}
// Skip chrome-extension and other non-http requests
if (!event.request.url.startsWith('http')) {
return;
}
event.respondWith(
caches.open(RUNTIME_CACHE).then(cache => {
return fetch(event.request)
.then(response => {
// Cache successful responses for future offline access
if (response.status === 200) {
cache.put(event.request, response.clone());
}
return response;
})
.catch(() => {
// Network failed, try cache
return caches.match(event.request).then(cachedResponse => {
if (cachedResponse) {
console.log('[ServiceWorker] Serving from cache:', event.request.url);
return cachedResponse;
}
// No cache available, return offline page or error
return new Response('Offline - Please check your connection', {
status: 503,
statusText: 'Service Unavailable',
headers: new Headers({
'Content-Type': 'text/plain'
})
});
});
});
})
);
});
// Message event - handle commands from the app
self.addEventListener('message', event => {
if (event.data.action === 'skipWaiting') {
self.skipWaiting();
}
});
|