Converted a significant amount of files from js to ts.

modules/bar/systray/index.js

@@ -1,47 +0,0 @@
-const systemtray = await Service.import("systemtray");
-import { bash } from "lib/utils";
-import options from "options";
-
-const { ignore } = options.bar.systray;
-
-const SysTray = () => {
-  const isVis = Variable(false);
-
-  const items = Utils.merge(
-    [systemtray.bind("items"), ignore.bind("value")],
-    (items, ignored) => {
-      const filteredTray = items.filter(({ id }) => !ignored.includes(id));
-
-      isVis.value = filteredTray.length > 0;
-
-      return filteredTray.map((item) => {
-        if (item.menu !== undefined) {
-          item.menu["class_name"] = "systray-menu";
-        }
-
-        return Widget.Button({
-          cursor: "pointer",
-          child: Widget.Icon({
-            class_name: "systray-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 {
-    component: Widget.Box({
-      class_name: "systray",
-      children: items,
-    }),
-    isVisible: true,
-    boxClass: "systray",
-    isVis,
-  };
-};
-
-export { SysTray };

modules/bar/systray/index.ts

@@ -0,0 +1,47 @@
+import Gdk from 'gi://Gdk?version=3.0';
+const systemtray = await Service.import("systemtray");
+import options from "options";
+
+const { ignore } = options.bar.systray;
+
+const SysTray = () => {
+    const isVis = Variable(false);
+
+    const items = Utils.merge(
+        [systemtray.bind("items"), ignore.bind("value")],
+        (items, ignored) => {
+            const filteredTray = items.filter(({ id }) => !ignored.includes(id));
+
+            isVis.value = filteredTray.length > 0;
+
+            return filteredTray.map((item) => {
+                if (item.menu !== undefined) {
+                    item.menu["class_name"] = "systray-menu";
+                }
+
+                return Widget.Button({
+                    cursor: "pointer",
+                    child: Widget.Icon({
+                        class_name: "systray-icon",
+                        icon: item.bind("icon"),
+                    }),
+                    on_primary_click: (_: any, event: Gdk.Event) => item.activate(event),
+                    on_secondary_click: (_, event) => item.openMenu(event),
+                    tooltip_markup: item.bind("tooltip_markup"),
+                });
+            });
+        },
+    );
+
+    return {
+        component: Widget.Box({
+            class_name: "systray",
+            children: items,
+        }),
+        isVisible: true,
+        boxClass: "systray",
+        isVis,
+    };
+};
+
+export { SysTray };