impr: add type safety to the config event observable

!nuf

Author: Miodec

frontend/src/ts/config.ts

@@ -1901,7 +1901,7 @@ export function setCustomLayoutfluid(
   const customLayoutfluid = trimmed.replace(/ /g, "#");
   config.customLayoutfluid = customLayoutfluid;
   saveToLocalStorage("customLayoutfluid", nosave);
-  ConfigEvent.dispatch("customLayoutFluid", config.customLayoutfluid);
+  ConfigEvent.dispatch("customLayoutfluid", config.customLayoutfluid);
 
   return true;
 }

frontend/src/ts/elements/modes-notice.ts

@@ -12,23 +12,22 @@ import Format from "../utils/format";
 import { getActiveFunboxNames } from "../test/funbox/list";
 
 ConfigEvent.subscribe((eventKey) => {
-  if (
-    [
-      "difficulty",
-      "blindMode",
-      "stopOnError",
-      "paceCaret",
-      "minWpm",
-      "minAcc",
-      "minBurst",
-      "confidenceMode",
-      "layout",
-      "showAverage",
-      "typingSpeedUnit",
-      "quickRestart",
-      "changeCustomPolyglot",
-    ].includes(eventKey)
-  ) {
+  const configKeys: ConfigEvent.ConfigEventKey[] = [
+    "difficulty",
+    "blindMode",
+    "stopOnError",
+    "paceCaret",
+    "minWpm",
+    "minAcc",
+    "minBurst",
+    "confidenceMode",
+    "layout",
+    "showAverage",
+    "typingSpeedUnit",
+    "quickRestart",
+    "customPolyglot",
+  ];
+  if (configKeys.includes(eventKey)) {
     void update();
   }
 });

frontend/src/ts/elements/settings/theme-picker.ts

@@ -479,7 +479,6 @@ $(".pageSettings #saveCustomThemeButton").on("click", async () => {
 });
 
 ConfigEvent.subscribe((eventKey) => {
-  if (eventKey === "customThemeId") void refreshButtons();
   if (eventKey === "theme" && ActivePage.get() === "settings") {
     updateActiveButton();
   }

frontend/src/ts/observables/config-event.ts

@@ -1,7 +1,19 @@
-import { Config, ConfigValue } from "@monkeytype/contracts/schemas/configs";
+import {
+  Config,
+  ConfigKey,
+  ConfigValue,
+} from "@monkeytype/contracts/schemas/configs";
+
+export type ConfigEventKey =
+  | ConfigKey
+  | "saveToLocalStorage"
+  | "setThemes"
+  | "configApplied"
+  | "fullConfigChange"
+  | "fullConfigChangeFinished";
 
 type SubscribeFunction = (
-  key: string,
+  key: ConfigEventKey,
   newValue?: ConfigValue,
   nosave?: boolean,
   previousValue?: ConfigValue,
@@ -15,7 +27,7 @@ export function subscribe(fn: SubscribeFunction): void {
 }
 
 export function dispatch(
-  key: string,
+  key: ConfigEventKey,
   newValue?: ConfigValue,
   nosave?: boolean,
   previousValue?: ConfigValue,

frontend/src/ts/test/test-logic.ts

@@ -1432,7 +1432,7 @@ ConfigEvent.subscribe((eventKey, eventValue, nosave) => {
     }
     if (eventKey === "difficulty" && !nosave) restart();
     if (
-      eventKey === "customLayoutFluid" &&
+      eventKey === "customLayoutfluid" &&
       Config.funbox.includes("layoutfluid")
     ) {
       restart();