refactor: make the whole thing more generic

modules/home-manager/desktops/hyprland/ags/js/quicksettings/widgets/Bluetooth.js

@@ -0,0 +1,74 @@
+import Bluetooth from "resource:///com/github/Aylur/ags/service/bluetooth.js";
+import Widget from "resource:///com/github/Aylur/ags/widget.js";
+import icons from "../../icons.js";
+import { Menu, ArrowToggleButton } from "../ToggleButton.js";
+
+export const BluetoothToggle = () =>
+  ArrowToggleButton({
+    name: "bluetooth",
+    icon: Widget.Icon({
+      icon: Bluetooth.bind("enabled").transform(
+        (p) => icons.bluetooth[p ? "enabled" : "disabled"],
+      ),
+    }),
+    label: Widget.Label({
+      truncate: "end",
+      setup: (self) =>
+        self.hook(Bluetooth, () => {
+          if (!Bluetooth.enabled) return (self.label = "Disabled");
+
+          if (Bluetooth.connected_devices.length === 0)
+            return (self.label = "Not Connected");
+
+          if (Bluetooth.connected_devices.length === 1)
+            return (self.label = Bluetooth.connected_devices[0].alias);
+
+          self.label = `${Bluetooth.connected_devices.length} Connected`;
+        }),
+    }),
+    connection: [Bluetooth, () => Bluetooth.enabled],
+    deactivate: () => (Bluetooth.enabled = false),
+    activate: () => (Bluetooth.enabled = true),
+  });
+
+/** @param {import('types/service/bluetooth').BluetoothDevice} device */
+const DeviceItem = (device) =>
+  Widget.Box({
+    children: [
+      Widget.Icon(device.icon_name + "-symbolic"),
+      Widget.Label(device.name),
+      Widget.Label({
+        label: `${device.battery_percentage}%`,
+        visible: device.bind("battery_percentage").transform((p) => p > 0),
+      }),
+      Widget.Box({ hexpand: true }),
+      Widget.Spinner({
+        active: device.bind("connecting"),
+        visible: device.bind("connecting"),
+      }),
+      Widget.Switch({
+        active: device.connected,
+        visible: device.bind("connecting").transform((p) => !p),
+        setup: (self) =>
+          self.on("notify::active", () => {
+            device.setConnection(self.active);
+          }),
+      }),
+    ],
+  });
+
+export const BluetoothDevices = () =>
+  Menu({
+    name: "bluetooth",
+    icon: Widget.Icon(icons.bluetooth.disabled),
+    title: Widget.Label("Bluetooth"),
+    content: [
+      Widget.Box({
+        hexpand: true,
+        vertical: true,
+        children: Bluetooth.bind("devices").transform((ds) =>
+          ds.filter((d) => d.name).map(DeviceItem),
+        ),
+      }),
+    ],
+  });