ags: sync

2024-01-25 22:25:27 +07:00
parent ed24fe4ae3
commit 7e73e24dd8
64 changed files with 2674 additions and 1723 deletions
@@ -1,83 +0,0 @@
-const { Gdk, Gtk } = imports.gi;
-const Lang = imports.lang;
-import { App, Service, Utils, Widget, SCREEN_HEIGHT, SCREEN_WIDTH } from '../../imports.js';
-const { execAsync, exec } = Utils;
-const { Box, Label } = Widget;
-
-const NUM_OF_VERTICES = 30;
-const NUM_OF_EDGES = 29;
-// Vertices
-var vertices = [];
-for (var i = 0; i < NUM_OF_VERTICES; i++) {
-    vertices.push([
-        Math.floor(Math.random() * SCREEN_WIDTH),
-        Math.floor(Math.random() * SCREEN_HEIGHT)
-    ]);
-}
-// Edges
-function generateRandomEdges(numVertices, numEdges) { // TODO: make sure whole graph is connected
-    var edges = new Set();
-    var vertices = [];
-
-    // Generate vertices
-    for (var i = 0; i < numVertices; i++) {
-        vertices.push(i);
-    }
-
-    // Generate random distinct edges
-    while (edges.size < numEdges) {
-        var randomVertex1 = vertices[Math.floor(Math.random() * numVertices)];
-        var randomVertex2 = vertices[Math.floor(Math.random() * numVertices)];
-
-        // Ensure the two vertices are distinct and the edge doesn't already exist
-        if (randomVertex1 !== randomVertex2) {
-            var edge = [randomVertex1, randomVertex2].sort();
-            edges.add(edge.join(','));
-        }
-    }
-
-    return Array.from(edges).map(edge => edge.split(',').map(Number));
-}
-
-var edges = generateRandomEdges(NUM_OF_VERTICES, NUM_OF_EDGES);
-
-export default () => Box({
-    hpack: 'fill',
-    vpack: 'fill',
-    homogeneous: true,
-    children: [
-        Widget.DrawingArea({
-            className: 'bg-graph',
-            setup: (area) => {
-                area.connect('draw', Lang.bind(area, (area, cr) => {
-                    // area.set_size_request(SCREEN_WIDTH, SCREEN_HEIGHT);
-                    // console.log('allocated width/height:', area.get_allocated_width(), '/', area.get_allocated_height())
-                    const styleContext = area.get_style_context();
-                    const color = styleContext.get_property('color', Gtk.StateFlags.NORMAL);
-                    const backgroundColor = styleContext.get_property('background-color', Gtk.StateFlags.NORMAL);
-                    const radius = area.get_style_context().get_property('border-radius', Gtk.StateFlags.NORMAL);
-                    const borderWidth = area.get_style_context().get_border(Gtk.StateFlags.NORMAL).left; // ur going to write border-width: something anyway
-
-                    cr.setSourceRGBA(backgroundColor.red, backgroundColor.green, backgroundColor.blue, backgroundColor.alpha);
-                    cr.rectangle(0, 0, SCREEN_WIDTH, SCREEN_HEIGHT)
-                    cr.fill();
-                    cr.setSourceRGBA(color.red, color.green, color.blue, color.alpha);
-                    // Draw edges
-                    cr.setLineWidth(borderWidth);
-                    console.log("line width:", borderWidth);
-                    for (var i = 0; i < NUM_OF_EDGES; i++) {
-                        console.log(vertices[edges[i][0]][0], vertices[edges[i][0]][1], '->', vertices[edges[i][1]][0], vertices[edges[i][1]][1])
-                        cr.moveTo(vertices[edges[i][0]][0], vertices[edges[i][0]][1]);
-                        cr.lineTo(vertices[edges[i][1]][0], vertices[edges[i][1]][1]);
-                        cr.stroke();
-                    }
-                    // Draw vertices
-                    for (var i = 0; i < NUM_OF_VERTICES; i++) {
-                        cr.arc(vertices[i][0], vertices[i][1], radius, 0, 2 * Math.PI)
-                        cr.fill()
-                    }
-                }))
-            }
-        })
-    ]
-})
@@ -1,28 +1,24 @@
-const { Gdk, Gtk } = imports.gi;
 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;

