Convert all remaining files to typescript.

modules/menus/media/components/bar.ts

@@ -0,0 +1,66 @@
+const media = await Service.import("mpris");
+
+const Bar = (getPlayerInfo: Function) => {
+    return Widget.Box({
+        class_name: "media-indicator-current-progress-bar",
+        hexpand: true,
+        children: [
+            Widget.Box({
+                hexpand: true,
+                child: Widget.Slider({
+                    hexpand: true,
+                    tooltip_text: "--",
+                    class_name: "menu-slider media progress",
+                    draw_value: false,
+                    on_change: ({ value }) => {
+                        const foundPlayer = getPlayerInfo(media);
+                        if (foundPlayer === undefined) {
+                            return;
+                        }
+                        return (foundPlayer.position = value * foundPlayer.length);
+                    },
+                    setup: (self) => {
+                        const update = () => {
+                            const foundPlayer = getPlayerInfo(media);
+                            if (foundPlayer !== undefined) {
+                                const value = foundPlayer.position / foundPlayer.length;
+                                self.value = value > 0 ? value : 0;
+                            } else {
+                                self.value = 0;
+                            }
+                        };
+                        self.hook(media, update);
+                        self.poll(1000, update);
+
+                        function updateTooltip() {
+                            const foundPlayer = getPlayerInfo(media);
+                            if (foundPlayer === undefined) {
+                                return self.tooltip_text = '00:00'
+                            }
+                            const curHour = Math.floor(foundPlayer.position / 3600);
+                            const curMin = Math.floor((foundPlayer.position % 3600) / 60);
+                            const curSec = Math.floor(foundPlayer.position % 60);
+
+                            if (
+                                typeof foundPlayer.position === "number" &&
+                                foundPlayer.position >= 0
+                            ) {
+                                // WARN: These nested ternaries are absolutely disgusting lol
+                                self.tooltip_text = `${curHour > 0
+                                    ? (curHour < 10 ? "0" + curHour : curHour) + ":"
+                                    : ""
+                                    }${curMin < 10 ? "0" + curMin : curMin}:${curSec < 10 ? "0" + curSec : curSec}`;
+                            } else {
+                                self.tooltip_text = `00:00`;
+                            }
+                        }
+                        self.poll(1000, updateTooltip);
+                        self.hook(media, updateTooltip);
+                    },
+                }),
+            }),
+        ],
+    });
+};
+
+export { Bar };