nixos-configs/modules/ags/config/ts/clipboard/main.ts

const { Box, Icon, Label } = Widget;

import { Fzf, FzfResultItem } from 'fzf';
import Gtk from 'gi://Gtk?version=3.0';
import Clipboard from '../../services/clipboard.ts';

import CursorBox from '../misc/cursorbox.ts';
import SortedList from '../misc/sorted-list.ts';


export default () => {
    const makeItem = (
        list: Gtk.ListBox,
        key: number,
        val: string,
        isImage: boolean,
    ): void => {
        const widget = CursorBox({
            class_name: 'item',
            name: key.toString(),

            on_primary_click_release: () => {
                Clipboard.copyOldItem(key);
                App.closeWindow('win-clipboard');
            },

            child: Box({
                children: [
                    isImage ?
                        Icon({
                            icon: val.replace('img:', ''),
                            size: 100 * 2,
                        }) :

                        Label({
                            label: val,
                            truncate: 'end',
                            max_width_chars: 100,
                        }),
                ],
            }),
        });

        list.add(widget);
        widget.show_all();
    };

    let fzfResults = [] as FzfResultItem<[number, { clip: string, isImage: boolean }]>[];

    const getKey = (r: Gtk.ListBoxRow): number => parseInt(r.get_child()?.name ?? '0');


    return SortedList({
        name: 'clipboard',
        class_name: 'clipboard',
        transition: 'slide top',

        on_select: (r) => {
            Clipboard.copyOldItem(getKey(r));
            App.closeWindow('win-clipboard');
        },

        setup_list: (list, entry) => {
            const CONNECT_ID = Clipboard.connect('history-searched', () => {
                // Do every clip that existed before this widget
                list.get_children().forEach((row) => {
                    row.destroy();
                });
                Clipboard.clips.forEach((clip, key) => {
                    makeItem(list, key, clip.clip, clip.isImage);
                });

                // Setup connection for new clips
                Clipboard.connect('clip-added', (_, [key, clip]) => {
                    makeItem(list, key, clip.clip, clip.isImage);
                });

                list.set_sort_func((a, b) => {
                    if (entry.text === '' || entry.text === '-') {
                        a.set_visible(true);
                        b.set_visible(true);

                        return getKey(b) - getKey(a);
                    }
                    else {
                        const ROW_1 = fzfResults.find((f) => f.item[0] === getKey(a))?.score ?? 0;
                        const ROW_2 = fzfResults.find((f) => f.item[0] === getKey(b))?.score ?? 0;

                        a.set_visible(ROW_1 !== 0);
                        b.set_visible(ROW_2 !== 0);

                        return ROW_2 - ROW_1;
                    }
                });

                Clipboard.disconnect(CONNECT_ID);
            });
        },

        on_text_change: (text, list, placeholder) => {
            const fzf = new Fzf([...Clipboard.clips.entries()], {
                selector: ([_key, { clip }]) => clip,

                tiebreakers: [(a, b) => b[0] - a[0]],
            });

            fzfResults = fzf.find(text);
            list.invalidate_sort();

            const visibleApps = list.get_children().filter((row) => row.visible).length;

            placeholder.reveal_child = visibleApps <= 0;
        },
    });
};