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);
  },
});