Zengtudor/Nuxt
1
0
Fork 0
mirror of https://github.com/nuxt/nuxt.git synced 2024-11-25 15:15:19 +00:00
Code Issues Packages Projects Releases Wiki Activity

update index.html

Browse Source
This commit is contained in:
Pooya Parsa 2020-11-04 00:46:01 +01:00
parent dd7f32324f
commit 2f329dec26
1 changed files with 18 additions and 33 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

51
packages/nitro/src/targets/sw/index.html
View File

@ -1,47 +1,32 @@
<!DOCTYPE html>
<html>
<body>
<head>
<meta charset="utf-8">
<link rel="prefetch" href="/nuxt.sw.js">
<link rel="preload" href="/nuxt.sw.js" as="worker">
<script>
if (!('serviceWorker' in navigator)) {
throw new Error('Browser not supported!')
}
let timeout
const stopTimer = () => {
if (timeout) {
clearTimeout(timeout)
}
}
const startTimer = () => {
stopTimer()
timeout = setTimeout(() => { document.write('Loading...') }, 3000)
}
const stopTimer = () => { if (timeout) { clearTimeout(timeout); timeout = undefined } }
const startTimer = () => { stopTimer(); timeout = setTimeout(() => { document.write('Loading...') }, 3000) }
startTimer()
window.addEventListener('load', () => {
startTimer()
navigator.serviceWorker.register('/nuxt.sw.js').then((registration) => {
startTimer()
console.log('ServiceWorker registration successful with scope:', registration.scope)
fetch(window.location.href).then(r => r.text()).then(html => {
stopTimer()
if (html.includes('/nuxt.sw.js')) {
console.error('Soon!')
return
}
document.open()
document.write(html)
document.close()
}).catch(() => {
stopTimer()
window.location.reload(false)
})
}).catch(error => {
console.error('ServiceWorker registration failed:', error)
document.write(error)
})
navigator.serviceWorker.register('/nuxt.sw.js').then((registration) => {
stopTimer()
console.log('ServiceWorker registration successful with scope:', registration.scope)
window.location.reload(false)
}).catch(error => {
stopTimer()
console.error('ServiceWorker registration failed:', error)
document.write(error)
})
</script>
</body>
</head>
<body></body>
</html>