feat: change shell mode per monitor

Multimonitor improvement

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

@@ -101,8 +101,7 @@ export const Bar = async (monitor = 0) => {
                 'nothing': nothingContent,
             },
             setup: (self) => self.hook(currentShellMode, (self) => {
-                self.shown = currentShellMode.value;
+                self.shown = currentShellMode.value[monitor];
-
             })
         }),
     });

.config/ags/variables.js

@@ -16,17 +16,27 @@ globalThis['openColorScheme'] = showColorScheme;
 globalThis['mpris'] = Mpris;
 
 // Mode switching
-export const currentShellMode = Variable('normal', {}) // normal, focus
+const numberOfMonitors = Gdk.Display.get_default()?.get_n_monitors() || 1;
+const initialMonitorShellModes = Array.from({ length: numberOfMonitors }, () => 'normal');
+export const currentShellMode = Variable(initialMonitorShellModes, {}) // normal, focus
+
+const updateMonitorShellMode = (monitorShellModes, monitor, mode) => {
+    const newValue = [...monitorShellModes.value];
+    newValue[monitor] = mode;
+    monitorShellModes.value = newValue;
+}
 globalThis['currentMode'] = currentShellMode;
 globalThis['cycleMode'] = () => {
-    if (currentShellMode.value === 'normal') {
+    const monitor = Hyprland.active.monitor.id || 0;
-        currentShellMode.value = 'focus';
+
+    if (currentShellMode.value[monitor] === 'normal') {
+        updateMonitorShellMode(currentShellMode, monitor, 'focus')
     }
-    else if (currentShellMode.value === 'focus') {
+    else if (currentShellMode.value[monitor] === 'focus') {
-        currentShellMode.value = 'nothing';
+        updateMonitorShellMode(currentShellMode, monitor, 'nothing')
     }
     else {
-        currentShellMode.value = 'normal';
+        updateMonitorShellMode(currentShellMode, monitor, 'normal')
     }
 }