import { App } from "astal/gtk3";
import { monitorFile } from "astal/file";
import { exec } from "astal/process";
import GLib from "gi://GLib";
import Left from "./widget/Left";
import Center from "./widget/Center";
import Right from "./widget/Right";

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((monitor) => {
      Left(monitor);
      Center(monitor);
      Right(monitor);
    });
  },
});