retrozinndev
58 lines
1.4 KiB
TypeScript
58 lines
1.4 KiB
TypeScript
// 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"`)
|
|
}
|
|
);
|
|
}
|