Convert all remaining files to typescript.

2024-07-26 23:11:33 -07:00
parent ca5dcc629b
commit b511d76e11
84 changed files with 2075 additions and 1987 deletions
--- a/modules/notifications/index.ts
+++ b/modules/notifications/index.ts
@@ -0,0 +1,63 @@
+const notifs = await Service.import("notifications");
+import options from "options";
+import { notifHasImg } from "../menus/notifications/utils.js";
+import { Image } from "./image/index.js";
+import { Action } from "./actions/index.js";
+import { Header } from "./header/index.js";
+import { Body } from "./body/index.js";
+import { CloseButton } from "./close/index.js";
+import { NotificationAnchor } from "lib/types/options";
+
+const { position } = options.notifications;
+
+export default () => {
+    notifs.popupTimeout = 7000;
+    const getPosition = (pos: NotificationAnchor): ("top" | "bottom" | "left" | "right")[] => {
+        const positionMap: { [key: string]: ("top" | "bottom" | "left" | "right")[] } = {
+            "top": ["top"],
+            "top right": ["top", "right"],
+            "top left": ["top", "left"],
+            "bottom": ["bottom"],
+            "bottom right": ["bottom", "right"],
+            "bottom left": ["bottom", "left"]
+        };
+
+        return positionMap[pos] || ["top"];
+    }
+
+    return Widget.Window({
+        name: "notifications-window",
+        class_name: "notifications-window",
+        monitor: 2,
+        layer: "top",
+        anchor: position.bind("value").as(v => getPosition(v)),
+        exclusivity: "ignore",
+        child: Widget.Box({
+            class_name: "notification-card-container",
+            vertical: true,
+            hexpand: true,
+            setup: (self) => {
+                self.hook(notifs, () => {
+                    return (self.children = notifs.popups.map((notif) => {
+                        return Widget.Box({
+                            class_name: "notification-card",
+                            vpack: "start",
+                            hexpand: true,
+                            children: [
+                                Image(notif),
+                                Widget.Box({
+                                    vpack: "start",
+                                    vertical: true,
+                                    hexpand: true,
+                                    class_name: `notification-card-content ${!notifHasImg(notif) ? "noimg" : ""}`,
+                                    children: [Header(notif), Body(notif), Action(notif, notifs)],
+                                }),
+                                CloseButton(notif, notifs),
+                            ],
+                        });
+                    }));
+                });
+            },
+        }),
+    });
+};