improve page-create, service-worker and manifest
This commit is contained in:
@@ -1,4 +1,4 @@
|
||||
const CACHE_NAME = 'dgray-v19';
|
||||
const CACHE_NAME = 'dgray-v20';
|
||||
const STATIC_ASSETS = [
|
||||
'/',
|
||||
'/index.html',
|
||||
@@ -10,6 +10,12 @@ const STATIC_ASSETS = [
|
||||
'/js/router.js',
|
||||
'/js/i18n.js',
|
||||
'/js/services/api.js',
|
||||
'/js/services/crypto.js',
|
||||
'/js/services/chat.js',
|
||||
'/js/data/mock-listings.js',
|
||||
'/js/components/chat-widget.js',
|
||||
'/js/components/listing-card.js',
|
||||
'/js/components/search-box.js',
|
||||
'/locales/de.json',
|
||||
'/locales/en.json',
|
||||
'/locales/fr.json',
|
||||
@@ -46,14 +52,24 @@ self.addEventListener('activate', (event) => {
|
||||
|
||||
self.addEventListener('fetch', (event) => {
|
||||
const { request } = event;
|
||||
const url = new URL(request.url);
|
||||
|
||||
if (request.method !== 'GET') return;
|
||||
|
||||
if (request.url.includes('/api/')) {
|
||||
// API calls: Network First
|
||||
if (url.pathname.includes('/api/')) {
|
||||
event.respondWith(networkFirst(request));
|
||||
} else {
|
||||
event.respondWith(cacheFirst(request));
|
||||
return;
|
||||
}
|
||||
|
||||
// HTML and JS: Stale-While-Revalidate (show cached, update in background)
|
||||
if (url.pathname.endsWith('.html') || url.pathname.endsWith('.js') || url.pathname === '/') {
|
||||
event.respondWith(staleWhileRevalidate(request));
|
||||
return;
|
||||
}
|
||||
|
||||
// Everything else: Cache First
|
||||
event.respondWith(cacheFirst(request));
|
||||
});
|
||||
|
||||
async function cacheFirst(request) {
|
||||
@@ -89,3 +105,17 @@ async function networkFirst(request) {
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
async function staleWhileRevalidate(request) {
|
||||
const cache = await caches.open(CACHE_NAME);
|
||||
const cached = await cache.match(request);
|
||||
|
||||
const fetchPromise = fetch(request).then((response) => {
|
||||
if (response.ok) {
|
||||
cache.put(request, response.clone());
|
||||
}
|
||||
return response;
|
||||
}).catch(() => cached);
|
||||
|
||||
return cached || fetchPromise;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user