Implement framework for custom modules and out of the box custom modules as well. (#213)

* Create declarative module scaffolding * Added ram module (WIP) * Updates to options, styling and more. * Added function for styling custom modules. * Added utility functions and cleaned up code * Type and fn name updates. * Update module utils to handle absent values. * Added icon color in style2 that was missing. * Linted utils.ts * Add CPU module and update RAM module to use /proc/meminfo. * Added disk storage module. * Consolidate code * Added netstat module and removed elements from systray default ignore list. * Added keyboard layout module. * Fix hook types and move module to customModules directory * Added updates modules. * Spacing updates * Added weather module. * Added power menu and power module in bar. Increased update default interval to 6 ours. * Updated styling of bar buttons, made power menu label toggleable, etc. * Consolidate code and add dynamic tooltips based on data being used. * Make default custom mogules matugen compatible * Update base theme * Fix custom module background coloring * Remove testing opacity. * Update themes to account for new modules * Update nix stuff for libgtop (Need someone to test this) * Update nix * Update fractions to multiplications * Move styling in style directory * Implement a polling framework for variables that can dynamically adjust polling intervals. * Netstat module updates when interface name is changed. * Readme update
2024-09-02 21:10:59 -07:00
parent 4f009b9978
commit 4cdda38604
107 changed files with 6444 additions and 1482 deletions
--- a/globals/weather.ts
+++ b/globals/weather.ts
@@ -0,0 +1,113 @@
+import options from "options";
+import { UnitType, Weather } from "lib/types/weather.js";
+import { DEFAULT_WEATHER } from "lib/types/defaults/weather.js";
+import GLib from "gi://GLib?version=2.0"
+
+import icons from "../modules/icons/index.js";
+
+const { key, interval, location } = options.menus.clock.weather;
+
+export const globalWeatherVar = Variable<Weather>(DEFAULT_WEATHER);
+
+let weatherIntervalInstance: null | number = null;
+
+const weatherIntervalFn = (weatherInterval: number, loc: string, weatherKey: string) => {
+    if (weatherIntervalInstance !== null) {
+        GLib.source_remove(weatherIntervalInstance);
+    }
+
+    const formattedLocation = loc.replace(" ", "%20");
+
+    weatherIntervalInstance = Utils.interval(weatherInterval, () => {
+        Utils.execAsync(
+            `curl "https://api.weatherapi.com/v1/forecast.json?key=${weatherKey}&q=${formattedLocation}&days=1&aqi=no&alerts=no"`,
+        )
+            .then((res) => {
+                try {
+                    if (typeof res !== "string") {
+                        return globalWeatherVar.value = DEFAULT_WEATHER;
+                    }
+
+                    const parsedWeather = JSON.parse(res);
+
+                    if (Object.keys(parsedWeather).includes("error")) {
+                        return globalWeatherVar.value = DEFAULT_WEATHER;
+                    }
+
+                    return globalWeatherVar.value = parsedWeather;
+                } catch (error) {
+                    globalWeatherVar.value = DEFAULT_WEATHER;
+                    console.warn(`Failed to parse weather data: ${error}`);
+                }
+            })
+            .catch((err) => {
+                console.error(`Failed to fetch weather: ${err}`);
+                globalWeatherVar.value = DEFAULT_WEATHER;
+            });
+    })
+};
+
+Utils.merge([key.bind("value"), interval.bind("value"), location.bind("value")], (weatherKey, weatherInterval, loc) => {
+    if (!weatherKey) {
+        return globalWeatherVar.value = DEFAULT_WEATHER;
+    }
+    weatherIntervalFn(weatherInterval, loc, weatherKey);
+});
+
+export const getTemperature = (wthr: Weather, unt: UnitType) => {
+    if (unt === "imperial") {
+        return `${Math.ceil(wthr.current.temp_f)}° F`;
+    } else {
+        return `${Math.ceil(wthr.current.temp_c)}° C`;
+    }
+};
+
+export const getWeatherIcon = (fahren: number) => {
+    const icons = {
+        100: "",
+        75: "",
+        50: "",
+        25: "",
+        0: "",
+    };
+    const colors = {
+        100: "weather-color red",
+        75: "weather-color orange",
+        50: "weather-color lavender",
+        25: "weather-color blue",
+        0: "weather-color sky",
+    };
+
+    const threshold =
+        fahren < 0
+            ? 0
+            : [100, 75, 50, 25, 0].find((threshold) => threshold <= fahren);
+
+    return {
+        icon: icons[threshold || 50],
+        color: colors[threshold || 50],
+    };
+};
+
+export const getWindConditions = (wthr: Weather, unt: UnitType) => {
+    if (unt === "imperial") {
+        return `${Math.floor(wthr.current.wind_mph)} mph`;
+    }
+    return `${Math.floor(wthr.current.wind_kph)} kph`;
+}
+
+export const getRainChance = (wthr: Weather) => `${wthr.forecast.forecastday[0].day.daily_chance_of_rain}%`;
+
+
+export const getWeatherStatusIcon = (wthr: Weather) => {
+    let iconQuery = wthr.current.condition.text
+        .trim()
+        .toLowerCase()
+        .replaceAll(" ", "_");
+
+    if (!wthr.current.is_day && iconQuery === "partly_cloudy") {
+        iconQuery = "partly_cloudy_night";
+    }
+    return icons.weather[iconQuery];
+};
+globalThis["globalWeatherVar"] = globalWeatherVar;