mirror of
https://github.com/mountain-loop/yaak.git
synced 2026-03-25 10:51:57 +01:00
b4a1c418bb
Add .oxfmtignore to skip generated bindings and wasm-pack output. Add npm format script, update DEVELOPMENT.md for Vite+ toolchain, and format all non-generated files with oxfmt. Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
51 lines
1.9 KiB
TypeScript
51 lines
1.9 KiB
TypeScript
import { listen } from "@tauri-apps/api/event";
|
|
import { getCurrentWebviewWindow } from "@tauri-apps/api/webviewWindow";
|
|
import { setWindowTheme } from "@yaakapp-internal/mac-window";
|
|
import type { ModelPayload } from "@yaakapp-internal/models";
|
|
import { getSettings } from "./lib/settings";
|
|
import type { Appearance } from "./lib/theme/appearance";
|
|
import { getCSSAppearance, subscribeToPreferredAppearance } from "./lib/theme/appearance";
|
|
import { getResolvedTheme } from "./lib/theme/themes";
|
|
import { addThemeStylesToDocument, setThemeOnDocument } from "./lib/theme/window";
|
|
|
|
// NOTE: CSS appearance isn't as accurate as getting it async from the window (next step), but we want
|
|
// a good appearance guess so we're not waiting too long
|
|
let preferredAppearance: Appearance = getCSSAppearance();
|
|
subscribeToPreferredAppearance(async (a) => {
|
|
preferredAppearance = a;
|
|
await configureTheme();
|
|
});
|
|
|
|
configureTheme().then(
|
|
async () => {
|
|
// To prevent theme flashing, the backend hides new windows by default, so we
|
|
// need to show it here, after configuring the theme for the first time.
|
|
await getCurrentWebviewWindow().show();
|
|
},
|
|
(err) => console.log("Failed to configure theme", err),
|
|
);
|
|
|
|
// Listen for settings changes, the re-compute theme
|
|
listen<ModelPayload>("model_write", async (event) => {
|
|
if (event.payload.change.type !== "upsert") return;
|
|
|
|
const model = event.payload.model.model;
|
|
if (model !== "settings" && model !== "plugin") return;
|
|
await configureTheme();
|
|
}).catch(console.error);
|
|
|
|
async function configureTheme() {
|
|
const settings = await getSettings();
|
|
const theme = await getResolvedTheme(
|
|
preferredAppearance,
|
|
settings.appearance,
|
|
settings.themeLight,
|
|
settings.themeDark,
|
|
);
|
|
addThemeStylesToDocument(theme.active);
|
|
setThemeOnDocument(theme.active);
|
|
if (theme.active.base.surface != null) {
|
|
setWindowTheme(theme.active.base.surface);
|
|
}
|
|
}
|