Added ags

TODO copy ags config

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

@@ -0,0 +1,130 @@
+import { type Application } from "types/service/applications"
+import { launchApp, icon } from "lib/utils"
+import options from "options"
+import icons from "lib/icons"
+
+const apps = await Service.import("applications")
+const { query } = apps
+const { iconSize } = options.launcher.apps
+
+const QuickAppButton = (app: Application) => Widget.Button({
+    hexpand: true,
+    tooltip_text: app.name,
+    on_clicked: () => {
+        App.closeWindow("launcher")
+        launchApp(app)
+    },
+    child: Widget.Icon({
+        size: iconSize.bind(),
+        icon: icon(app.icon_name, icons.fallback.executable),
+    }),
+})
+
+const AppItem = (app: Application) => {
+    const title = Widget.Label({
+        class_name: "title",
+        label: app.name,
+        hexpand: true,
+        xalign: 0,
+        vpack: "center",
+        truncate: "end",
+    })
+
+    const description = Widget.Label({
+        class_name: "description",
+        label: app.description || "",
+        hexpand: true,
+        wrap: true,
+        max_width_chars: 30,
+        xalign: 0,
+        justification: "left",
+        vpack: "center",
+    })
+
+    const appicon = Widget.Icon({
+        icon: icon(app.icon_name, icons.fallback.executable),
+        size: iconSize.bind(),
+    })
+
+    const textBox = Widget.Box({
+        vertical: true,
+        vpack: "center",
+        children: app.description ? [title, description] : [title],
+    })
+
+    return Widget.Button({
+        class_name: "app-item",
+        attribute: { app },
+        child: Widget.Box({
+            children: [appicon, textBox],
+        }),
+        on_clicked: () => {
+            App.closeWindow("launcher")
+            launchApp(app)
+        },
+    })
+}
+export function Favorites() {
+    const favs = options.launcher.apps.favorites.bind()
+    return Widget.Revealer({
+        visible: favs.as(f => f.length > 0),
+        child: Widget.Box({
+            vertical: true,
+            children: favs.as(favs => favs.flatMap(fs => [
+                Widget.Separator(),
+                Widget.Box({
+                    class_name: "quicklaunch horizontal",
+                    children: fs
+                        .map(f => query(f)?.[0])
+                        .filter(f => f)
+                        .map(QuickAppButton),
+                }),
+            ])),
+        }),
+    })
+}
+
+export function Launcher() {
+    const applist = Variable(query(""))
+    const max = options.launcher.apps.max
+    let first = applist.value[0]
+
+    function SeparatedAppItem(app: Application) {
+        return Widget.Revealer(
+            { attribute: { app } },
+            Widget.Box(
+                { vertical: true },
+                Widget.Separator(),
+                AppItem(app),
+            ),
+        )
+    }
+
+    const list = Widget.Box({
+        vertical: true,
+        children: applist.bind().as(list => list.map(SeparatedAppItem)),
+        setup: self => self
+            .hook(apps, () => applist.value = query(""), "notify::frequents"),
+    })
+
+    return Object.assign(list, {
+        filter(text: string | null) {
+            first = query(text || "")[0]
+            list.children.reduce((i, item) => {
+                if (!text || i >= max.value) {
+                    item.reveal_child = false
+                    return i
+                }
+                if (item.attribute.app.match(text)) {
+                    item.reveal_child = true
+                    return ++i
+                }
+                item.reveal_child = false
+                return i
+            }, 0)
+        },
+        launchFirst() {
+            launchApp(first)
+        },
+    })
+}