Converted a significant amount of files from js to ts.

modules/bar/battery/index.ts

@@ -0,0 +1,84 @@
+const battery = await Service.import("battery");
+import Gdk from 'gi://Gdk?version=3.0';
+import EventHandler from 'types/widgets/button.ts'
+import { openMenu } from "../utils.js";
+import options from "options";
+
+const { label: show_label } = options.bar.battery;
+
+const BatteryLabel = () => {
+    const isVis = Variable(battery.available);
+
+    const icon = () =>
+        battery
+            .bind("percent")
+            .as((p) => `battery-level-${Math.floor(p / 10) * 10}-symbolic`);
+
+    battery.connect("changed", ({ available }) => {
+        isVis.value = available;
+    });
+
+    const formatTime = (seconds: number) => {
+        const hours = Math.floor(seconds / 3600);
+        const minutes = Math.floor((seconds % 3600) / 60);
+        return { hours, minutes };
+    };
+
+    const generateTooltip = (timeSeconds: number, isCharging: boolean, isCharged: boolean) => {
+        if (isCharged) {
+            return "Fully Charged!!!";
+        }
+
+        const { hours, minutes } = formatTime(timeSeconds);
+        if (isCharging) {
+            return `${hours} hours ${minutes} minutes until full`;
+        } else {
+            return `${hours} hours ${minutes} minutes left`;
+        }
+    };
+
+    return {
+        component: Widget.Box({
+            class_name: "battery",
+            visible: battery.bind("available"),
+            tooltip_text: battery.bind("time_remaining").as((t) => t.toString()),
+            children: Utils.merge(
+                [battery.bind("available"), show_label.bind("value")],
+                (batAvail, showLabel) => {
+                    if (batAvail && showLabel) {
+                        return [
+                            Widget.Icon({ icon: icon() }),
+                            Widget.Label({
+                                label: battery.bind("percent").as((p) => ` ${p}%`),
+                            }),
+                        ];
+                    } else if (batAvail && !showLabel) {
+                        return [Widget.Icon({ icon: icon() })];
+                    } else {
+                        return [];
+                    }
+                },
+            ),
+            setup: (self) => {
+                self.hook(battery, () => {
+                    if (battery.available) {
+                        self.tooltip_text = generateTooltip(
+                            battery.time_remaining,
+                            battery.charging,
+                            battery.charged,
+                        );
+                    }
+                });
+            },
+        }),
+        isVis,
+        boxClass: "battery",
+        props: {
+            on_primary_click: (clicked: any, event: Gdk.Event) => {
+                openMenu(clicked, event, "energymenu");
+            },
+        },
+    };
+};
+
+export { BatteryLabel };