diff options
author | tdro <tdro@noreply.example.com> | 2023-04-27 16:10:15 -0400 |
---|---|---|
committer | tdro <tdro@noreply.example.com> | 2023-04-27 16:10:15 -0400 |
commit | 459e8342887ef0f986b52a9287916e5af9289a81 (patch) | |
tree | d2dc49bda35fe0b669228e4e8252f52f55100739 /static/js/update.ts | |
parent | 23a5c3b679afe416c05b63c2a359de26be93bd6a (diff) | |
download | canory-459e8342887ef0f986b52a9287916e5af9289a81.tar.gz canory-459e8342887ef0f986b52a9287916e5af9289a81.tar.bz2 canory-459e8342887ef0f986b52a9287916e5af9289a81.zip |
static/js/refresh -> static/js/update
Diffstat (limited to 'static/js/update.ts')
-rw-r--r-- | static/js/update.ts | 40 |
1 files changed, 40 insertions, 0 deletions
diff --git a/static/js/update.ts b/static/js/update.ts new file mode 100644 index 0000000..2b96751 --- /dev/null +++ b/static/js/update.ts @@ -0,0 +1,40 @@ +(function () { + function check(url, method, callback) { + const http = new XMLHttpRequest(); + http.onreadystatechange = function () { + if (http.readyState === 4 && http.status === 200) { + if (callback) callback(http); + } + }; + http.open(method, url); + http.setRequestHeader("Pragma", "no-cache"); + http.setRequestHeader("Cache-Control", "no-cache"); + http.send(); + return http; + } + + function update() { + const url = self.location.href.split("#")[0].split("?")[0]; + check(url, "HEAD", function (request) { + const local = document.querySelector('meta[name="last-modified"]').content; + const remote = request.getResponseHeader("last-modified") || local; + const modified = Date.parse(document.lastModified) !== Date.parse(remote); + const drift = Date.parse(remote) - Date.parse(local); + + if (modified) { + const indicator = document.querySelector("a[data-update]"); + check(url, "GET"); + indicator.href = url; + indicator.removeAttribute("id"); + indicator.dataset.update = "refresh"; + self.removeEventListener("blur", update); + console.log("R: " + remote); + console.log("L: " + local); + console.log("D: " + drift); + console.log("M: " + modified); + } + }); + } + + self.addEventListener("blur", update); +})(); |