port js transitions to ts

2 files changed, 6 insertions, 5 deletions

diff --git a/web/script/main.ts b/web/script/main.ts
index b59f7af..e2a5045 100644
--- a/web/script/main.ts
+++ b/web/script/main.ts
@@ -4,3 +4,4 @@
     Copyright (C) 2023 metamuffin <metamuffin.org>
 */
 import "./player/mod.ts"
+import "./transition.ts"
diff --git a/web/script/transition.js b/web/script/transition.ts
index 7d39176..aa172f7 100644
--- a/web/script/transition.js
+++ b/web/script/transition.ts
@@ -24,13 +24,13 @@ function patch_page() {
     })
 }
 
-async function transition_to(href, back) {
+async function transition_to(href: string, back?: boolean) {
     const trigger_load = prepare_load(href, back)
     await fade(false)
     trigger_load()
 }
 
-function prepare_load(href, back) {
+function prepare_load(href: string, back?: boolean) {
     const r_promise = fetch(href)
     return async () => {
         let rt = ""
@@ -52,7 +52,7 @@ function prepare_load(href, back) {
     }
 }
 
-function fade(dir) {
+function fade(dir: boolean) {
     const overlay = document.createElement("div")
     overlay.style.position = "absolute"
     overlay.style.left = "0px"
@@ -61,12 +61,12 @@ function fade(dir) {
     overlay.style.height = "100vh"
     overlay.style.backgroundColor = dir ? "black" : "transparent"
     overlay.style.transition = `background-color ${duration}s`
-    overlay.style.zIndex = 99999;
+    overlay.style.zIndex = "99999";
     setTimeout(() => {
         overlay.style.backgroundColor = dir ? "transparent" : "black"
     }, 0)
     document.body.appendChild(overlay)
-    return new Promise(res => {
+    return new Promise<void>(res => {
         setTimeout(() => {
             if (dir) document.body.removeChild(overlay)
             res()