🔧 chore(osd, modules/utils): better OSDMode implementation, introduce secureBinding

secureBinding is used to bind to an object's property, just like in createBinding, but with the possibility of adding a default value, for when errors occur, it returns that value

src/window/osd/index.tsx

@@ -1,64 +1,35 @@
 import { Astal, Gtk } from "ags/gtk4";
-import { Accessor, createBinding, createState, With } from "ags";
+import { createBinding, createState, With } from "ags";
 import { Wireplumber } from "../../modules/volume";
 import { Windows } from "../../windows";
 import { Backlights } from "../../modules/backlight";
-import { construct, variableToBoolean } from "../../modules/utils";
+import { secureBinding, variableToBoolean } from "../../modules/utils";
 
-import GObject, { ParamSpec, property, register } from "ags/gobject";
 import Pango from "gi://Pango?version=1.0";
 import GLib from "gi://GLib?version=2.0";
+import AstalWp from "gi://AstalWp?version=0.1";
+import OSDMode from "./modules/osdmode";
 
 
-@register({ GTypeName: "OSDMode" })
-export class OSDMode extends GObject.Object {
-    readonly #subs: Array<() => void> = [];
-    @property(String)
-    icon: string = "image-missing";
-    @property(Number)
-    value: number = 0;
-    @property(Number)
-    max: number = 100;
-    @property(String as unknown as ParamSpec<string|null>)
-    text: string|null = null;
-
-    constructor(props: {
-        icon: string | Accessor<string>;
-        value: number | Accessor<number>;
-        max?: number | Accessor<number>;
-        text?: string | Accessor<string>;
-    }) {
-        super();
-        this.#subs = construct(this, props);
-    }
-
-    vfunc_dispose(): void {
-        this.#subs.forEach(s => s());
-    }
-}
-
 export const OSDModes = {
-    SINK: () => new OSDMode({
-        icon: createBinding(Wireplumber.getWireplumber().defaultSpeaker, "volumeIcon"),
-        value: createBinding(Wireplumber.getWireplumber().defaultSpeaker, "volume"),
-        text: createBinding(Wireplumber.getWireplumber().defaultSpeaker, "description"),
+    sink: new OSDMode({
+        icon: secureBinding(AstalWp.get_default().defaultSpeaker, "volumeIcon", 
+                            "audio-volume-high-symbolic"),
+        value: secureBinding(Wireplumber.getWireplumber().defaultSpeaker, "volume", 50),
+        text: secureBinding(Wireplumber.getWireplumber().defaultSpeaker, "description",
+                           "Unknown Speaker"),
         max: Wireplumber.getDefault().getMaxSinkVolume() / 100
     }),
-    BRIGHTNESS: () => Backlights.getDefault().available ? new OSDMode({
-            icon: "display-brightness-symbolic",
-            value: createBinding(Backlights.getDefault().default, "brightness"),
-            max: createBinding(Backlights.getDefault().default, "maxBrightness"),
-            text: createBinding(Backlights.getDefault().default, "name")
-        })
-    : new OSDMode({
+    brightness: new OSDMode({
         icon: "display-brightness-symbolic",
-        value: 100,
-        max: 100,
-        text: "No Backlight found"
+        value: secureBinding(Backlights.getDefault().default, "brightness", 100),
+        max: secureBinding(Backlights.getDefault().default, "maxBrightness", 100),
+        text: secureBinding(Backlights.getDefault().default, "name", "Unknown Backlight"),
+        available: createBinding(Backlights.getDefault(), "available")
     })
 }
 
-const [osdMode, setOSDMode] = createState(OSDModes.SINK);
+const [osdMode, setOSDMode] = createState(OSDModes.sink);
 let osdTimer: (GLib.Source|undefined), osdTimeout = 3500;
 
 export const OSD = (mon: number) => 
@@ -66,9 +37,10 @@ export const OSD = (mon: number) =>
       anchor={Astal.WindowAnchor.BOTTOM} focusable={false} marginBottom={80} monitor={mon}>
 
         <Gtk.Box class={"osd"}>
-            <With value={osdMode(f => f)}>
-                {(_: () => OSDMode) => {
-                    const mode = _ as unknown as OSDMode; // for some reason, gnim runs this function :broken_heart:
+            <With value={osdMode}>
+                {(mode: OSDMode) => {
+                    if(!mode.available) return;
+
                     return <Gtk.Box>
                         <Gtk.Image class={"icon"} iconName={
                             createBinding(mode, "icon")

src/window/osd/modules/osdmode.ts

@@ -0,0 +1,39 @@
+import { Accessor } from "ags";
+import { construct } from "../../../modules/utils";
+import GObject, { gtype, property, register } from "ags/gobject";
+
+
+@register({ GTypeName: "OSDMode" })
+export default class OSDMode extends GObject.Object {
+    readonly #subs: Array<() => void> = [];
+
+    @property(String)
+    icon: string = "image-missing";
+
+    @property(Number)
+    value: number = 0;
+
+    @property(Number)
+    max: number = 100;
+
+    @property(gtype<string|null>(String))
+    text: string|null = null;
+
+    @property(Boolean)
+    available: boolean = true;
+
+    constructor(props: {
+        icon: string | Accessor<string>;
+        value: number | Accessor<number>;
+        max?: number | Accessor<number>;
+        text?: string | Accessor<string>;
+        available?: boolean | Accessor<boolean>;
+    }) {
+        super();
+        this.#subs = construct(this, props);
+    }
+
+    vfunc_dispose(): void {
+        this.#subs.forEach(s => s());
+    }
+}