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).then(registration => { // registration.update() }) 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) { navigator.serviceWorker.controller.postMessage(JSON.stringify(message)) } onMessage(evt: MessageEvent) { let message = JSON.parse(evt.data) switch(message.type) { case "new notification": 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 } } }