bracketMatching.ts 9.9 KB
Newer Older
1 2 3 4 5 6 7
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

'use strict';

8
import 'vs/css!./bracketMatching';
9 10 11 12 13
import * as nls from 'vs/nls';
import { KeyCode, KeyMod } from 'vs/base/common/keyCodes';
import { Disposable } from 'vs/base/common/lifecycle';
import { Range } from 'vs/editor/common/core/range';
import { Position } from 'vs/editor/common/core/position';
14
import { Selection } from 'vs/editor/common/core/selection';
15
import { RunOnceScheduler } from 'vs/base/common/async';
16
import * as editorCommon from 'vs/editor/common/editorCommon';
17
import { registerEditorAction, registerEditorContribution, ServicesAccessor, EditorAction } from 'vs/editor/browser/editorExtensions';
18
import { EditorContextKeys } from 'vs/editor/common/editorContextKeys';
19 20 21
import { registerThemingParticipant } from 'vs/platform/theme/common/themeService';
import { editorBracketMatchBackground, editorBracketMatchBorder } from 'vs/editor/common/view/editorColorRegistry';
import { ModelDecorationOptions } from 'vs/editor/common/model/textModelWithDecorations';
22
import { ICodeEditor } from 'vs/editor/browser/editorBrowser';
23 24 25 26 27 28 29 30 31

class SelectBracketAction extends EditorAction {
	constructor() {
		super({
			id: 'editor.action.jumpToBracket',
			label: nls.localize('smartSelect.jumpBracket', "Go to Bracket"),
			alias: 'Go to Bracket',
			precondition: null,
			kbOpts: {
32
				kbExpr: EditorContextKeys.textFocus,
33 34 35 36 37
				primary: KeyMod.CtrlCmd | KeyMod.Shift | KeyCode.US_BACKSLASH
			}
		});
	}

38
	public run(accessor: ServicesAccessor, editor: ICodeEditor): void {
39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59
		let controller = BracketMatchingController.get(editor);
		if (!controller) {
			return;
		}
		controller.jumpToBracket();
	}
}

type Brackets = [Range, Range];

class BracketsData {
	public readonly position: Position;
	public readonly brackets: Brackets;

	constructor(position: Position, brackets: Brackets) {
		this.position = position;
		this.brackets = brackets;
	}
}

export class BracketMatchingController extends Disposable implements editorCommon.IEditorContribution {
60
	private static readonly ID = 'editor.contrib.bracketMatchingController';
61

62
	public static get(editor: ICodeEditor): BracketMatchingController {
63 64 65
		return editor.getContribution<BracketMatchingController>(BracketMatchingController.ID);
	}

66
	private readonly _editor: ICodeEditor;
67 68 69 70

	private _lastBracketsData: BracketsData[];
	private _lastVersionId: number;
	private _decorations: string[];
71
	private _updateBracketsSoon: RunOnceScheduler;
72
	private _matchBrackets: boolean;
73

74
	constructor(
75
		editor: ICodeEditor
76
	) {
77 78 79 80 81
		super();
		this._editor = editor;
		this._lastBracketsData = [];
		this._lastVersionId = 0;
		this._decorations = [];
82
		this._updateBracketsSoon = this._register(new RunOnceScheduler(() => this._updateBrackets(), 50));
83
		this._matchBrackets = this._editor.getConfiguration().contribInfo.matchBrackets;
84

85
		this._updateBracketsSoon.schedule();
86 87 88 89 90 91 92 93 94 95
		this._register(editor.onDidChangeCursorPosition((e) => {

			if (!this._matchBrackets) {
				// Early exit if nothing needs to be done!
				// Leave some form of early exit check here if you wish to continue being a cursor position change listener ;)
				return;
			}

			this._updateBracketsSoon.schedule();
		}));
96
		this._register(editor.onDidChangeModel((e) => { this._decorations = []; this._updateBracketsSoon.schedule(); }));
97 98 99 100
		this._register(editor.onDidChangeModelLanguageConfiguration((e) => {
			this._lastBracketsData = [];
			this._updateBracketsSoon.schedule();
		}));
101 102 103 104 105 106 107 108
		this._register(editor.onDidChangeConfiguration((e) => {
			this._matchBrackets = this._editor.getConfiguration().contribInfo.matchBrackets;
			if (!this._matchBrackets && this._decorations.length > 0) {
				// Remove existing decorations if bracket matching is off
				this._decorations = this._editor.deltaDecorations(this._decorations, []);
			}
			this._updateBracketsSoon.schedule();
		}));
109 110 111 112 113 114 115 116 117 118 119 120
	}

	public getId(): string {
		return BracketMatchingController.ID;
	}

