themes lol

src/themes/registry.ts

@@ -0,0 +1,37 @@
+import type { ThemeManifest } from "./types";
+
+// Themes are auto-discovered: each src/themes/<id>/manifest.ts default-export
+// is registered here. Keep this module CSS-free so server fns can import it;
+// theme stylesheets are aggregated separately in ./styles.ts.
+const modules = import.meta.glob<{ default: ThemeManifest }>("./*/manifest.ts", {
+  eager: true,
+});
+
+export const THEMES: Record<string, ThemeManifest> = {};
+
+for (const [path, mod] of Object.entries(modules)) {
+  const folder = path.split("/")[1];
+  const manifest = mod.default;
+  if (!manifest || manifest.id !== folder) {
+    console.warn(`[themes] skipping ${path}: manifest id must equal folder name`);
+    continue;
+  }
+  THEMES[manifest.id] = manifest;
+}
+
+export const DEFAULT_THEME_ID = "default";
+
+if (!THEMES[DEFAULT_THEME_ID]) {
+  throw new Error("[themes] default theme manifest is missing or invalid");
+}
+
+export const THEME_IDS = Object.keys(THEMES);
+
+// Base order: default first, rest by id. Pickers re-sort by LOCALIZED title
+// at render time (labels are i18n descriptors, unresolvable here).
+export const THEME_LIST: ThemeManifest[] = Object.values(THEMES).sort(
+  (a, b) => (a.order ?? 100) - (b.order ?? 100) || a.id.localeCompare(b.id)
+);
+
+export const getTheme = (id?: string | null): ThemeManifest =>
+  (id ? THEMES[id] : undefined) ?? THEMES[DEFAULT_THEME_ID];