monaco-editor
Version:
A browser based code editor
184 lines (181 loc) • 8.64 kB
JavaScript
import { Toggle } from '../../../../base/browser/ui/toggle/toggle.js';
import { Codicon } from '../../../../base/common/codicons.js';
import { Disposable, DisposableStore, toDisposable } from '../../../../base/common/lifecycle.js';
import { localize } from '../../../../nls.js';
import { inputActiveOptionBackground, inputActiveOptionForeground, inputActiveOptionBorder } from '../../../../platform/theme/common/colors/inputColors.js';
import { asCssVariable } from '../../../../platform/theme/common/colorUtils.js';
import { getCodeEditor } from '../../../browser/editorBrowser.js';
import { AbstractEditorNavigationQuickAccessProvider } from './editorNavigationQuickAccess.js';
/*---------------------------------------------------------------------------------------------
* Copyright (c) Microsoft Corporation. All rights reserved.
* Licensed under the MIT License. See License.txt in the project root for license information.
*--------------------------------------------------------------------------------------------*/
class AbstractGotoLineQuickAccessProvider extends AbstractEditorNavigationQuickAccessProvider {
static { this.PREFIX = ':'; }
static { this.ZERO_BASED_OFFSET_STORAGE_KEY = 'gotoLine.useZeroBasedOffset'; }
constructor() {
super({ canAcceptInBackground: true });
}
get useZeroBasedOffset() {
return this.storageService.getBoolean(AbstractGotoLineQuickAccessProvider.ZERO_BASED_OFFSET_STORAGE_KEY, -1 /* StorageScope.APPLICATION */, false);
}
set useZeroBasedOffset(value) {
this.storageService.store(AbstractGotoLineQuickAccessProvider.ZERO_BASED_OFFSET_STORAGE_KEY, value, -1 /* StorageScope.APPLICATION */, 0 /* StorageTarget.USER */);
}
provideWithoutTextEditor(picker) {
const label = localize(1335, "Open a text editor first to go to a line.");
picker.items = [{ label }];
picker.ariaLabel = label;
return Disposable.None;
}
provideWithTextEditor(context, picker, token) {
const editor = context.editor;
const disposables = new DisposableStore();
// Goto line once picked
disposables.add(picker.onDidAccept(event => {
const [item] = picker.selectedItems;
if (item) {
if (!item.lineNumber) {
return;
}
this.gotoLocation(context, { range: this.toRange(item.lineNumber, item.column), keyMods: picker.keyMods, preserveFocus: event.inBackground });
if (!event.inBackground) {
picker.hide();
}
}
}));
// React to picker changes
const updatePickerAndEditor = () => {
const inputText = picker.value.trim().substring(AbstractGotoLineQuickAccessProvider.PREFIX.length);
const { inOffsetMode, lineNumber, column, label } = this.parsePosition(editor, inputText);
// Show toggle only when input text starts with '::'.
toggle.visible = !!inOffsetMode;
// Picker
picker.items = [{
lineNumber,
column,
label,
}];
// ARIA Label
picker.ariaLabel = label;
// Clear decorations for invalid range
if (!lineNumber) {
this.clearDecorations(editor);
return;
}
// Reveal
const range = this.toRange(lineNumber, column);
editor.revealRangeInCenter(range, 0 /* ScrollType.Smooth */);
// Decorate
this.addDecorations(editor, range);
};
// Add a toggle to switch between 1- and 0-based offsets.
const toggle = new Toggle({
title: localize(1336, "Use Zero-Based Offset"),
icon: Codicon.indexZero,
isChecked: this.useZeroBasedOffset,
inputActiveOptionBorder: asCssVariable(inputActiveOptionBorder),
inputActiveOptionForeground: asCssVariable(inputActiveOptionForeground),
inputActiveOptionBackground: asCssVariable(inputActiveOptionBackground)
});
disposables.add(toggle.onChange(() => {
this.useZeroBasedOffset = !this.useZeroBasedOffset;
updatePickerAndEditor();
}));
picker.toggles = [toggle];
updatePickerAndEditor();
disposables.add(picker.onDidChangeValue(() => updatePickerAndEditor()));
// Adjust line number visibility as needed
const codeEditor = getCodeEditor(editor);
if (codeEditor) {
const options = codeEditor.getOptions();
const lineNumbers = options.get(76 /* EditorOption.lineNumbers */);
if (lineNumbers.renderType === 2 /* RenderLineNumbersType.Relative */) {
codeEditor.updateOptions({ lineNumbers: 'on' });
disposables.add(toDisposable(() => codeEditor.updateOptions({ lineNumbers: 'relative' })));
}
}
return disposables;
}
toRange(lineNumber = 1, column = 1) {
return {
startLineNumber: lineNumber,
startColumn: column,
endLineNumber: lineNumber,
endColumn: column
};
}
parsePosition(editor, value) {
const model = this.getModel(editor);
if (!model) {
return {
label: localize(1337, "Open a text editor first to go to a line.")
};
}
// Support ::<offset> notation to navigate to a specific offset in the model.
if (value.startsWith(':')) {
let offset = parseInt(value.substring(1), 10);
const maxOffset = model.getValueLength();
if (isNaN(offset)) {
// No valid offset specified.
return {
inOffsetMode: true,
label: this.useZeroBasedOffset ?
localize(1338, "Type a character position to go to (from 0 to {0}).", maxOffset - 1) :
localize(1339, "Type a character position to go to (from 1 to {0}).", maxOffset)
};
}
else {
const reverse = offset < 0;
if (!this.useZeroBasedOffset) {
// Convert 1-based offset to model's 0-based.
offset -= Math.sign(offset);
}
if (reverse) {
// Offset from the end of the buffer
offset += maxOffset;
}
const pos = model.getPositionAt(offset);
return {
...pos,
inOffsetMode: true,
label: localize(1340, "Press 'Enter' to go to line {0} at column {1}.", pos.lineNumber, pos.column)
};
}
}
else {
// Support line-col formats of `line,col`, `line:col`, `line#col`
const parts = value.split(/,|:|#/);
const maxLine = model.getLineCount();
let lineNumber = parseInt(parts[0]?.trim(), 10);
if (parts.length < 1 || isNaN(lineNumber)) {
return {
label: localize(1341, "Type a line number to go to (from 1 to {0}).", maxLine)
};
}
// Handle negative line numbers and clip to valid range.
lineNumber = lineNumber >= 0 ? lineNumber : (maxLine + 1) + lineNumber;
lineNumber = Math.min(Math.max(1, lineNumber), maxLine);
const maxColumn = model.getLineMaxColumn(lineNumber);
let column = parseInt(parts[1]?.trim(), 10);
if (parts.length < 2 || isNaN(column)) {
return {
lineNumber,
column: 1,
label: parts.length < 2 ?
localize(1342, "Press 'Enter' to go to line {0} or enter : to add a column number.", lineNumber) :
localize(1343, "Press 'Enter' to go to line {0} or enter a column number (from 1 to {1}).", lineNumber, maxColumn)
};
}
// Handle negative column numbers and clip to valid range.
column = column >= 0 ? column : maxColumn + column;
column = Math.min(Math.max(1, column), maxColumn);
return {
lineNumber,
column,
label: localize(1344, "Press 'Enter' to go to line {0} at column {1}.", lineNumber, column)
};
}
}
}
export { AbstractGotoLineQuickAccessProvider };