+import WallpaperImage from './wallpaper.js';
 import TimeAndLaunchesWidget from './timeandlaunches.js'
 import SystemWidget from './system.js'
-import GraphWidget from './graph.js'

-export default () => Widget.Window({
-    name: 'desktopbackground',
-    anchor: ['top', 'bottom', 'left', 'right'],
+export default (monitor) => Widget.Window({
+    name: `desktopbackground${monitor}`,
+    // anchor: ['top', 'bottom', 'left', 'right'],
    layer: 'background',
-    exclusivity: 'normal',
+    exclusivity: 'ignore',
    visible: true,
+    // child: WallpaperImage(monitor),
    child: Widget.Overlay({
-        child: Widget.Box({
-            hexpand: true,
-            vexpand: true,
-        }),
+        child: WallpaperImage(monitor),
        overlays: [
-            // GraphWidget(),
            TimeAndLaunchesWidget(),
            SystemWidget(),
        ],
-        setup: (self) => self.set_overlay_pass_through(self.get_children()[1], true),
+        setup: (self) => {
+            self.set_overlay_pass_through(self.get_children()[1], true);
+        },
    }),
-});
+});
@@ -114,11 +114,14 @@ const distroAndVersion = Box({
                Label({
                    className: 'bg-distro-name',
                    xalign: 0,
-                    label: '<version>',
+                    label: 'An environment idk',
                    setup: (label) => {
-                        execAsync([`bash`, `-c`, `hyprctl version | grep -oP "Tag: v\\K\\d+\\.\\d+\\.\\d+"`]).then(distro => {
-                            label.label = `Hyprland ${distro}`;
-                        }).catch(print);
+                        // hyprctl will return unsuccessfully if Hyprland isn't running
+                        execAsync([`bash`, `-c`, `hyprctl version | grep -oP "Tag: v\\K\\d+\\.\\d+\\.\\d+"`]).then(version => {
+                            label.label = `Hyprland ${version}`;
+                        }).catch(() => execAsync([`bash`, `-c`, `sway -v | cut -d'-' -f1 | sed 's/sway version /v/'`]).then(version => {
+                            label.label = `Sway ${version}`;
+                        }).catch(print));
                    },
                }),
            ]
@@ -0,0 +1,115 @@
+const { Gdk, GdkPixbuf, Gio, GLib, Gtk } = imports.gi;
+import Widget from 'resource:///com/github/Aylur/ags/widget.js';
+import * as Utils from 'resource:///com/github/Aylur/ags/utils.js';
+import { SCREEN_HEIGHT, SCREEN_WIDTH } from '../../imports.js';
+const { exec, execAsync } = Utils;
+const { Box, Button, Label, Stack } = Widget;
+import Hyprland from 'resource:///com/github/Aylur/ags/service/hyprland.js';
+
+import Wallpaper from '../../services/wallpaper.js';
+import { setupCursorHover } from '../../lib/cursorhover.js';
+
+const SWITCHWALL_SCRIPT_PATH = `${App.configDir}/scripts/color_generation/switchwall.sh`;
+const WALLPAPER_ZOOM_SCALE = 1.25; // For scrolling when we switch workspace
+const MAX_WORKSPACES = 10;
+
+const WALLPAPER_OFFSCREEN_X = (WALLPAPER_ZOOM_SCALE - 1) * SCREEN_WIDTH;
+const WALLPAPER_OFFSCREEN_Y = (WALLPAPER_ZOOM_SCALE - 1) * SCREEN_HEIGHT;
+
+function clamp(x, min, max) {
+    return Math.min(Math.max(x, min), max);
+}
+
+export default (monitor = 0) => {
+    const wallpaperImage = Widget.DrawingArea({
+        attribute: {
+            pixbuf: undefined,
+            workspace: 1,
+            sideleft: 0,
+            sideright: 0,
+            updatePos: (self) => {
+                self.setCss(`font-size: ${self.attribute.workspace - self.attribute.sideleft + self.attribute.sideright}px;`)
+            },
+        },
+        className: 'bg-wallpaper-transition',
+        setup: (self) => {
+            self.set_size_request(SCREEN_WIDTH, SCREEN_HEIGHT);
+            self
+                // TODO: reduced updates using timeouts to reduce lag
+                // .hook(Hyprland.active.workspace, (self) => {
+                //     self.attribute.workspace = Hyprland.active.workspace.id
+                //     self.attribute.updatePos(self);
+                // })
+                // .hook(App, (box, name, visible) => { // Update on open
+                //     if (self.attribute[name] === undefined) return;
+                //     self.attribute[name] = (visible ? 1 : 0);
+                //     self.attribute.updatePos(self);
+                // })
+                .on('draw', (self, cr) => {
+                    if (!self.attribute.pixbuf) return;
+                    const styleContext = self.get_style_context();
+                    const workspace = styleContext.get_property('font-size', Gtk.StateFlags.NORMAL);
+                    // Draw
+                    Gdk.cairo_set_source_pixbuf(cr, self.attribute.pixbuf,
+                        -(WALLPAPER_OFFSCREEN_X / (MAX_WORKSPACES + 1) * (clamp(workspace, 0, MAX_WORKSPACES + 1))),
+                        -WALLPAPER_OFFSCREEN_Y / 2);
+                    cr.paint();
+                })
+                .hook(Wallpaper, (self) => {
+                    const wallPath = Wallpaper.get(monitor);
+                    if (!wallPath || wallPath === "") return;
+                    self.attribute.pixbuf = GdkPixbuf.Pixbuf.new_from_file(wallPath);
+
+                    const scale_x = SCREEN_WIDTH * WALLPAPER_ZOOM_SCALE / self.attribute.pixbuf.get_width();
+                    const scale_y = SCREEN_HEIGHT * WALLPAPER_ZOOM_SCALE / self.attribute.pixbuf.get_height();
+                    const scale_factor = Math.max(scale_x, scale_y);
+
+                    self.attribute.pixbuf = self.attribute.pixbuf.scale_simple(
+                        Math.round(self.attribute.pixbuf.get_width() * scale_factor),
+                        Math.round(self.attribute.pixbuf.get_height() * scale_factor),
+                        GdkPixbuf.InterpType.BILINEAR
+                    );
+                    self.queue_draw();
+                }, 'updated');
+            ;
+        }
+        ,
+    });
+    const wallpaperPrompt = Box({
+        hpack: 'center',
+        vpack: 'center',
+        vertical: true,
+        className: 'spacing-v-10',
+        children: [
+            Label({
+                hpack: 'center',
+                justification: 'center',
+                className: 'txt-large',
+                label: `No wallpaper loaded.\nAn image ≥ ${SCREEN_WIDTH * WALLPAPER_ZOOM_SCALE} × ${SCREEN_HEIGHT * WALLPAPER_ZOOM_SCALE} is recommended.`,
+            }),
+            Button({
+                hpack: 'center',
+                className: 'btn-primary',
+                label: `Select one`,
+                setup: setupCursorHover,
+                onClicked: (self) => Utils.execAsync([SWITCHWALL_SCRIPT_PATH]),
+            }),
+        ]
+    });
+    const stack = Stack({
+        transition: 'crossfade',
+        transitionDuration: 180,
+        items: [
+            ['image', wallpaperImage],
+            ['prompt', wallpaperPrompt],
+        ],
+        setup: (self) => self
+            .hook(Wallpaper, (self) => {
+                const wallPath = Wallpaper.get(monitor);
+                self.shown = ((wallPath && wallPath != "") ? 'image' : 'prompt');
+            }, 'updated')
+        ,
+    })
+    return stack;
+    // return wallpaperImage;
+}