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
		}
	}
}