import { App } from "astal/gtk3"
import Bar from "./widget/Bar"
import { monitorFile } from "astal/file"
import { exec } from "astal/process"
import GLib from "gi://GLib"

const HOME = GLib.getenv("HOME")
const css = `${HOME}/.config/astal/theme.css`;
const scss = `${HOME}/.config/astal/theme.sass`;

monitorFile(scss, () => {
  exec(`sassc ${scss} ${css}`);
  App.apply_css(css, true);
});

exec(`sassc ${scss} ${css}`);

App.start({
  css,
  main() {
    App.get_monitors().map(Bar)
  },
})