moved js files in public into js and css into css folder

2026-09-22 21:55:02 +02:00
parent 99a3277e64
commit 08f5f3f8d9
40 changed files with 1772 additions and 1555 deletions
@@ -0,0 +1,62 @@
+import {themes} from "./constants.js?v=20260909-account-controls";
+
+export const THEME_STORAGE_KEY = "krishd-theme";
+export const THEME_MODE_STORAGE_KEY = "krishd-theme-mode";
+export const DEFAULT_THEME = "fakegpt";
+export const DEFAULT_THEME_MODE = "light";
+
+export function normalizeTheme(themeKey) {
+    return Object.hasOwn(themes, themeKey) ? themeKey : DEFAULT_THEME;
+}
+
+export function normalizeThemeMode(modeKey) {
+    return modeKey === "dark" ? "dark" : DEFAULT_THEME_MODE;
+}
+
+export function readStoredAppearance() {
+    return {
+        theme: normalizeTheme(localStorage.getItem(THEME_STORAGE_KEY)),
+        mode: normalizeThemeMode(localStorage.getItem(THEME_MODE_STORAGE_KEY))
+    };
+}
+
+export function applyTheme(themeKey, {
+    persist = true,
+    title = null,
+    themeSelect = null,
+    nameTargets = document.querySelectorAll("[data-brand-name]"),
+    logoTargets = document.querySelectorAll("[data-brand-logo]")
+} = {}) {
+    const nextTheme = normalizeTheme(themeKey);
+    const theme = themes[nextTheme];
+    document.documentElement.dataset.theme = nextTheme;
+    document.body.dataset.theme = nextTheme;
+    if (typeof title === "function") document.title = title(theme);
+    if (typeof title === "string") document.title = title;
+    nameTargets.forEach((target) => { target.textContent = "elsewhere"; });
+    logoTargets.forEach((target) => { target.textContent = ""; target.classList.add("doorway-mark"); });
+    if (themeSelect) themeSelect.value = nextTheme;
+    if (persist) localStorage.setItem(THEME_STORAGE_KEY, nextTheme);
+    document.dispatchEvent(new CustomEvent("appearancechange", {detail: {theme: nextTheme}}));
+    return nextTheme;
+}
+
+export function applyThemeMode(modeKey, {persist = true, modeSelect = null} = {}) {
+    const nextMode = normalizeThemeMode(modeKey);
+    document.documentElement.dataset.themeMode = nextMode;
+    document.body.dataset.themeMode = nextMode;
+    if (modeSelect) modeSelect.value = nextMode;
+    if (persist) localStorage.setItem(THEME_MODE_STORAGE_KEY, nextMode);
+    document.dispatchEvent(new CustomEvent("appearancechange", {detail: {mode: nextMode}}));
+    return nextMode;
+}
+
+export function initializeAppearance(options = {}) {
+    const appearance = readStoredAppearance();
+    applyTheme(appearance.theme, {...options, persist: false});
+    applyThemeMode(appearance.mode, {
+        persist: false,
+        modeSelect: options.modeSelect || null
+    });
+    return appearance;
+}