Ace: 코드가 변경되면 중단점을 이동합니다.

Cloud9에서는 변경 수신기를 사용하여 별도의 배열에서 중단점을 업데이트했습니다. https://github.com/ajaxorg/cloud9/blob/master/plugins-client/ext.debugger/breakpoints.js#L170

ace는 문자열 배열을 사용하기 때문에 라인 핸들을 가장 잘 구현하는 방법, 라인과 동기화된 객체의 전체 배열 또는 edit_session에서 접힌 라인 처리와 유사한 범위를 사용하는 방법을 잘 모르겠습니다. 다른 유형의 라인 주석에는 다른 동작이 필요하기 때문에 까다로운 부분은 분할되거나 병합되는 라인을 처리하는 것입니다.

중단점에 대한 솔루션이 주석에 대해 잘 작동할 것이라고 생각합니다.

다른 유형의 라인 주석에는 다른 동작이 필요하기 때문에 까다로운 부분은 분할되거나 병합되는 라인을 처리하는 것입니다.

흠.. 하나의 예를 만들 수 없습니다. 조금이나마 공유해주시면 감사하겠습니다 :)

해결책을 찾았지만 한 번에 하나의 중단점만 허용하기 때문에 제 경우에만 작동합니다. 약간의 개선으로 일반적인 경우에도 적합할 수 있습니다.
에디터 인스턴스에서 on change 리스너를 사용하고 이벤트를 발생시킨 액션에 의해 수정된 라인 수를 확인했습니다. 이것이 둘 이상인 경우 하나 이상의 행이 추가되거나 제거되는 경우입니다. 이벤트의 action 매개변수는 우리가 어떤 경우인지 이해하는 데 도움이 됩니다.
중단점을 이동해야 하는지 확인하기 위해 수정의 시작 행과 끝 행 사이에 있는지 확인합니다. 이 범위에 있으면 이동해야 합니다.

코드(빠르게 작성됨)는 다음과 같습니다.

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);
        }
    }
})