Refactored hooks to specify events and reworked the dropdowns to be significantly faster and more responsive. (#304)

* Updated events to be more specific

* Update more events

* Update globalmousepos

* Update themes and submap module to show submap name.

* Type fixes

* Reworked menu position calculation logic to be much more efficient.

* Revert import file location

* We luv arrow functions

* Remove globalMousePos remnants since it's unused.

* Added the ability to configure menu dropdown transition and duration.

* Fix type

modules/menus/dashboard/controls/index.ts

@@ -59,16 +59,24 @@ const Controls = (): BoxWidget => {
                 expand: true,
                 on_primary_click: () => (audio.speaker.is_muted = !audio.speaker.is_muted),
                 setup: (self) => {
-                    self.hook(audio, () => {
-                        return (self.class_name = `dashboard-button playback ${audio.speaker.is_muted ? 'disabled' : ''}`);
-                    });
+                    self.hook(
+                        audio.speaker,
+                        () => {
+                            return (self.class_name = `dashboard-button playback ${audio.speaker.is_muted ? 'disabled' : ''}`);
+                        },
+                        'notify::is-muted',
+                    );
                 },
                 child: Widget.Label({
                     class_name: 'txt-icon',
                     setup: (self) => {
-                        self.hook(audio, () => {
-                            return (self.label = audio.speaker.is_muted ? '󰖁' : '󰕾');
-                        });
+                        self.hook(
+                            audio.speaker,
+                            () => {
+                                return (self.label = audio.speaker.is_muted ? '󰖁' : '󰕾');
+                            },
+                            'notify::is-muted',
+                        );
                     },
                 }),
             }),
@@ -77,16 +85,24 @@ const Controls = (): BoxWidget => {
                 expand: true,
                 on_primary_click: () => (audio.microphone.is_muted = !audio.microphone.is_muted),
                 setup: (self) => {
-                    self.hook(audio, () => {
-                        return (self.class_name = `dashboard-button input ${audio.microphone.is_muted ? 'disabled' : ''}`);
-                    });
+                    self.hook(
+                        audio.microphone,
+                        () => {
+                            return (self.class_name = `dashboard-button input ${audio.microphone.is_muted ? 'disabled' : ''}`);
+                        },
+                        'notify::is-muted',
+                    );
                 },
                 child: Widget.Label({
                     class_name: 'txt-icon',
                     setup: (self) => {
-                        self.hook(audio, () => {
-                            return (self.label = audio.microphone.is_muted ? '󰍭' : '󰍬');
-                        });
+                        self.hook(
+                            audio.microphone,
+                            () => {
+                                return (self.label = audio.microphone.is_muted ? '󰍭' : '󰍬');
+                            },
+                            'notify::is-muted',
+                        );
                     },
                 }),
             }),

modules/menus/dashboard/index.ts

@@ -6,11 +6,12 @@ import { Stats } from './stats/index.js';
 import { Directories } from './directories/index.js';
 import Window from 'types/widgets/window.js';
 import { Attribute, Child } from 'lib/types/widget.js';
+import options from 'options.js';
 
 export default (): Window<Child, Attribute> => {
     return DropdownMenu({
         name: 'dashboardmenu',
-        transition: 'crossfade',
+        transition: options.menus.transition.bind('value'),
         child: Widget.Box({
             class_name: 'dashboard-menu-content',
             css: 'padding: 1px; margin: -1px;',

modules/menus/dashboard/shortcuts/index.ts

@@ -38,7 +38,7 @@ const Shortcuts = (): BoxWidget => {
         hpack: 'fill',
         hexpand: true,
         setup: (self) => {
-            self.hook(hyprland, () => {
+            const renderMonitorList = (): void => {
                 const displays = hyprland.monitors.map((mon) => {
                     return Widget.MenuItem({
                         label: `Display ${mon.name}`,
@@ -64,12 +64,14 @@ const Shortcuts = (): BoxWidget => {
                 //     });
                 // });
 
-                return (self.children = [
+                self.children = [
                     ...displays,
                     // Disabled since window recording isn't available on wayland
                     // ...apps
-                ]);
-            });
+                ];
+            };
+            self.hook(hyprland, renderMonitorList, 'monitor-added');
+            self.hook(hyprland, renderMonitorList, 'monitor-removed');
         },
     });