Update the ags configuration

There is now a bargain bin gnome-shell quicksettings menu with basically
only media controls. This also takes care of notifications now.

TODO: Add the code for shutting down and restarting the computer with
the buttons in the quicksettings menu.

users/hu/packages/ags/config/config.js

@@ -1,141 +1,12 @@
-/* TODO: Make this more useful */
-
-const hyprland = await Service.import("hyprland")
-const notifications = await Service.import("notifications")
-const mpris = await Service.import("mpris")
-const audio = await Service.import("audio")
-const systemtray = await Service.import("systemtray")
-
-const date = Variable("", {
-    poll: [1000, 'date "+%H:%M:%S"'],
-})
-
-function Workspaces() {
-    const activeId = hyprland.active.workspace.bind("id");
-    const workspaces = hyprland.bind("workspaces").as((ws) =>
-        ws.sort((a, b) => a.id - b.id)
-          .map(({ id }) =>
-              Widget.Button({
-                  on_clicked: () => hyprland.messageAsync(`dispatch workspace ${id}`),
-                  child: Widget.Label(`${id}`),
-                  class_name: activeId.as((i) => `${i === id ? "focused" : ""}`),
-              })
-          )
-    );
-
-    return Widget.Box({
-        class_name: "workspaces",
-        children: workspaces,
-    })
-}
-
-function Clock() {
-    return Widget.Label({
-        class_name: "clock",
-        label: date.bind(),
-    })
-}
-
-function Notification() {
-    const popups = notifications.bind("popups")
-    return Widget.Box({
-        class_name: "notification",
-        visible: popups.as(p => p.length > 0),
-        children: [
-            Widget.Icon({
-                icon: "preferences-system-notifications-symbolic",
-            }),
-            Widget.Label({
-                label: popups.as(p => p[0]?.summary || ""),
-            }),
-        ],
-    })
-}
-
-
-function Media() {
-    const label = Utils.watch("", mpris, "player-changed", () => {
-        if (mpris.players[0]) {
-            const { track_artists, track_title } = mpris.players[0]
-            return `${track_artists.join(", ")} - ${track_title}`
-        } else {
-            return "Nothing is playing"
-        }
-    })
-
-    return Widget.Button({
-        class_name: "media",
-        on_primary_click: () => mpris.getPlayer("")?.playPause(),
-        on_scroll_up: () => mpris.getPlayer("")?.next(),
-        on_scroll_down: () => mpris.getPlayer("")?.previous(),
-        child: Widget.Label({ label }),
-    })
-}
-
-function SysTray() {
-    const items = systemtray.bind("items")
-        .as(items => items.map(item => Widget.Button({
-            child: Widget.Icon({ icon: item.bind("icon") }),
-            on_primary_click: (_, event) => item.activate(event),
-            on_secondary_click: (_, event) => item.openMenu(event),
-            tooltip_markup: item.bind("tooltip_markup"),
-        })))
-
-    return Widget.Box({
-        children: items,
-    })
-}
-
-function Left() {
-    return Widget.Box({
-        spacing: 8,
-        children: [
-            Workspaces(),
-        ],
-    })
-}
-
-function Center() {
-    return Widget.Box({
-        spacing: 8,
-        children: [
-            Media(),
-            Notification(),
-        ],
-    })
-}
-
-function Right() {
-    return Widget.Box({
-        hpack: "end",
-        spacing: 8,
-        children: [
-            SysTray(),
-            Clock(),
-        ],
-    })
-}
-
-function Bar(monitor = 0) {
-    return Widget.Window({
-        name: `bar-${monitor}`,
-        class_name: "bar",
-        monitor,
-        anchor: ["top", "left", "right"],
-        exclusivity: "exclusive",
-        child: Widget.CenterBox({
-            start_widget: Left(),
-            center_widget: Center(),
-            end_widget: Right(),
-        }),
-    })
-}
+import { Bar } from "./bar.js";
+import { NotificationPopups } from "./vendor/notificationPopups.js";
 
+App.addIcons(`${App.configDir}/assets`);
 App.config({
     style: "./style.css",
     windows: [
         Bar(),
+        NotificationPopups(),
     ],
-})
+});
 
-export { }