import { setWindowTheme } from "@yaakapp-internal/mac-window";
import {
  applyThemeToDocument,
  defaultDarkTheme,
  defaultLightTheme,
  getCSSAppearance,
  platformFromUserAgent,
  setPlatformOnDocument,
  subscribeToPreferredAppearance,
  type Appearance,
} from "@yaakapp-internal/theme";
import { showWindow } from "./tauri";

setPlatformOnDocument(platformFromUserAgent(navigator.userAgent));

// Apply a quick initial theme based on CSS media query
let preferredAppearance: Appearance = getCSSAppearance();
applyTheme(preferredAppearance);

// Then subscribe to accurate OS appearance detection and changes
subscribeToPreferredAppearance((a) => {
  preferredAppearance = a;
  applyTheme(preferredAppearance);
});

// Show window after initial theme is applied (window starts hidden to prevent flash)
showWindow().catch(console.error);

function applyTheme(appearance: Appearance) {
  const theme = appearance === "dark" ? defaultDarkTheme : defaultLightTheme;
  applyThemeToDocument(theme);
  if (theme.base.surface != null) {
    setWindowTheme(theme.base.surface);
  }
}