Mouse position in relation to interface elements

This is a partial re-write of the script using functions to create the buttons which makes everything a little more configurable/readable:

function selectInsert({ device }) {
    const config = {
        emptyBtn: { r: 0, g: 0, b: 0 },
        assignedBtnFirstRow: { r: 0, g: 100, b: 255 },
        assignedBtnSecondRow: { r: 0, g: 255, b: 100 },
        unassignedBtn: { r: 100, g: 100, b: 100 },
    };

    function formatTitle(s) {
        var res = '', i = 0;
        var numDisplayLines = 0;
        var maxLineLength = 7;
        if (s == "unassigned") { return "<empty>" };
        var splitPreset = s.split(" ");
        if (splitPreset.length < 5) {
            for (i = 0; i < splitPreset.length - 1; i++) {
                res += splitPreset[i] + "\n";
            }
            res += splitPreset[splitPreset.length - 1];
        } else {
            while (numDisplayLines < 5 && i < splitPreset.length - 1) {
                if (splitPreset[i].length + splitPreset[i + 1].length < maxLineLength) {
                    res += splitPreset[i] + " " + splitPreset[i + 1] + "\n";
                    i = i + 2;
                } else {
                    res += splitPreset[i];
                    i++;
                }
                numDisplayLines++
            }
        }
        return res;
    }

    function main() {

        function InsertButton(insertNumber) {
            var assignment = insertAssignments[insertNumber - 1];
            var isUnassigned = assignment === "unassigned";
            return {
                title: formatTitle(assignment),
                color: isUnassigned
                    ? config.unassignedBtn
                    : insertNumber <= 5
                        ? config.assignedBtnFirstRow
                        : config.assignedBtnSecondRow,
                value: insertNumber,
            };
        }

        function NullButton() {
            return {
                title: '',
                color: config.emptyBtn,
                value: -1,
            };
        }

        function NullButtons(count) {
            return Array.from(Array(count)).map(_ => NullButton());
        }

        //Array of insert assignments ("unassigned" or name of plugin)
        var insertAssignments = sf.ui.proTools.selectedTrack.invalidate().insertButtons.map(b => b.value.invalidate().value);

        //Define the layout of buttons
        var buttons;
        if (device.buttonCount === 32) {
            //Stream Deck XL layout
            buttons = [
                //First row
                InsertButton(1), InsertButton(2), InsertButton(3), InsertButton(4), InsertButton(5), NullButton(), NullButton(), NullButton(),
                //Second row
                InsertButton(6), InsertButton(7), InsertButton(8), InsertButton(9), InsertButton(10), NullButton(), NullButton(), NullButton(),
            ].concat(NullButtons(16));
        } else {
            //Stream Deck normal layout
            buttons = [
                //First row
                InsertButton(1), InsertButton(2), InsertButton(3), InsertButton(4), InsertButton(5),
                //Second row
                InsertButton(6), InsertButton(7), InsertButton(8), InsertButton(9), InsertButton(10),
            ].concat(NullButtons(5));
        }

        //Show & select button
        var selectedValue = device.showModal({
            items: buttons,
        }).selectedItem.value;

        return selectedValue;
    }

    return main();
}

var insertNumber = selectInsert({
    device: sf.devices.streamDeck.firstDevice,
});

log(insertNumber);