service-worker.js

// Service Worker: Cache management for HTTP/HTTPS deployment
var CACHE_VERSION='manga-editor-v1';
var STATIC_EXTENSIONS=[
'.css','.js','.png','.jpg','.jpeg','.gif','.svg','.ico',
'.woff','.woff2','.ttf','.eot','.otf',
'.html','.json'
];

function isStaticAsset(url){
var pathname=url.pathname.toLowerCase();
return STATIC_EXTENSIONS.some(function(ext){
return pathname.endsWith(ext);
});
}

function isApiCall(url){
return url.pathname.includes('/api/');
}

self.addEventListener('install',function(event){
self.skipWaiting();
});

self.addEventListener('activate',function(event){
event.waitUntil(
caches.keys().then(function(keys){
return Promise.all(
keys.filter(function(key){
return key!==CACHE_VERSION;
}).map(function(key){
return caches.delete(key);
})
);
}).then(function(){
return self.clients.claim();
})
);
});

self.addEventListener('fetch',function(event){
var url=new URL(event.request.url);

if(url.protocol==='file:'){
return;
}

if(!url.pathname.startsWith('/')){
return;
}

if(event.request.method!=='GET'){
return;
}

if(isApiCall(url)){
event.respondWith(
fetch(event.request).then(function(response){
var clone=response.clone();
caches.open(CACHE_VERSION).then(function(cache){
cache.put(event.request,clone);
});
return response;
}).catch(function(){
return caches.match(event.request);
})
);
return;
}

if(isStaticAsset(url)){
event.respondWith(
caches.match(event.request).then(function(cached){
if(cached){
return cached;
}
return fetch(event.request).then(function(response){
if(!response||response.status!==200||response.type!=='basic'){
return response;
}
var clone=response.clone();
caches.open(CACHE_VERSION).then(function(cache){
cache.put(event.request,clone);
});
return response;
});
})
);
return;
}

event.respondWith(
fetch(event.request).catch(function(){
return caches.match(event.request);
})
);
});