move

Author: Miodec

frontend/src/ts/constants/themes.ts

@@ -1,5 +1,4 @@
 import { ThemeName } from "@monkeytype/schemas/configs";
-import { hexToHSL } from "../utils/colors";
 import { z } from "zod";
 
 const hexColorSchema = z
@@ -2335,11 +2334,3 @@ export const ThemesList: ThemeWithName[] = Object.keys(themes)
         name: it as ThemeName,
       }) as Theme & { name: ThemeName },
   );
-
-export const ThemesListSorted: ThemeWithName[] = [
-  ...ThemesList.sort((a, b) => {
-    const b1 = hexToHSL(a.bg);
-    const b2 = hexToHSL(b.bg);
-    return b2.lgt - b1.lgt;
-  }),
-];

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

@@ -14,10 +14,18 @@ import { isAuthenticated } from "../../firebase";
 import { getActivePage } from "../../signals/core";
 import { ThemeName } from "@monkeytype/schemas/configs";
 import { captureException } from "../../sentry";
-import { ColorName, ThemesListSorted } from "../../constants/themes";
+import { ColorName, ThemesList, ThemeWithName } from "../../constants/themes";
 import { qs, qsa, qsr } from "../../utils/dom";
 import { getTheme, updateThemeColor } from "../../signals/theme";
 
+export const sortedThemes: ThemeWithName[] = [
+  ...ThemesList.sort((a, b) => {
+    const b1 = Colors.hexToHSL(a.bg);
+    const b2 = Colors.hexToHSL(b.bg);
+    return b2.lgt - b1.lgt;
+  }),
+];
+
 function updateActiveButton(): void {
   let activeThemeName: string = Config.theme;
   if (
@@ -85,7 +93,7 @@ export async function fillPresetButtons(): Promise<void> {
     activeThemeName = ThemeController.randomTheme;
   }
 
-  const themes = ThemesListSorted;
+  const themes = sortedThemes;
 
   //first show favourites
   if (Config.favThemes.length > 0) {

frontend/vite.config.ts

@@ -266,6 +266,9 @@ function getBuildOptions({
           if (id.includes("monkeytype/packages")) {
             return "monkeytype-packages";
           }
+          if (id.includes("src/ts/constants")) {
+            return "monkeytype-constants";
+          }
           if (id.includes("node_modules")) {
             return "vendor";
           }