impr(dev options): add button to test xp bar

!nuf
monkeytypegame · Sep 26, 2024 · 3393e27 · 3393e27
1 parent 840c0c2
commit 3393e27
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 0 deletions.
diff --git a/frontend/src/html/popups.html b/frontend/src/html/popups.html
@@ -56,6 +56,7 @@
     <button class="toggleMediaQueryDebug">toggle media query debug</button>
     <button class="showTestNotifications">show test notifications</button>
     <button class="showRealWordsInput">show real words input</button>
+    <button class="xpBarTest">xp bar test</button>
   </div>
 </dialog>
 

diff --git a/frontend/src/ts/modals/dev-options.ts b/frontend/src/ts/modals/dev-options.ts
@@ -5,6 +5,7 @@ import * as Notifications from "../elements/notifications";
 import { setMediaQueryDebugLevel } from "../ui";
 import { signIn } from "../controllers/account-controller";
 import * as Loader from "../elements/loader";
+import { update } from "../elements/xp-bar";
 
 let mediaQueryDebugLevel = 0;
 
@@ -68,6 +69,20 @@ async function setup(modalEl: HTMLElement): Promise<void> {
     );
     void modal.hide();
   });
+  modalEl.querySelector(".xpBarTest")?.addEventListener("click", () => {
+    setTimeout(() => {
+      void update(1000000, 20800, {
+        base: 100,
+        fullAccuracy: 200,
+        accPenalty: 300,
+        quote: 400,
+        punctuation: 500,
+        streak: 10_000,
+        configMultiplier: 2,
+      });
+    }, 500);
+    void modal.hide();
+  });
 }
 
 const modal = new AnimatedModal({