/
service-worker-registration.ts
43 lines (34 loc) · 1.18 KB
/
service-worker-registration.ts
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
/* eslint-disable no-console */
const SERVICE_WORKERS = {
prefetch: '/prefetch-service-worker.js',
swr: '/swr-service-worker.js'
}
const ACTIVE_REVALIDATION_INTERVAL = 10 * 60
const shouldRegisterServiceWorker = process.env.NODE_ENV !== 'development' && navigator.userAgent !== 'Prerender'
const appIsInstalled =
window.matchMedia('(display-mode: standalone)').matches || document.referrer.includes('android-app://')
const register = () => {
window.addEventListener('load', async () => {
const serviceWorkerType = appIsInstalled ? 'swr' : 'prefetch'
try {
const registration = await navigator.serviceWorker.register(SERVICE_WORKERS[serviceWorkerType])
console.log('Service worker registered!')
setInterval(() => registration.update(), ACTIVE_REVALIDATION_INTERVAL * 1000)
} catch (err) {
console.error(err)
}
})
}
const unregister = async () => {
try {
const registration = await navigator.serviceWorker.ready
await registration.unregister()
console.log('Service worker unregistered!')
} catch (err) {
console.error(err)
}
}
if ('serviceWorker' in navigator) {
if (shouldRegisterServiceWorker) register()
else unregister()
}