bar: fix multimonitor (?)

.config/ags/config.js

@@ -56,6 +56,8 @@ const Windows = () => [
     forMonitors((id) => Corner(id, 'top right')),
     forMonitors((id) => Corner(id, 'bottom left')),
     forMonitors((id) => Corner(id, 'bottom right')),
+    forMonitors(BarCornerTopleft),
+    forMonitors(BarCornerTopright),
 ];
 const CLOSE_ANIM_TIME = 210; // Longer than actual anim time to make sure widgets animate fully
 App.config({
@@ -70,9 +72,6 @@ App.config({
 });
 
 // Stuff that don't need to be toggled. And they're async so ugh...
-Bar().catch(print); // Use this to debug the bar. Single monitor only.
+forMonitors(Bar);
-// BarCornerTopleft().catch(print); // Use this to debug the bar. Single monitor only.
+// Bar().catch(print); // Use this to debug the bar. Single monitor only.
-// BarCornerTopright().catch(print); // Use this to debug the bar. Single monitor only.
+
-// forMonitors(Bar);
-forMonitors(BarCornerTopleft);
-forMonitors(BarCornerTopright);

.config/ags/modules/bar/main.js

@@ -46,7 +46,7 @@ export const Bar = async (monitor = 0) => {
             const minHeight = styleContext.get_property('min-height', Gtk.StateFlags.NORMAL);
             // execAsync(['bash', '-c', `hyprctl keyword monitor ,addreserved,${minHeight},0,0,0`]).catch(print);
         },
-        startWidget: WindowTitle(),
+        startWidget: (await WindowTitle()),
         centerWidget: Widget.Box({
             className: 'spacing-h-4',
             children: [

.config/ags/modules/bar/normal/spaceleft.js

@@ -38,9 +38,10 @@ const WindowTitle = async () => {
     }
 }
 
-const OptionalWindowTitleInstance = await WindowTitle();
 
-export default () => Widget.EventBox({
+export default async () => {
+    const optionalWindowTitleInstance = await WindowTitle();
+    return Widget.EventBox({
         onScrollUp: () => {
             Indicator.popup(1); // Since the brightness and speaker are both on the same window
             Brightness.screen_value += 0.05;
@@ -65,7 +66,7 @@ export default () => Widget.EventBox({
                                 vertical: true,
                                 className: 'bar-space-button',
                                 children: [
-                                OptionalWindowTitleInstance,
+                                    optionalWindowTitleInstance,
                                 ]
                             })]
                         }),
@@ -74,3 +75,4 @@ export default () => Widget.EventBox({
             ]
         })
     });
+}

.config/ags/modules/bar/normal/spaceright.js

@@ -9,9 +9,7 @@ import Indicator from '../../../services/indicator.js';
 import { StatusIcons } from '../../.commonwidgets/statusicons.js';
 import { Tray } from "./tray.js";
 
-export default () => {
+const SeparatorDot = () => Widget.Revealer({
-    const barTray = Tray();
-    const separatorDot = Widget.Revealer({
     transition: 'slide_left',
     revealChild: false,
     attribute: {
@@ -30,6 +28,9 @@ export default () => {
         .hook(SystemTray, (self) => self.attribute.update(self, -1), 'removed')
     ,
 });
+
+export default () => {
+    const barTray = Tray();
     const barStatusIcons = StatusIcons({
         className: 'bar-statusicons',
         setup: (self) => self.hook(App, (self, currentName, visible) => {
@@ -53,7 +54,7 @@ export default () => {
     const emptyArea = SpaceRightDefaultClicks(Widget.Box({ hexpand: true, }));
     const indicatorArea = SpaceRightDefaultClicks(Widget.Box({
         children: [
-            separatorDot,
+            SeparatorDot(),
             barStatusIcons
         ],
     }));