refactor: make the whole thing more generic

modules/home-manager/desktops/hyprland/ags/js/settings/scss.js

@@ -0,0 +1,62 @@
+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";
+
+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() {
+  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);
+  }
+}