Update service worker so it only caches images
This commit is contained in:
parent
1fa5695a9f
commit
ca3fa85df3
87
sw.js
87
sw.js
@ -1,36 +1,75 @@
|
|||||||
|
const CACHE_NAME = 'hummingbird-anime-client';
|
||||||
|
|
||||||
|
async function fromCache (request) {
|
||||||
|
const cache = await caches.open(CACHE_NAME);
|
||||||
|
return await cache.match(request);
|
||||||
|
}
|
||||||
|
|
||||||
|
async function fromNetwork (request) {
|
||||||
|
return await fetch(request);
|
||||||
|
}
|
||||||
|
|
||||||
|
async function update (request) {
|
||||||
|
const cache = await caches.open(CACHE_NAME);
|
||||||
|
const response = await fetch(request);
|
||||||
|
|
||||||
|
if (request.url.includes('/public/images/')) {
|
||||||
|
console.log('Saving to cache: ', request.url);
|
||||||
|
await cache.put(request, response.clone());
|
||||||
|
}
|
||||||
|
|
||||||
|
return response;
|
||||||
|
}
|
||||||
|
|
||||||
|
function refresh (response) {
|
||||||
|
return self.clients.matchAll().then(clients => {
|
||||||
|
clients.forEach(client => {
|
||||||
|
const message = {
|
||||||
|
type: 'refresh',
|
||||||
|
url: response.url,
|
||||||
|
eTag: response.headers.get('ETag')
|
||||||
|
};
|
||||||
|
|
||||||
|
client.postMessage(JSON.stringify(message));
|
||||||
|
})
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
self.addEventListener('install', event => {
|
self.addEventListener('install', event => {
|
||||||
console.log('Worker installed');
|
console.log('Public Folder Worker installed');
|
||||||
|
|
||||||
event.waitUntil(
|
event.waitUntil(
|
||||||
caches.open('hummingbird-anime-client')
|
caches.open(CACHE_NAME)
|
||||||
.then(cache => cache.addAll([
|
.then(cache => cache.addAll([
|
||||||
'public/images/icons/favicon.ico',
|
'public/images/icons/favicon.ico',
|
||||||
'public/css/app.min.css',
|
'public/images/streaming-logos/amazon.svg',
|
||||||
'public/js/index.min.js',
|
'public/images/streaming-logos/crunchyroll.svg',
|
||||||
'public/js/index-authed.min.js',
|
'public/images/streaming-logos/daisuki.svg',
|
||||||
'public/js/tables.min.js',
|
'public/images/streaming-logos/funimation.svg',
|
||||||
|
'public/images/streaming-logos/hidive.svg',
|
||||||
|
'public/images/streaming-logos/hulu.svg',
|
||||||
|
'public/images/streaming-logos/netflix.svg',
|
||||||
|
'public/images/streaming-logos/tubitv.svg',
|
||||||
|
'public/images/streaming-logos/viewster.svg',
|
||||||
]))
|
]))
|
||||||
);
|
)
|
||||||
});
|
});
|
||||||
|
|
||||||
|
self.addEventListener('activate', event => {
|
||||||
|
console.log('Public Folder Worker activated');
|
||||||
|
});
|
||||||
|
|
||||||
|
// Pull css, images, and javascript from cache
|
||||||
self.addEventListener('fetch', event => {
|
self.addEventListener('fetch', event => {
|
||||||
|
fromCache(event.request).then(cached => {
|
||||||
|
if (cached !== undefined) {
|
||||||
|
event.respondWith(cached);
|
||||||
|
} else {
|
||||||
|
event.respondWith(fromNetwork(event.request));
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
event.respondWith(
|
event.waitUntil(
|
||||||
caches.match(event.request).then(response => {
|
update(event.request).then(refresh)
|
||||||
if (response !== undefined) {
|
|
||||||
// Return cached version
|
|
||||||
return response;
|
|
||||||
}
|
|
||||||
|
|
||||||
return fetch(event.request).then(response => {
|
|
||||||
const clone = response.clone();
|
|
||||||
|
|
||||||
caches.open('hummingbird-anime-client').then(cache => {
|
|
||||||
cache.put(event.request, clone);
|
|
||||||
});
|
|
||||||
|
|
||||||
return response;
|
|
||||||
});
|
|
||||||
})
|
|
||||||
);
|
);
|
||||||
});
|
});
|
Loading…
Reference in New Issue
Block a user