From 2b4c3d2efe608a3dd70dedaba870aff157d2be40 Mon Sep 17 00:00:00 2001
From: Miodec <jack@monkeytype.com>
Date: Fri, 15 Aug 2025 23:48:43 +0200
Subject: [PATCH] chore: stronger easing method type, add default easing method

---
 frontend/src/ts/elements/xp-bar.ts |  2 +-
 frontend/src/ts/utils/misc.ts      | 36 +++++++++++++++++++++++++++++-
 2 files changed, 36 insertions(+), 2 deletions(-)

diff --git a/frontend/src/ts/elements/xp-bar.ts b/frontend/src/ts/elements/xp-bar.ts
index 9e0837d71..b28ebe566 100644
--- a/frontend/src/ts/elements/xp-bar.ts
+++ b/frontend/src/ts/elements/xp-bar.ts
@@ -404,7 +404,7 @@ async function animateXpBar(
 
     let firstOneDone = false;
     let animationDuration = quickSpeed;
-    let animationEasing = "linear";
+    let animationEasing: Misc.JQueryEasing = "linear";
     let decrement = 1 - (startingLevel % 1);
 
     do {
diff --git a/frontend/src/ts/utils/misc.ts b/frontend/src/ts/utils/misc.ts
index 1dc9bbd63..bc077b07e 100644
--- a/frontend/src/ts/utils/misc.ts
+++ b/frontend/src/ts/utils/misc.ts
@@ -449,11 +449,45 @@ export function isAnyPopupVisible(): boolean {
   return popupVisible;
 }
 
+export type JQueryEasing =
+  | "linear"
+  | "swing"
+  | "easeInSine"
+  | "easeOutSine"
+  | "easeInOutSine"
+  | "easeInQuad"
+  | "easeOutQuad"
+  | "easeInOutQuad"
+  | "easeInCubic"
+  | "easeOutCubic"
+  | "easeInOutCubic"
+  | "easeInQuart"
+  | "easeOutQuart"
+  | "easeInOutQuart"
+  | "easeInQuint"
+  | "easeOutQuint"
+  | "easeInOutQuint"
+  | "easeInExpo"
+  | "easeOutExpo"
+  | "easeInOutExpo"
+  | "easeInCirc"
+  | "easeOutCirc"
+  | "easeInOutCirc"
+  | "easeInBack"
+  | "easeOutBack"
+  | "easeInOutBack"
+  | "easeInElastic"
+  | "easeOutElastic"
+  | "easeInOutElastic"
+  | "easeInBounce"
+  | "easeOutBounce"
+  | "easeInOutBounce";
+
 export async function promiseAnimation(
   el: JQuery,
   animation: Record<string, string>,
   duration: number,
-  easing: string
+  easing: JQueryEasing = "swing"
 ): Promise<void> {
   return new Promise((resolve) => {
     el.animate(animation, applyReducedMotion(duration), easing, resolve);