nosignal/nosignal-shell
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

style: ensure loading correct order

Browse source 
Cause async, older requests could load slower and therefore override newer requests
Also reduce the number of loads when spam
And add light scss var
This commit is contained in:
2 * r + 2 * t 2025-03-25 12:12:29 +11:00
parent 431918b752
commit e39900b77e
1 changed files with 29 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

36
app.tsx
View file

@ -26,13 +26,34 @@ const applyTransparency = (name: string, hex: string) => {
const applyVibrancy = (hex: string) => (style.vibrant.get() ? `color.scale(${hex}, $saturation: 40%)` : hex);
export const loadStyleAsync = async () => {
const schemeColours = Object.entries(Palette.get_default().colours)
.map(([name, hex]) => `$${name}: ${applyVibrancy(applyTransparency(name, hex))};`)
.join("\n");
await writeFileAsync(`${SRC}/scss/scheme/_index.scss`, `@use "sass:color";\n${schemeColours}`);
App.apply_css(await execAsync(`sass ${SRC}/style.scss`), true);
};
const styleLoader = new (class {
#running = false;
#dirty = false;
async run() {
this.#dirty = true;
if (this.#running) return;
this.#running = true;
while (this.#dirty) {
this.#dirty = false;
await this.#run();
}
this.#running = false;
}
async #run() {
const schemeColours = Object.entries(Palette.get_default().colours)
.map(([name, hex]) => `$${name}: ${applyVibrancy(applyTransparency(name, hex))};`)
.join("\n");
await writeFileAsync(
`${SRC}/scss/scheme/_index.scss`,
`@use "sass:color";\n$light: ${Palette.get_default().mode === "light"};\n${schemeColours}`
);
App.apply_css(await execAsync(`sass ${SRC}/style.scss`), true);
}
})();
export const loadStyleAsync = () => styleLoader.run();
App.start({
instanceName: "caelestia",
@ -43,6 +64,7 @@ App.start({
loadStyleAsync().catch(console.error);
style.transparency.subscribe(() => loadStyleAsync().catch(console.error));
Palette.get_default().connect("notify::colours", () => loadStyleAsync().catch(console.error));
Palette.get_default().connect("notify::mode", () => loadStyleAsync().catch(console.error));
initConfig();