✨ ags,hypr: initial code!

ags/scripts/style-handler.ts

@@ -0,0 +1,57 @@
+// handles reloading stylesheet and pywal colors
+
+import { readFile, monitorFile, Process, Gio } from "astal";
+import { App } from "astal/gtk3";
+import { getUserDirs } from "./user";
+
+const stylePath = `${getUserDirs().state}/ags/style`
+const watchPaths = [
+    "./style",
+    "./style.scss"
+];
+
+export function runStyleHandler(): void {
+    reloadStyle();
+    watch();
+}
+
+export function reloadStyle(): void {
+    compileStyle();
+    applyStyle();
+}
+
+export function compileStyle(): void {
+    console.log("[LOG] Compiling sass (stylesheet)");
+    Process.exec(`mkdir -p ${stylePath}`);
+    Process.exec(`bash -c "sass -I ./style ./style.scss ${stylePath}/style.css"`);
+}
+
+export function applyStyle(): void {
+    console.log("[LOG] Applying stylesheet");
+    App.reset_css();
+    App.apply_css(
+        readFile(`${stylePath}/style.css`)!
+    );
+}
+
+function watch(): void {
+    // Monitor changes on stylesheet at runtime
+    watchPaths.map((path: string) =>
+        monitorFile(
+            `${path}`,
+            (file: string) => {
+                console.log(`[LOG] Stylesheet ${file} file updated`)
+                compileStyle();
+                applyStyle();
+            }
+        )
+    )
+
+    // Monitor PyWal colorscheme file
+    monitorFile(
+        `${getUserDirs().cache}/wal/colors.scss`,
+        (file: string) => {
+            Process.exec(`bash -c "cp -f ${file} ./style/_wal.scss"`)
+        }
+    );
+}