move timer state outside

frontend/src/ts/components/test/LiveStats.tsx

@@ -10,6 +10,7 @@ import {
   VisibilityAnimationOptions,
 } from "../../hooks/useVisibilityAnimation";
 import { useRefWithUtils } from "../../hooks/useRefWithUtils";
+import { statsVisible } from "../../signals/test";
 
 function Stat(props: {
   value: Accessor<string>;
@@ -27,12 +28,6 @@ function Stat(props: {
   );
 }
 
-const [statsVisible, setStatsVisible] =
-  createSignal<VisibilityAnimationOptions>({
-    visible: false,
-    animate: true,
-  });
-
 const getStatsVisible = (
   visible: Accessor<boolean>,
 ): Accessor<VisibilityAnimationOptions> => {
@@ -42,8 +37,6 @@ const getStatsVisible = (
   });
 };
 
-export { setStatsVisible };
-
 export function LiveStatsMini(props: {
   wpm: Accessor<string>;
   acc: Accessor<string>;

frontend/src/ts/signals/test.ts

@@ -1,5 +1,12 @@
 import { createSignal } from "solid-js";
+import { VisibilityAnimationOptions } from "../hooks/useVisibilityAnimation";
 
 export const [getWpm, setLiveStatWpm] = createSignal("0");
 export const [getAcc, setLiveStatAcc] = createSignal("100%");
 export const [getBurst, setLiveStatBurst] = createSignal("0");
+
+export const [statsVisible, setStatsVisible] =
+  createSignal<VisibilityAnimationOptions>({
+    visible: false,
+    animate: true,
+  });

frontend/src/ts/test/test-ui.ts

@@ -55,11 +55,11 @@ import * as ModesNotice from "../elements/modes-notice";
 import * as Last10Average from "../elements/last-10-average";
 import * as MemoryFunboxTimer from "./funbox/memory-funbox-timer";
 import { qsr } from "../utils/dom";
-import { setStatsVisible } from "../components/test/LiveStats";
 import {
   setLiveStatAcc,
   setLiveStatBurst,
   setLiveStatWpm,
+  setStatsVisible,
 } from "../signals/test";
 
 export const updateHintsPositionDebounced = Misc.debounceUntilResolved(