@awsui/components-react/code-editor/setup-editor.js

AWS UI is a collection of [React](https://reactjs.org/) components that help create intuitive, responsive, and accessible user experiences for web applications. It is developed by Amazon Web Services (AWS). This work is available under the terms of the [A

export function setupEditor(ace, editor, setAnnotations, setCursorPosition, setHighlightedAnnotation, setPaneStatus) {
    ace.config.loadModule('ace/ext/language_tools', function () {
        editor.setOptions({
            displayIndentGuides: false,
            enableSnippets: true,
            enableBasicAutocompletion: true
        });
    });
    editor.setAutoScrollEditorIntoView(true);
    editor.session.selection.on('changeCursor', function () {
        setCursorPosition(editor.getCursorPosition());
    });
    editor.session.on('changeAnnotation', function () {
        var editorAnnotations = editor.session.getAnnotations();
        var newAnnotations = editorAnnotations.filter(function (a) { return a.type !== 'info'; });
        if (editorAnnotations.length !== newAnnotations.length) {
            editor.session.setAnnotations(newAnnotations);
        }
        setAnnotations(newAnnotations);
    });
    editor.commands.addCommand({
        name: 'exitCodeEditor',
        bindKey: 'Esc',
        exec: function () {
            editor.container.focus();
        }
    });
    editor.on('focus', function () {
        editor.textInput.getElement().setAttribute('tabindex', 0);
    });
    editor.on('blur', function () {
        editor.textInput.getElement().setAttribute('tabindex', -1);
    });
    editor.textInput.getElement().setAttribute('tabindex', -1);
    editor.commands.removeCommand('showSettingsMenu', false);
    editor.on('guttermousedown', function (e) {
        e.stop();
    });
    var moveCursorToAnnotation = function (a) {
        if (typeof a.row === 'number') {
            editor.gotoLine(a.row + 1, a.column || 0, false);
        }
    };
    editor.on('gutterclick', function (e) {
        var row = e.getDocumentPosition().row;
        var currentAnnotations = editor.session.getAnnotations().filter(function (a) { return a.row === row && a.type !== 'info'; });
        var errors = currentAnnotations.filter(function (a) { return a.type === 'error'; });
        if (errors.length > 0) {
            setHighlightedAnnotation(errors[0]);
            setPaneStatus('error');
            moveCursorToAnnotation(errors[0]);
        }
        else if (currentAnnotations.length > 0) {
            setHighlightedAnnotation(currentAnnotations[0]);
            setPaneStatus('warning');
            moveCursorToAnnotation(currentAnnotations[0]);
        }
        else {
            setHighlightedAnnotation(undefined);
            setPaneStatus('hidden');
            editor.gotoLine(row + 1, 0, false);
        }
    });
    editor.setHighlightActiveLine(false);
    editor.$updateHighlightActiveLine = function () {
        var session = this.getSession();
        var highlight;
        if (this.$highlightActiveLine) {
            if (this.$selectionStyle !== 'line' || !this.selection.isMultiLine()) {
                highlight = this.getCursorPosition();
            }
            if (this.renderer.$maxLines && this.session.getLength() === 1 && !(this.renderer.$minLines > 1)) {
                highlight = false;
            }
        }
        if (session.$highlightLineMarker && !highlight) {
            session.removeMarker(session.$highlightLineMarker.id);
            session.$highlightLineMarker = null;
        }
        else if (!session.$highlightLineMarker && highlight) {
            var range = new ace.Range(highlight.row, 0, highlight.row, Infinity);
            range.id = session.addMarker(range, 'ace_active-line', 'fullLine');
            session.$highlightLineMarker = range;
        }
        else if (highlight) {
            session.$highlightLineMarker.start.row = highlight.row;
            session.$highlightLineMarker.end.row = highlight.row;
            session.$highlightLineMarker.start.column = 0;
            session._signal('changeBackMarker');
        }
    };
    editor.setHighlightActiveLine(true);
    editor.on('change', function () {
        if (editor.getValue().length === 0) {
            editor.session.clearAnnotations();
        }
    });
    editor.on('showGutterTooltip', function (tooltip) {
        tooltip.hide();
    });
}