TheaninovOS/desktops/hyprland/ags/modules/lib/cursorhover.js

const { Gdk, Gtk } = imports.gi;

const CLICK_BRIGHTEN_AMOUNT = 0.13;

export function setupCursorHover(button) {
    var clicked = false;
    var dummy = false;
    var cursorX = 0;
    var cursorY = 0;
    const styleContext = button.get_style_context();
    var clickColor = styleContext.get_property('background-color', Gtk.StateFlags.HOVER);
    clickColor.green += CLICK_BRIGHTEN_AMOUNT;
    clickColor.blue += CLICK_BRIGHTEN_AMOUNT;
    clickColor.red += CLICK_BRIGHTEN_AMOUNT;
    clickColor = clickColor.to_string();
    
    const display = Gdk.Display.get_default();
    button.connect('enter-notify-event', () => {
        const cursor = Gdk.Cursor.new_from_name(display, 'pointer');
        button.get_window().set_cursor(cursor);
    });

    button.connect('leave-notify-event', () => {
        const cursor = Gdk.Cursor.new_from_name(display, 'default');
        button.get_window().set_cursor(cursor);
    });

    // button.add_events(Gdk.EventMask.POINTER_MOTION_MASK);
    // button.connect('motion-notify-event', (widget, event) => {
    //     [dummy, cursorX, cursorY] = event.get_coords(); // Get the mouse coordinates relative to the widget
    //     if(!clicked) widget.style = `
    //         background-image: radial-gradient(circle at ${cursorX}px ${cursorY}px, rgba(0,0,0,0), rgba(0,0,0,0) 0%, rgba(0,0,0,0) 0%, ${clickColor} 0%, ${clickColor} 0%, ${clickColor} 0%, ${clickColor} 0%, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 0%);
    //     `;
    // });

    // button.connect('button-press-event', (widget, event) => {
    //     clicked = true;
    //     [dummy, cursorX, cursorY] = event.get_coords(); // Get the mouse coordinates relative to the widget
    //     cursorX = Math.round(cursorX); cursorY = Math.round(cursorY);
    //     widget.style = `
    //         background-image: radial-gradient(circle at ${cursorX}px ${cursorY}px, rgba(0,0,0,0), rgba(0,0,0,0) 0%, rgba(0,0,0,0) 0%, ${clickColor} 0%, ${clickColor} 0%, ${clickColor} 0%, ${clickColor} 0%, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 0%);
    //     `;
    //     widget.toggleClassName('growingRadial', true);
    //     widget.style = `
    //         background-image: radial-gradient(circle at ${cursorX}px ${cursorY}px, rgba(0,0,0,0), rgba(0,0,0,0) 0%, rgba(0,0,0,0) 0%, ${clickColor} 0%, ${clickColor} 0%, ${clickColor} 70%, ${clickColor} 70%, rgba(0,0,0,0) 70%, rgba(0,0,0,0) 70%);
    //     `
    // });
    // button.connect('button-release-event', (widget, event) => {
    //     widget.toggleClassName('growingRadial', false);
    //     widget.toggleClassName('fadingRadial', false);
    //     widget.style = `
    //     background-image: radial-gradient(circle at ${cursorX}px ${cursorY}px, rgba(0,0,0,0), rgba(0,0,0,0) 0%, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 70%, rgba(0,0,0,0) 70%, rgba(0,0,0,0) 70%, rgba(0,0,0,0) 70%);
    //     `
    //     clicked = false;
    // });
}

export function setupCursorHoverAim(button) {
    button.connect('enter-notify-event', () => {
        const display = Gdk.Display.get_default();
        const cursor = Gdk.Cursor.new_from_name(display, 'crosshair');
        button.get_window().set_cursor(cursor);
    });

    button.connect('leave-notify-event', () => {
        const display = Gdk.Display.get_default();
        const cursor = Gdk.Cursor.new_from_name(display, 'default');
        button.get_window().set_cursor(cursor);
    });
}