nixos-configs/devices/wim/config/ags/js/misc/cursorbox.js

import Variable from 'resource:///com/github/Aylur/ags/variable.js';

import { EventBox } from 'resource:///com/github/Aylur/ags/widget.js';

const { Gtk } = imports.gi;


// TODO: wrap in another EventBox for disabled cursor
/**
 * @typedef {import('types/widgets/eventbox').EventBoxProps} EventBox
 *
 * @param {EventBox & {
 *      on_primary_click_release?: function(EventBox):void
 * }} o
 */
export default ({
    attribute,
    on_primary_click_release = () => {/**/},
    ...props
}) => {
    // Make this variable to know if the function should
    // be executed depending on where the click is released
    const CanRun = Variable(true);
    const Disabled = Variable(false);

    const widget = EventBox({
        ...props,
        sensitive: Disabled.bind().transform((v) => !v),

        on_primary_click_release: (self) => {
            // Every click, do a one shot connect to
            // CanRun to wait for location of click
            const id = CanRun.connect('changed', () => {
                if (CanRun.value) {
                    on_primary_click_release(self);
                }

                CanRun.disconnect(id);
            });
        },
    });

    const wrapper = EventBox({
        cursor: 'pointer',

        attribute: {
            ...attribute,

            disabled: Disabled,

            get_child: () => widget.child,

            set_child: (new_child) => {
                widget.child = new_child;
            },
        },

        child: widget,

    }).hook(Disabled, (self) => {
        self.cursor = Disabled.value ?
            'not-allowed' :
            'pointer';
    });

    const gesture = Gtk.GestureLongPress.new(widget);

    widget.hook(gesture, () => {
        const pointer = gesture.get_point(null);
        const x = pointer[1];
        const y = pointer[2];

        if ((!x || !y) || (x === 0 && y === 0)) {
            return;
        }

        CanRun.value = !(
            x > widget.get_allocated_width() ||
            y > widget.get_allocated_height()
        );
    }, 'end');

    return wrapper;
};