Ace: Перемещайте точки останова по мере изменения кода.

В cloud9 мы использовали обработчик изменений для обновления точек останова в отдельном массиве https://github.com/ajaxorg/cloud9/blob/master/plugins-client/ext.debugger/breakpoints.js#L170 .

Поскольку ace использует массив строк, я не уверен, как лучше всего реализовать дескрипторы строк, либо полный массив объектов, синхронизированный с линиями, либо использовать диапазоны, аналогичные обработке линий сгиба в edit_session. Сложной частью является обработка разделяемых или объединяемых строк, поскольку для разных типов аннотаций строк требуется разное поведение.

Я считаю, что ваше решение для точек останова хорошо подойдет для аннотаций.

Сложной частью является обработка строк, которые разделяются или объединяются, поскольку для разных типов аннотаций строк требуется разное поведение.

Хм.. Я не могу придумать ни одного примера. Я был бы признателен, если бы вы поделились некоторыми :)

Я нашел решение, но оно работает только в моем случае, потому что я разрешаю одновременно только одну точку останова. С некоторым усовершенствованием может подойти и для общего случая.
Я использовал прослушиватель изменений в экземпляре редактора и проверил количество строк, измененных действием, вызвавшим событие. Если их больше одной, мы имеем дело с добавлением или удалением одной или нескольких строк. Параметр действия события помогает нам понять, в каком случае мы находимся.
Чтобы увидеть, нужно ли мне переместить точку (точки) останова, я проверяю, находится ли она между начальной и конечной строкой модификации. Если он находится в этом диапазоне, я должен двигаться.

Код (быстро написанный) следующий:

aceEditor.on("change", function (e) {
                var breakpointsArray = aceEditor.session.getBreakpoints();
                if(Object.keys(aceEditor.session.getBreakpoints()).length>0){
                    if(e.lines.length>1){
                        var breakpoint = parseInt(Object.keys(breakpointsArray)[0]);
                        var lines = e.lines.length -1;
                        var start = e.start.row;
                        var end = e.end.row;
                        if(e.action==='insert'){
                            console.log('new lines',breakpoint, start , end );
                            if(breakpoint>start ){
                                console.log('breakpoint forward');
                                aceEditor.session.clearBreakpoint(breakpoint);
                                aceEditor.session.setBreakpoint(breakpoint + lines);
                            }
                        } else if(e.action==='remove'){
                            console.log('removed lines',breakpoint, start , end);
                            if(breakpoint>start && breakpoint<end ){
                                console.log('breakpoint remove');
                                aceEditor.session.clearBreakpoint(breakpoint);
                            }
                            if(breakpoint>=end ){
                                console.log('breakpoint behind');
                                aceEditor.session.clearBreakpoint(breakpoint);
                                aceEditor.session.setBreakpoint(breakpoint - lines);
                            }
                        }
                    }
                }
            });

Надеюсь кому-то помог!

Я изменил решение alessandrocaprarelli выше, чтобы оно работало для нескольких точек останова, может быть полезно для других:

editor.on("change", function (e) {
    if (e.lines.length > 1 && (e.action==='insert' || e.action==='remove')){
        const breakpointsArrayOld = editor.session.getBreakpoints();
        let breakpointsArrayNew = [];

        const amountOfLinesAffected = e.lines.length - 1;
        const startRow = e.start.row;
        const endRow = e.end.row;

        for (const key of Object.keys(breakpointsArrayOld)) {
            let breakpointRow = parseInt(key)

            if (e.action==='insert') {  // new lines
                if (breakpointRow > startRow ){
                    // breakpoint forward
                    breakpointsArrayNew[breakpointRow + amountOfLinesAffected] = "ace_breakpoint"
                }
                else {
                    // unaffected by insert
                    breakpointsArrayNew[breakpointRow] = "ace_breakpoint"
                }
            }
            else if (e.action==='remove') {  // removed lines
                if (breakpointRow > startRow && breakpointRow <= endRow ){
                    // breakpoint removed
                }
                else if (breakpointRow >= endRow ){
                    // breakpoint behind
                    breakpointsArrayNew[breakpointRow - amountOfLinesAffected] = "ace_breakpoint"
                }
                else {
                    // unaffected by remove
                    breakpointsArrayNew[breakpointRow] = "ace_breakpoint"
                }
            }
        }

        // remove all old breakpoints
        for (const key of Object.keys(breakpointsArrayOld)) {
            let breakpointRow = parseInt(key)
            editor.session.clearBreakpoint(breakpointRow);
        }

        // add all new breakpoints
        for (const key of Object.keys(breakpointsArrayNew)) {
            let breakpointRow = parseInt(key)
            editor.session.setBreakpoint(breakpointRow);
        }
    }
})