import { getTheme, setTheme } from './db.js';

const THEMES = ['auto', 'dark', 'light'];

function applyTheme(value) {
  const root = document.documentElement;
  if (value === 'auto') root.removeAttribute('data-theme');
  else root.setAttribute('data-theme', value);
}

export async function initTheme() {
  const t = await getTheme();
  applyTheme(t || 'auto');
}

export async function cycleTheme() {
  const cur = (await getTheme()) || 'auto';
  const next = THEMES[(THEMES.indexOf(cur) + 1) % THEMES.length];
  await setTheme(next);
  applyTheme(next);
  return next;
}

export async function currentTheme() {
  return (await getTheme()) || 'auto';
}