sidebar: quick scripts; fix Icon condition race

.config/ags/widgets/bar/tray.js

@@ -10,15 +10,8 @@ const SysTrayItem = (item) => Button({
     className: 'bar-systray-item',
     child: Icon({
         hpack: 'center',
-        setup: (self) => {
-            self.hook(item, (self) => self.icon = item.icon);
-            Utils.timeout(1, () => {
-                const styleContext = self.get_parent().get_style_context();
-                const width = styleContext.get_property('min-width', Gtk.StateFlags.NORMAL);
-                const height = styleContext.get_property('min-height', Gtk.StateFlags.NORMAL);
-                self.size = Math.max(width, height, 1); // im too lazy to add another box lol
-            })
-        },
+        icon: item.icon,
+        setup: (self) => self.hook(item, (self) => self.icon = item.icon),
     }),
     setup: (self) => self
         .hook(item, (self) => self.tooltipMarkup = item['tooltip-markup'])

.config/ags/widgets/dock/dock.js

@@ -59,12 +59,6 @@ const AppButton = ({ icon, ...rest }) => Widget.Revealer({
                     className: 'dock-app-icon',
                     child: Widget.Icon({
                         icon: icon,
-                        setup: (self) => Utils.timeout(1, () => {
-                            const styleContext = self.get_parent().get_style_context();
-                            const width = styleContext.get_property('min-width', Gtk.StateFlags.NORMAL);
-                            const height = styleContext.get_property('min-height', Gtk.StateFlags.NORMAL);
-                            self.size = Math.max(width, height, 1);
-                        })
                     }),
                 }),
                 overlays: [Widget.Box({

.config/ags/widgets/overview/searchbuttons.js

@@ -38,12 +38,6 @@ export const DirectoryButton = ({ parentPath, name, type, icon }) => {
                             homogeneous: true,
                             child: Widget.Icon({
                                 icon: icon,
-                                setup: (self) => Utils.timeout(1, () => {
-                                    const styleContext = self.get_parent().get_style_context();
-                                    const width = styleContext.get_property('min-width', Gtk.StateFlags.NORMAL);
-                                    const height = styleContext.get_property('min-height', Gtk.StateFlags.NORMAL);
-                                    self.size = Math.max(width, height, 1);
-                                })
                             }),
                         }),
                         Widget.Label({
@@ -112,12 +106,6 @@ export const DesktopEntryButton = (app) => {
                             homogeneous: true,
                             child: Widget.Icon({
                                 icon: app.iconName,
-                                setup: (self) => Utils.timeout(1, () => {
-                                    const styleContext = self.get_parent().get_style_context();
-                                    const width = styleContext.get_property('min-width', Gtk.StateFlags.NORMAL);
-                                    const height = styleContext.get_property('min-height', Gtk.StateFlags.NORMAL);
-                                    self.size = Math.max(width, height, 1);
-                                })
                             }),
                         }),
                         Widget.Label({

.config/ags/widgets/overview/windowcontent.js

@@ -243,11 +243,11 @@ export const SearchAndWindows = () => {
                         entry.set_position(Math.max(entry.get_position() - 1, 0));
                     else if (keyval == Gdk.KEY_f)
                         entry.set_position(Math.min(entry.get_position() + 1, entry.get_text().length));
-                    if (keyval == Gdk.KEY_n) { // simulate Down arrow
+                    else if (keyval == Gdk.KEY_n) { // simulate Down arrow
                         entry.get_root_window().simulate_key_press(Gdk.KEY_Down, Gdk.ModifierType.NONE);
                         // entry.get_root_window().simulate_key_release(Gdk.KEY_Down, Gdk.ModifierType.NONE);
                     }
-                    if (keyval == Gdk.KEY_k) { // Delete to end
+                    else if (keyval == Gdk.KEY_k) { // Delete to end
                         const text = entry.get_text();
                         const pos = entry.get_position();
                         const newText = text.slice(0, pos);

.config/ags/widgets/sideleft/apis/ai_chatmessage.js

@@ -44,6 +44,7 @@ function copyToClipboard(text) {
 function substituteLang(str) {
     const subs = [
         { from: 'javascript', to: 'js' },
+        { from: 'bash', to: 'sh' },
     ];
 
     for (const { from, to } of subs) {
@@ -58,7 +59,7 @@ const HighlightedCode = (content, lang) => {
     const buffer = new GtkSource.Buffer();
     const sourceView = new GtkSource.View({
         buffer: buffer,
-        wrap_mode: Gtk.WrapMode.WORD
+        wrap_mode: Gtk.WrapMode.NONE
     });
     const langManager = GtkSource.LanguageManager.get_default();
     let displayLang = langManager.get_language(substituteLang(lang)); // Set your preferred language

.config/ags/widgets/sideleft/apis/chatgpt.js

@@ -19,14 +19,6 @@ export const chatGPTTabIcon = Icon({
     hpack: 'center',
     className: 'sidebar-chat-apiswitcher-icon',
     icon: `openai-symbolic`,
-    setup: (self) => Utils.timeout(513, () => { // stupid condition race
-        const styleContext = self.get_style_context();
-        const width = styleContext.get_property('min-width', Gtk.StateFlags.NORMAL);
-        const height = styleContext.get_property('min-height', Gtk.StateFlags.NORMAL);
-        // console.log(Math.round(Math.max(width, height, 1)));
-        self.size = Math.max(width, height, 1) * 116 / 180;
-        // ↑ Why such a specific proportion? See https://openai.com/brand#logos
-    })
 });
 
 const ChatGPTInfo = () => {
@@ -34,14 +26,6 @@ const ChatGPTInfo = () => {
         hpack: 'center',
         className: 'sidebar-chat-welcome-logo',
         icon: `openai-symbolic`,
-        setup: (self) => Utils.timeout(513, () => { // stupid condition race
-            const styleContext = self.get_style_context();
-            const width = styleContext.get_property('min-width', Gtk.StateFlags.NORMAL);
-            const height = styleContext.get_property('min-height', Gtk.StateFlags.NORMAL);
-            // console.log(Math.round(Math.max(width, height, 1)));
-            self.size = Math.max(width, height, 1) * 116 / 180;
-            // ↑ Why such a specific proportion? See https://openai.com/brand#logos
-        })
     });
     return Box({
         vertical: true,

.config/ags/widgets/sideleft/apis/gemini.js

@@ -20,12 +20,6 @@ export const geminiTabIcon = Icon({
     hpack: 'center',
     className: 'sidebar-chat-apiswitcher-icon',
     icon: `google-gemini-symbolic`,
-    setup: (self) => Utils.timeout(513, () => { // stupid condition race
-        const styleContext = self.get_style_context();
-        const width = styleContext.get_property('min-width', Gtk.StateFlags.NORMAL);
-        const height = styleContext.get_property('min-height', Gtk.StateFlags.NORMAL);
-        self.size = Math.max(width, height, 1) * 116 / 180;
-    })
 })
 
 const GeminiInfo = () => {
@@ -33,12 +27,6 @@ const GeminiInfo = () => {
         hpack: 'center',
         className: 'sidebar-chat-welcome-logo',
         icon: `google-gemini-symbolic`,
-        setup: (self) => Utils.timeout(513, () => { // stupid condition race
-            const styleContext = self.get_style_context();
-            const width = styleContext.get_property('min-width', Gtk.StateFlags.NORMAL);
-            const height = styleContext.get_property('min-height', Gtk.StateFlags.NORMAL);
-            self.size = Math.max(width, height, 1) * 116 / 180;
-        })
     });
     return Box({
         vertical: true,

.config/ags/widgets/sideleft/module.js

@@ -1,30 +1,53 @@
 import Widget from 'resource:///com/github/Aylur/ags/widget.js';
-const { Box, Button, Label } = Widget;
+import { setupCursorHover } from '../../lib/cursorhover.js';
+import { MaterialIcon } from '../../lib/materialicon.js';
+const { Box, Button, Icon, Label, Revealer } = Widget;
 
 export const SidebarModule = ({
+    icon,
     name,
     child
 }) => {
+    const headerButtonIcon = MaterialIcon('expand_more', 'norm');
+    const header = Box({
+        className: 'spacing-h-10',
+        children: [
+            icon,
+            Label({
+                className: 'txt-norm txt',
+                label: `${name}`,
+            }),
+            Box({
+                hexpand: true,
+            }),
+            Button({
+                className: 'sidebar-module-btn-arrow txt',
+                child: headerButtonIcon,
+                onClicked: () => {
+                    console.log('clicked');
+                    content.revealChild = !content.revealChild;
+                    headerButtonIcon.label = content.revealChild ? 'expand_less' : 'expand_more';
+                },
+                setup: setupCursorHover,
+            })
+        ]
+    });
+    const content = Revealer({
+        revealChild: true,
+        transition: 'slide_down',
+        transitionDuration: 200,
+        child: Box({
+            className: 'margin-top-5',
+            homogeneous: true,
+            children: [child],
+        }),
+    });
     return Box({
         className: 'sidebar-module',
         vertical: true,
         children: [
-            Button({
-                child: Box({
-                    children: [
-                        Label({
-                            className: 'txt-small txt',
-                            label: `${name}`,
-                        }),
-                        Box({
-                            hexpand: true,
-                        }),
-                        Label({
-                            className: 'sidebar-module-btn-arrow',
-                        })
-                    ]
-                })
-            })
+            header,
+            content,
         ]
     });
 }

.config/ags/widgets/sideleft/quickscripts.js

@@ -1,11 +1,95 @@
+const { Gtk } = imports.gi;
+import App from 'resource:///com/github/Aylur/ags/app.js';
 import Widget from 'resource:///com/github/Aylur/ags/widget.js';
 import * as Utils from 'resource:///com/github/Aylur/ags/utils.js';
 const { execAsync, exec } = Utils;
-const { Box, Button, EventBox, Label, Scrollable } = Widget;
+const { Box, Button, EventBox, Icon, Label, Scrollable } = Widget;
 import { SidebarModule } from './module.js';
+import { MaterialIcon } from '../../lib/materialicon.js';
+import { setupCursorHover } from '../../lib/cursorhover.js';
+
+Gtk.IconTheme.get_default().append_search_path(`${App.configDir}/assets`);
+const distroID = exec(`bash -c 'cat /etc/os-release | grep "^ID=" | cut -d "=" -f 2'`).trim();
+const isDebianDistro = (distroID == 'linuxmint' || distroID == 'ubuntu' || distroID == 'debian' || distroID == 'zorin' || distroID == 'pop' || distroID == 'raspbian' || distroID == 'kali' || distroID == 'elementary');
+const isArchDistro = (distroID == 'arch' || distroID == 'endeavouros');
+const hasFlatpak = !!exec(`bash -c 'command -v flatpak'`);
+
+const scripts = [
+    {
+        icon: 'nixos-symbolic',
+        name: 'Trim system generations to 5',
+        command: `sudo ${App.configDir}/scripts/quickscripts/nixos-trim-generations.sh 5 0 system`,
+        enabled: distroID == 'nixos',
+    },
+    {
+        icon: 'nixos-symbolic',
+        name: 'Trim home manager generations to 5',
+        command: `${App.configDir}/scripts/quickscripts/nixos-trim-generations.sh 5 0 home-manager`,
+        enabled: distroID == 'nixos',
+    },
+    {
+        icon: 'ubuntu-symbolic',
+        name: 'Update packages',
+        command: `sudo apt update && sudo apt upgrade -y`,
+        enabled: isDebianDistro,
+    },
+    {
+        icon: 'fedora-symbolic',
+        name: 'Update packages',
+        command: `sudo dnf upgrade -y`,
+        enabled: distroID == 'fedora',
+    },
+    {
+        icon: 'arch-symbolic',
+        name: 'Update packages',
+        command: `sudo pacman -Syyu`,
+        enabled: isArchDistro,
+    },
+    {
+        icon: 'flatpak-symbolic',
+        name: 'Uninstall unused flatpak packages',
+        command: `flatpak uninstall --unused`,
+        enabled: hasFlatpak,
+    },
+];
 
 export const QuickScripts = () => SidebarModule({
+    icon: MaterialIcon('code', 'norm'),
     name: 'Quick scripts',
     child: Box({
+        vertical: true,
+        className: 'spacing-v-5',
+        children: scripts.map((script) => {
+            if (!script.enabled) return null;
+            const scriptStateIcon = MaterialIcon('not_started', 'norm');
+            return Box({
+                className: 'spacing-h-5 txt',
+                children: [
+                    Icon({
+                        className: 'sidebar-module-btn-icon txt-large',
+                        icon: script.icon,
+                    }),
+                    Label({
+                        className: 'txt-small',
+                        hpack: 'start',
+                        hexpand: true,
+                        label: script.name,
+                        tooltipText: script.command,
+                    }),
+                    Button({
+                        className: 'sidebar-module-scripts-button',
+                        child: scriptStateIcon,
+                        onClicked: () => {
+                            App.closeWindow('sideleft');
+                            execAsync([`bash`, `-c`, `foot fish -C "${script.command}"`]).catch(print)
+                                .then(() => {
+                                    scriptStateIcon.label = 'done';
+                                })
+                        },
+                        setup: setupCursorHover,
+                    }),
+                ],
+            })
+        }),
     })
-})
+});

.config/ags/widgets/sideleft/toolbox.js

@@ -10,7 +10,7 @@ export default Scrollable({
     child: Box({
         vertical: true,
         children: [
-            // QuickScripts(),
+            QuickScripts(),
         ]
     })
 });