web/notify.moe
Code Issues Pull Requests Activity

Added new version checker

Browse Source
This commit is contained in:
Eduard Urbach 2018-04-08 13:31:58 +02:00
parent 9d1890d8f7
commit 833f37dad8
2 changed files with 45 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
scripts/AnimeNotifier.ts
View File

@ -11,6 +11,7 @@ import InfiniteScroller from "./InfiniteScroller"
import ServiceWorkerManager from "./ServiceWorkerManager" import ServiceWorkerManager from "./ServiceWorkerManager"
import { displayAiringDate, displayDate, displayTime } from "./DateView" import { displayAiringDate, displayDate, displayTime } from "./DateView"
import { findAll, canUseWebP, requestIdleCallback, swapElements, delay } from "./Utils" import { findAll, canUseWebP, requestIdleCallback, swapElements, delay } from "./Utils"
import { checkNewVersion } from "./NewVersionCheck"
import * as actions from "./Actions" import * as actions from "./Actions"
export default class AnimeNotifier { export default class AnimeNotifier {
@ -34,7 +35,6 @@ export default class AnimeNotifier {
diffCompletedForCurrentPath: boolean diffCompletedForCurrentPath: boolean
lastReloadContentPath: string lastReloadContentPath: string
currentSoundTrackId: string currentSoundTrackId: string
etags: Map<string, string>
constructor(app: Application) { constructor(app: Application) {
this.app = app this.app = app
@ -196,25 +196,9 @@ export default class AnimeNotifier {
// Bind unload event // Bind unload event
window.addEventListener("beforeunload", this.onBeforeUnload.bind(this)) window.addEventListener("beforeunload", this.onBeforeUnload.bind(this))
// Check etags of scripts and styles // Periodically check etags of scripts and styles to let the user know about page updates
this.etags = new Map<string, string>() checkNewVersion("/scripts", this.statusMessage)
checkNewVersion("/styles", this.statusMessage)
delay(2000).then(async () => {
let response = await fetch("/scripts")
let newETag = response.headers.get("ETag")
let oldETag = this.etags.get("/scripts")
this.etags.set("/scripts", newETag)
console.log("etags", this.etags)
if(!oldETag || !newETag) {
return
}
if(oldETag !== newETag) {
this.statusMessage.showInfo("A new version of the website is available. Please refresh the page.", -1)
}
})
// // Download popular anime titles for the search // // Download popular anime titles for the search
// let response = await fetch("/api/popular/anime/titles/500") // let response = await fetch("/api/popular/anime/titles/500")

41
scripts/NewVersionCheck.ts Normal file
View File

@ -0,0 +1,41 @@
import { delay } from "./Utils"
import StatusMessage from "./StatusMessage"
let etags = new Map<string, string>()
let hasNewVersion = false
let newVersionCheckDelay = 60000
export async function checkNewVersion(url: string, statusMessage: StatusMessage) {
if(hasNewVersion) {
return
}
try {
let response = await fetch(url)
if(!response.ok) {
console.warn("Error fetch", url)
return
}
let newETag = response.headers.get("ETag")
let oldETag = etags.get(url)
if(newETag) {
etags.set(url, newETag)
}
if(oldETag && newETag && oldETag !== newETag) {
statusMessage.showInfo("A new version of the website is available. Please refresh the page.", -1)
// Do not check for new versions again.
hasNewVersion = true
return
}
} catch(err) {
console.warn("Error fetching", url + "\n", err)
}
delay(newVersionCheckDelay).then(() => checkNewVersion(url, statusMessage))
}