104 lines
2.4 KiB
TypeScript

import AnimeNotifier from "./AnimeNotifier"
export default class ServiceWorkerManager {
arn: AnimeNotifier
uri: string
constructor(arn: AnimeNotifier, uri: string) {
this.arn = arn
this.uri = uri
}
register() {
if(!("serviceWorker" in navigator)) {
console.warn("service worker not supported, skipping registration")
return
}
navigator.serviceWorker.register(this.uri)
navigator.serviceWorker.addEventListener("message", evt => {
this.onMessage(evt)
})
// This will send a message to the service worker that the DOM has been loaded
let sendContentLoadedEvent = () => {
if(!navigator.serviceWorker.controller) {
return
}
// A reloadContent call should never trigger another reload
if(this.arn.app.currentPath === this.arn.lastReloadContentPath) {
this.arn.lastReloadContentPath = ""
return
}
let url = ""
// If mainPageLoaded is set, it means every single request is now an AJAX request for the /_/ prefixed page
if(this.arn.mainPageLoaded) {
url = window.location.origin + "/_" + window.location.pathname
} else {
this.arn.mainPageLoaded = true
url = window.location.href
}
// console.log("checking for updates:", message.url)
this.postMessage({
type: "loaded",
url
})
}
// For future loaded events
document.addEventListener("DOMContentLoaded", sendContentLoadedEvent)
// If the page is loaded already, send the loaded event right now.
if(document.readyState !== "loading") {
sendContentLoadedEvent()
}
}
postMessage(message: any) {
const controller = navigator.serviceWorker.controller
if(!controller) {
return
}
controller.postMessage(JSON.stringify(message))
}
onMessage(evt: MessageEvent) {
let message = JSON.parse(evt.data)
switch(message.type) {
case "new notification":
if(this.arn.notificationManager) {
this.arn.notificationManager.update()
}
break
// case "new content":
// if(message.url.includes("/_/")) {
// // Content reload
// this.arn.contentLoadedActions.then(() => {
// this.arn.reloadContent(true)
// })
// } else {
// // Full page reload
// this.arn.contentLoadedActions.then(() => {
// this.arn.reloadPage()
// })
// }
// break
// case "offline":
// this.arn.statusMessage.showError("You are viewing an offline version of the site now.")
// break
}
}
}