-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathsw.js
More file actions
77 lines (69 loc) · 1.9 KB
/
Copy pathsw.js
File metadata and controls
77 lines (69 loc) · 1.9 KB
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
const CACHE = 'portfolio-v1';
const PRECACHE = [
'/',
'/index.html',
'/style.css',
'/script.js',
'/404.html',
'/manifest.json',
'/resume.pdf',
'/sitemap.xml',
'/robots.txt',
'/vicious-viper/',
'/vicious-viper/index.html',
'/vicious-viper/vicious-viper.css',
];
self.addEventListener('install', event => {
event.waitUntil(
caches.open(CACHE).then(cache => {
return cache.addAll(PRECACHE).catch(() => {});
})
);
self.skipWaiting();
});
self.addEventListener('activate', event => {
event.waitUntil(
caches.keys().then(keys => {
return Promise.all(
keys.filter(k => k !== CACHE).map(k => caches.delete(k))
);
})
);
self.clients.claim();
});
self.addEventListener('fetch', event => {
const { request } = event;
const url = new URL(request.url);
// Skip non-GET and non-http(s) requests
if (request.method !== 'GET' || !url.protocol.startsWith('http')) return;
// For HTML navigation — network first, cache fallback
if (request.mode === 'navigate') {
event.respondWith(
fetch(request)
.then(response => {
const copy = response.clone();
caches.open(CACHE).then(cache => cache.put(request, copy));
return response;
})
.catch(() => caches.match(request).then(r => r || caches.match('/404.html')))
);
return;
}
// For external resources (GitHub stats, GoatCounter, fonts) — network only
if (url.origin !== location.origin) {
return;
}
// For same-origin static assets — cache first, network update
event.respondWith(
caches.match(request).then(cached => {
const fetchPromise = fetch(request)
.then(response => {
const copy = response.clone();
caches.open(CACHE).then(cache => cache.put(request, copy));
return response;
})
.catch(() => cached);
return cached || fetchPromise;
})
);
});