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

modules/menus/calendar/weather/index.ts

@@ -1,53 +1,8 @@
-import options from "options";
 import { TodayIcon } from "./icon/index.js";
 import { TodayStats } from "./stats/index.js";
 import { TodayTemperature } from "./temperature/index.js";
 import { Hourly } from "./hourly/index.js";
-import { Weather } from "lib/types/weather.js";
-import { DEFAULT_WEATHER } from "lib/types/defaults/weather.js";
-import GLib from "gi://GLib?version=2.0"
-
-const { key, interval, location } = options.menus.clock.weather;
-
-const theWeather = 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 theWeather.value = DEFAULT_WEATHER;
-                    }
-
-                    const parsedWeather = JSON.parse(res);
-
-                    if (Object.keys(parsedWeather).includes("error")) {
-                        return theWeather.value = DEFAULT_WEATHER;
-                    }
-
-                    return theWeather.value = parsedWeather;
-                } catch (error) {
-                    theWeather.value = DEFAULT_WEATHER;
-                    console.warn(`Failed to parse weather data: ${error}`);
-                }
-            })
-            .catch((err) => {
-                console.error(`Failed to fetch weather: ${err}`);
-                theWeather.value = DEFAULT_WEATHER;
-            });
-    })
-};
+import { globalWeatherVar } from "globals/weather.js";
 
 const WeatherWidget = () => {
     return Widget.Box({
@@ -55,16 +10,6 @@ const WeatherWidget = () => {
         child: Widget.Box({
             class_name: "weather-container-box",
             setup: (self) => {
-                Utils.merge(
-                    [key.bind("value"), interval.bind("value"), location.bind("value")],
-                    (weatherKey, weatherInterval, loc) => {
-                        if (!weatherKey) {
-                            return theWeather.value = DEFAULT_WEATHER;
-                        }
-                        weatherIntervalFn(weatherInterval, loc, weatherKey);
-                    },
-                );
-
                 return (self.child = Widget.Box({
                     vertical: true,
                     hexpand: true,
@@ -73,15 +18,15 @@ const WeatherWidget = () => {
                             class_name: "calendar-menu-weather today",
                             hexpand: true,
                             children: [
-                                TodayIcon(theWeather),
-                                TodayTemperature(theWeather),
-                                TodayStats(theWeather),
+                                TodayIcon(globalWeatherVar),
+                                TodayTemperature(globalWeatherVar),
+                                TodayStats(globalWeatherVar),
                             ],
                         }),
                         Widget.Separator({
                             class_name: "menu-separator weather",
                         }),
-                        Hourly(theWeather),
+                        Hourly(globalWeatherVar),
                     ],
                 }));
             },