TheaninovOS/home/desktops/hyprland/ags/js/settings/scss.js

import App from "resource:///com/github/Aylur/ags/app.js";
import * as Utils from "resource:///com/github/Aylur/ags/utils.js";
import { getOptions } from "./option.js";
import { dependencies } from "../utils.js";

export function scssWatcher() {
  return Utils.subprocess(
    [
      "inotifywait",
      "--recursive",
      "--event",
      "create,modify",
      "-m",
      App.configDir + "/scss",
    ],
    reloadScss,
    () => print("missing dependancy for css hotreload: inotify-tools"),
  );
}

/**
 * generate an scss file that makes every option available as a variable
 * based on the passed scss parameter or the path in the object
 *
 * e.g
 * options.bar.style.value => $bar-style
 */
export async function reloadScss() {
  if (!dependencies(["sassc"])) return;

  const opts = getOptions();
  const vars = opts.map((opt) => {
    if (opt.scss === "exclude") return "";

    const unit = typeof opt.value === "number" ? opt.unit : "";
    const value = opt.scssFormat ? opt.scssFormat(opt.value) : opt.value;
    return `$${opt.scss}: ${value}${unit};`;
  });

  const bar_style = opts.find((opt) => opt.id === "bar.style")?.value || "";
  const additional =
    bar_style === "normal"
      ? "//"
      : `
        window#quicksettings .window-content {
            margin-right: $wm-gaps;
        }
    `;

  try {
    const tmp = "/tmp/ags/scss";
    Utils.ensureDirectory(tmp);
    await Utils.writeFile(vars.join("\n"), `${tmp}/options.scss`);
    await Utils.writeFile(additional, `${tmp}/additional.scss`);
    await Utils.execAsync(
      `sassc ${App.configDir}/scss/main.scss ${tmp}/style.css`,
    );
    App.resetCss();
    App.applyCss(`${tmp}/style.css`);
  } catch (error) {
    if (error instanceof Error) console.error(error.message);

    if (typeof error === "string") console.error(error);
  }
}