Update all dotfiles

configs/dotfiles/hyprland/laptop/.config/ags/widget/Sidebar.tsx

@@ -0,0 +1,167 @@
+import { App } from "astal/gtk3"
+import Apps from "gi://AstalApps"
+import Wp from "gi://AstalWp"
+import { Variable, GLib, bind } from "astal"
+import { subprocess, exec, execAsync } from "astal/process"
+import { Astal, Gtk, Gdk } from "astal/gtk3"
+import Brightness from "./Brightness"
+
+function BrightnessSlider() {
+    const brightness = Brightness.get_default()
+
+    return <box className="MicrophoneSlider" css="min-width: 140px">
+        <slider
+            hexpand
+            value={bind(brightness, "screen")}
+            onDragged={({ value }) => brightness.screen = value}
+        />
+    </box>
+}
+
+function AudioSlider() {
+    const speaker = Wp.get_default()?.audio.defaultSpeaker!
+
+    return <box className="AudioSlider" css="min-width: 140px">
+        <slider
+            hexpand
+            onDragged={({ value }) => speaker.volume = value}
+            value={bind(speaker, "volume")}
+        />
+    </box>
+}
+
+function MicrophoneSlider() {
+    const microphone = Wp.get_default()?.audio.defaultMicrophone!
+
+    return <box className="MicrophoneSlider" css="min-width: 140px">
+        <slider
+            hexpand
+            onDragged={({ value }) => microphone.volume = value}
+            value={bind(microphone, "volume")}
+        />
+    </box>
+}
+
+function openwelcomeapp() {
+    execAsync("com.ml4w.welcome")
+    App.get_window("sidebar")!.hide()
+}
+
+function opensettingsapp() {
+    execAsync("com.ml4w.dotfilessettings")
+    App.get_window("sidebar")!.hide()
+}
+
+function openhyprlandapp() {
+    execAsync("com.ml4w.hyprland.settings")
+    App.get_window("sidebar")!.hide()
+}
+
+function openwallpaper() {
+    const proc = subprocess(["bash", "-c", "waypaper"])    
+    App.get_window("sidebar")!.hide()
+}
+
+function openwallpapereffects() {
+    const proc = subprocess(["bash", "-c", "$HOME/.config/hypr/scripts/wallpaper-effects.sh"])    
+    App.get_window("sidebar")!.hide()
+}
+
+function openwaybarthemes() {
+    const proc = subprocess(["bash", "-c", "$HOME/.config/waybar/themeswitcher.sh"])    
+    App.get_window("sidebar")!.hide()
+}
+
+function powerlock() {
+    const proc = subprocess(["bash", "-c", "$HOME/.config/hypr/scripts/power.sh lock"])    
+    App.get_window("sidebar")!.hide()
+}
+
+function powerlogout() {
+    const proc = subprocess(["bash", "-c", "$HOME/.config/hypr/scripts/power.sh exit"])    
+    App.get_window("sidebar")!.hide()    
+}
+
+function powersuspend() {
+    const proc = subprocess(["bash", "-c", "$HOME/.config/hypr/scripts/power.sh suspend"])    
+    App.get_window("sidebar")!.hide()
+}
+
+function powerrestart() {
+    const proc = subprocess(["bash", "-c", "$HOME/.config/hypr/scripts/power.sh reboot"])    
+    App.get_window("sidebar")!.hide()
+}
+
+function powerexit() {
+    const proc = subprocess(["bash", "-c", "$HOME/.config/hypr/scripts/power.sh shutdown"])    
+    App.get_window("sidebar")!.hide()
+}
+
+export default function Sidebar() {
+
+    const anchor = Astal.WindowAnchor.TOP
+        | Astal.WindowAnchor.RIGHT
+
+    return <window 
+    name="sidebar"
+    application={App}
+    visible={false} 
+    className="Sidebar"
+    anchor={anchor}
+    keymode={Astal.Keymode.ON_DEMAND}
+    onKeyPressEvent={function (self, event: Gdk.Event) {
+        if (event.get_keyval()[1] === Gdk.KEY_Escape)
+            self.hide()
+    }}      
+    >    
+    <box className="sidebar" vertical>
+        <box css="padding-bottom:20px;">
+            <box className="group" vertical>
+                <box homogeneous>
+                    <button onClicked={openwelcomeapp} className="ml4wwelcomeicon"></button>
+                    <button onClicked={opensettingsapp} className="ml4wsettingsicon"></button>
+                    <button onClicked={openhyprlandapp} className="ml4whyprlandicon"></button>
+                </box>
+                <box homogeneous>
+                    <button onClicked={openwelcomeapp}>Welcome App</button>
+                    <button onClicked={opensettingsapp}>Settings App</button>
+                    <button onClicked={openhyprlandapp}>Hyprland App</button>
+                </box>
+            </box>
+        </box>
+        <centerbox horizontal className="group">
+            <label vexpand label=""></label>
+            <box>
+                <button onClicked={openwallpaper} className="btnbar first wallpaper"></button>
+                <button onClicked={openwallpapereffects} className="btnbar wallpapereffects"></button>
+                <button onClicked={openwaybarthemes} className="btnbar last statusbar"></button>
+            </box>
+            <label vexpand label=""></label>
+        </centerbox>
+        <box css="padding-bottom:20px;"></box>
+        <box className="group" halign="left" vertical>
+            <label css="padding-bottom:10px" label="Speaker"></label>
+            <AudioSlider/>
+            <label css="padding-bottom:10px" label="Microphone"></label>
+            <MicrophoneSlider />
+        </box>
+        <box css="padding-bottom:20px;"></box>
+        <box className="group" halign="left" vertical>
+            <label css="padding-bottom:10px" label="Brightness"></label>
+            <BrightnessSlider />
+        </box>
+        <box css="padding-bottom:20px;"></box>
+        <centerbox horizontal className="group">
+            <label vexpand label=""></label>
+            <box>
+                <button onClicked={powerlock} className="btnbar first lock"></button>
+                <button onClicked={powerlogout} className="btnbar logout"></button>
+                <button onClicked={powersuspend} className="btnbar suspend"></button>
+                <button onClicked={powerrestart} className="btnbar restart"></button>
+                <button onClicked={powerexit} className="btnbar last exit"></button>
+            </box>
+            <label vexpand label=""></label>
+        </centerbox>
+   </box>
+</window>
+}