	public jumpToBracket(): void {
		const model = this._editor.getModel();
		if (!model) {
			return;
		}

121 122
		let newSelections = this._editor.getSelections().map(selection => {
			const position = selection.getStartPosition();
123

124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139
			// find matching brackets if position is on a bracket
			const brackets = model.matchBracket(position);
			let newCursorPosition: Position = null;
			if (brackets) {
				if (brackets[0].containsPosition(position)) {
					newCursorPosition = brackets[1].getStartPosition();
				} else if (brackets[1].containsPosition(position)) {
					newCursorPosition = brackets[0].getStartPosition();
				}
			} else {
				// find the next bracket if the position isn't on a matching bracket
				const nextBracket = model.findNextBracket(position);
				if (nextBracket && nextBracket.range) {
					newCursorPosition = nextBracket.range.getStartPosition();
				}
			}
140

141 142 143 144 145
			if (newCursorPosition) {
				return new Selection(newCursorPosition.lineNumber, newCursorPosition.column, newCursorPosition.lineNumber, newCursorPosition.column);
			}
			return new Selection(position.lineNumber, position.column, position.lineNumber, position.column);
		});
146

147
		this._editor.setSelections(newSelections);
148
		this._editor.revealRange(newSelections[0]);
149 150
	}

D
DavidPortoUP 已提交
151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 172 173 174 175 176 177 178 179 180 181 182 183 184 185 186 187 188 189 190 191 192 193 194 195 196 197 198 199
	public selectToBracket(): void{
		//getting the model //trying to find
		const model = this._editor.getModel();
		if (!model) {
			return;
		}

		//get the current position of the editor, so it can be
		//used in the next step
		let openBracket: Position;
		let closeBracket: Position;

		let newSelections = this._editor.getSelections().map(selection => {
			const position = selection.getStartPosition();
			const brackets = model.matchBracket(position);
			let newCursorPosition: Position = null;
			if (brackets) {
				openBracket = brackets[0];
				closeBracket = brackets[1];
				if (openBracket.containsPosition(position)) {
					newCursorPosition = closeBracket.getStartPosition();
				} else if (closeBracket.containsPosition(position)) {
					newCursorPosition = openBracket.getStartPosition();
				} else {
					// find the next bracket if the position isn't on a matching bracket
					const nextBracket = model.findNextBracket(position);
					if (nextBracket && nextBracket.range) {
						newCursorPosition = nextBracket.range.getStartPosition();
					}
				}
			}
		}
		if (openBracket && closeBracket) {
			this._selectContentWithinBrackets(openBracket, closeBracket);
		}
	}

//By the first pull request guy
//selecting text between the open and close bracket
private _selectContentWithinBrackets(openBracket: Position, closeBracket: Position): void {
		const bracketRange: Range = new Range(
		openBracket.lineNumber,
		openBracket.column,
		closeBracket.lineNumber,
		closeBracket.column
	);
	this._editor.setSelection(bracketRange);
}

200
	private static readonly _DECORATION_OPTIONS = ModelDecorationOptions.register({
201 202
		stickiness: editorCommon.TrackedRangeStickiness.NeverGrowsWhenTypingAtEdges,
		className: 'bracket-match'
203
	});
204 205

	private _updateBrackets(): void {
206 207 208
		if (!this._matchBrackets) {
			return;
		}
209 210 211 212 213
		this._recomputeBrackets();

		let newDecorations: editorCommon.IModelDeltaDecoration[] = [], newDecorationsLen = 0;
		for (let i = 0, len = this._lastBracketsData.length; i < len; i++) {
			let brackets = this._lastBracketsData[i].brackets;
214
			if (brackets) {
215 216 217 218 219 220 221 222 223 224 225 226 227 228 229 230 231 232 233 234 235 236 237 238 239 240 241 242 243 244 245 246 247 248 249 250 251 252 253 254 255 256 257 258 259 260 261 262 263 264 265 266 267 268 269 270 271 272 273 274 275 276
				newDecorations[newDecorationsLen++] = { range: brackets[0], options: BracketMatchingController._DECORATION_OPTIONS };
				newDecorations[newDecorationsLen++] = { range: brackets[1], options: BracketMatchingController._DECORATION_OPTIONS };
			}
		}

		this._decorations = this._editor.deltaDecorations(this._decorations, newDecorations);
	}

	private _recomputeBrackets(): void {
		const model = this._editor.getModel();
		if (!model) {
			// no model => no brackets!
			this._lastBracketsData = [];
			this._lastVersionId = 0;
			return;
		}

		const versionId = model.getVersionId();
		let previousData: BracketsData[] = [];
		if (this._lastVersionId === versionId) {
			// use the previous data only if the model is at the same version id
			previousData = this._lastBracketsData;
		}

		const selections = this._editor.getSelections();

		let positions: Position[] = [], positionsLen = 0;
		for (let i = 0, len = selections.length; i < len; i++) {
			let selection = selections[i];

			if (selection.isEmpty()) {
				// will bracket match a cursor only if the selection is collapsed
				positions[positionsLen++] = selection.getStartPosition();
			}
		}

		// sort positions for `previousData` cache hits
		if (positions.length > 1) {
			positions.sort(Position.compare);
		}

		let newData: BracketsData[] = [], newDataLen = 0;
		let previousIndex = 0, previousLen = previousData.length;
		for (let i = 0, len = positions.length; i < len; i++) {
			let position = positions[i];

			while (previousIndex < previousLen && previousData[previousIndex].position.isBefore(position)) {
				previousIndex++;
			}

			if (previousIndex < previousLen && previousData[previousIndex].position.equals(position)) {
				newData[newDataLen++] = previousData[previousIndex];
			} else {
				let brackets = model.matchBracket(position);
				newData[newDataLen++] = new BracketsData(position, brackets);
			}
		}

		this._lastBracketsData = newData;
		this._lastVersionId = versionId;
	}
}
277

278
registerEditorContribution(BracketMatchingController);
279
registerEditorAction(SelectBracketAction);
280 281 282 283 284 285 286 287 288
registerThemingParticipant((theme, collector) => {
	let bracketMatchBackground = theme.getColor(editorBracketMatchBackground);
	if (bracketMatchBackground) {
		collector.addRule(`.monaco-editor .bracket-match { background-color: ${bracketMatchBackground}; }`);
	}
	let bracketMatchBorder = theme.getColor(editorBracketMatchBorder);
	if (bracketMatchBorder) {
		collector.addRule(`.monaco-editor .bracket-match { border: 1px solid ${bracketMatchBorder}; }`);
	}
289
});