1
0
mirror of https://github.com/comatory/fb2iCal synced 2025-06-05 22:09:25 +02:00

fix: extract service worker setup to Svelte app initialization

This commit is contained in:
Ondřej Synáček
2020-12-20 15:00:00 +01:00
parent a5b9887fec
commit 29ad7fcf73
6 changed files with 54 additions and 59 deletions

View File

@@ -13,12 +13,6 @@ import { requestStore } from '../frontend/stores'
import { Request } from '../frontend/records'
(() => {
let request = null
requestStore.subscribe((updatedRequest) => {
request = updatedRequest
})
document.addEventListener('DOMContentLoaded', boot)
const configureLogger = (logger) => {
@@ -34,57 +28,5 @@ import { Request } from '../frontend/records'
logger.setRemoteLogging(shouldTrack)
}
const clearStatuses = () => {
document.querySelectorAll('.status-item').forEach((item) => {
item.classList.remove('show')
})
}
const setServiceWorkerStatus = (status) => {
clearStatuses()
const sw = document.querySelector('#service-worker')
sw.innerText = status
status ? sw.classList.add('show') : sw.classList.remove('show')
}
const form = document.querySelector('form')
const submitButton = document.querySelector("#submit")
const input = document.querySelector("#url")
const link = document.querySelector("#current-download")
if (window.navigator && window.navigator.serviceWorker) {
const serviceWorker = window.navigator.serviceWorker
serviceWorker.register('sw.js', {
scope: './',
}).then((registration) => {
setServiceWorkerStatus(`Service worker registered with scope ${registration.scope}`)
setTimeout(() => {
setServiceWorkerStatus('')
}, 4500)
registration.addEventListener('updatefound', () => {
console.info('Service worker will be updated...')
const newWorker = registration.installing
newWorker.addEventListener('statechange', () => {
if (newWorker.state === 'installed') {
newWorker.postMessage({ action: 'skipWaiting' })
}
})
})
}).catch((err) => {
setServiceWorkerStatus(`Service worker error: ${err.toString()}`)
})
let refreshing
serviceWorker.addEventListener('controllerchange', () => {
if (refreshing) {
return
}
window.location.reload()
refreshing = true
})
}
configureLogger(logger)
})()