Added ags

TODO copy ags config

roles/ags/files/widget/launcher/NixRun.ts

@@ -0,0 +1,118 @@
+import icons from "lib/icons"
+import nix, { type Nixpkg } from "service/nix"
+
+const iconVisible = Variable(false)
+
+function Item(pkg: Nixpkg) {
+    const name = Widget.Label({
+        class_name: "name",
+        label: pkg.name.split(".").at(-1),
+    })
+
+    const subpkg = pkg.name.includes(".") ? Widget.Label({
+        class_name: "description",
+        hpack: "end",
+        hexpand: true,
+        label: `  ${pkg.name.split(".").slice(0, -1).join(".")}`,
+    }) : null
+
+    const version = Widget.Label({
+        class_name: "version",
+        label: pkg.version,
+        hexpand: true,
+        hpack: "end",
+    })
+
+    const description = pkg.description ? Widget.Label({
+        class_name: "description",
+        label: pkg.description,
+        justification: "left",
+        wrap: true,
+        hpack: "start",
+        max_width_chars: 40,
+    }) : null
+
+    return Widget.Box(
+        {
+            attribute: { name: pkg.name },
+            vertical: true,
+        },
+        Widget.Separator(),
+        Widget.Button(
+            {
+                class_name: "nix-item",
+                on_clicked: () => {
+                    nix.run(pkg.name)
+                    App.closeWindow("launcher")
+                },
+            },
+            Widget.Box(
+                { vertical: true },
+                Widget.Box([name, version]),
+                Widget.Box([
+                    description as ReturnType<typeof Widget.Label>,
+                    subpkg as ReturnType<typeof Widget.Label>,
+                ]),
+            ),
+        ),
+    )
+}
+
+export function Spinner() {
+    const icon = Widget.Icon({
+        icon: icons.nix.nix,
+        class_name: "spinner",
+        css: `
+            @keyframes spin {
+                to { -gtk-icon-transform: rotate(1turn); }
+            }
+
+            image.spinning {
+                animation-name: spin;
+                animation-duration: 1s;
+                animation-timing-function: linear;
+                animation-iteration-count: infinite;
+            }
+        `,
+        setup: self => self.hook(nix, () => {
+            self.toggleClassName("spinning", !nix.ready)
+        }),
+    })
+
+    return Widget.Revealer({
+        transition: "slide_left",
+        child: icon,
+        reveal_child: Utils.merge([
+            nix.bind("ready"),
+            iconVisible.bind(),
+        ], (ready, show) => !ready || show),
+    })
+}
+
+export function NixRun() {
+    const list = Widget.Box<ReturnType<typeof Item>>({
+        vertical: true,
+    })
+
+    const revealer = Widget.Revealer({
+        child: list,
+    })
+
+    async function filter(term: string) {
+        iconVisible.value = Boolean(term)
+
+        if (!term)
+            revealer.reveal_child = false
+
+        if (term.trim()) {
+            const found = await nix.query(term)
+            list.children = found.map(k => Item(nix.db[k]))
+            revealer.reveal_child = true
+        }
+    }
+
+    return Object.assign(revealer, {
+        filter,
+        run: nix.run,
+    })
+}