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

widget/settings/pages/config/bar/index.ts

@@ -100,6 +100,7 @@ Forces each Monitor's Workspace labels to start from 1.`,
                 Option({ opt: options.bar.clock.icon, title: 'Icon', type: 'string' }),
                 Option({ opt: options.bar.clock.showIcon, title: 'Show Icon', type: 'boolean' }),
                 Option({ opt: options.bar.clock.showTime, title: 'Show Time', type: 'boolean' }),
+                Option({ opt: options.theme.bar.buttons.clock.spacing, title: 'Inner Spacing', subtitle: 'Spacing between the icon and the label inside the buttons.', type: 'string' }),
 
                 Header('Media'),
                 Option({ opt: options.theme.bar.buttons.media.spacing, title: 'Inner Spacing', subtitle: 'Spacing between the icon and the label inside the buttons.', type: 'string' }),

widget/settings/pages/config/general/index.ts

@@ -39,6 +39,7 @@ export const BarGeneral = () => {
                 Option({ opt: options.theme.bar.menus.menu.battery.scaling, title: 'Battery Menu', type: 'number', min: 1, max: 100, increment: 5 }),
                 Option({ opt: options.theme.bar.menus.menu.clock.scaling, title: 'Clock Menu', type: 'number', min: 1, max: 100, increment: 5 }),
                 Option({ opt: options.theme.bar.menus.menu.notifications.scaling, title: 'Notifications Menu', type: 'number', min: 1, max: 100, increment: 5 }),
+                Option({ opt: options.theme.bar.menus.menu.power.scaling, title: 'Power Menu', type: 'number', min: 1, max: 100, increment: 5 }),
             ]
         })
     })

widget/settings/pages/config/index.ts

@@ -4,8 +4,18 @@ import { ClockMenuSettings } from "./menus/clock";
 import { DashboardMenuSettings } from "./menus/dashboard";
 import { NotificationSettings } from "./notifications/index";
 import { OSDSettings } from "./osd/index";
+import { CustomModuleSettings } from "customModules/config";
+import { PowerMenuSettings } from "./menus/power";
+
+type Page = "General"
+    | "Bar"
+    | "Clock Menu"
+    | "Dashboard Menu"
+    | "Power Menu"
+    | "Notifications"
+    | "OSD"
+    | "Custom Modules";
 
-type Page = "General" | "Bar" | "Clock Menu" | "Dashboard Menu" | "Notifications" | "OSD";
 const CurrentPage = Variable<Page>("General");
 
 const pagerMap: Page[] = [
@@ -13,8 +23,10 @@ const pagerMap: Page[] = [
     "Bar",
     "Notifications",
     "OSD",
+    "Power Menu",
     "Clock Menu",
     "Dashboard Menu",
+    "Custom Modules",
 ]
 
 export const SettingsMenu = () => {
@@ -45,6 +57,8 @@ export const SettingsMenu = () => {
                         "OSD": OSDSettings(),
                         "Clock Menu": ClockMenuSettings(),
                         "Dashboard Menu": DashboardMenuSettings(),
+                        "Custom Modules": CustomModuleSettings(),
+                        "Power Menu": PowerMenuSettings(),
                     },
                     shown: CurrentPage.bind("value")
                 })

widget/settings/pages/config/menus/power.ts

@@ -0,0 +1,26 @@
+import { Option } from "widget/settings/shared/Option";
+import { Header } from "widget/settings/shared/Header";
+
+import options from "options";
+
+export const PowerMenuSettings = () => {
+    return Widget.Scrollable({
+        class_name: "bar-theme-page paged-container",
+        vscroll: "always",
+        hscroll: "automatic",
+        vexpand: true,
+        overlayScrolling: true,
+        child: Widget.Box({
+            vertical: true,
+            children: [
+                Header('Power Menu'),
+                Option({ opt: options.menus.power.showLabel, title: 'Show Label', type: 'boolean' }),
+                Option({ opt: options.menus.power.confirmation, title: 'Confirmation Dialog', type: 'boolean' }),
+                Option({ opt: options.menus.power.shutdown, title: 'Shutdown Command', type: 'string' }),
+                Option({ opt: options.menus.power.reboot, title: 'Reboot Command', type: 'string' }),
+                Option({ opt: options.menus.power.logout, title: 'Logout Command', type: 'string' }),
+                Option({ opt: options.menus.power.sleep, title: 'Sleep Command', type: 'string' }),
+            ]
+        })
+    })
+}