Merge from vscode a5cf1da01d5db3d2557132be8d30f89c38019f6c (#8525)

* Merge from vscode a5cf1da01d5db3d2557132be8d30f89c38019f6c * remove files we don't want * fix hygiene * update distro * update distro * fix hygiene * fix strict nulls * distro * distro * fix tests * fix tests * add another edit * fix viewlet icon * fix azure dialog * fix some padding * fix more padding issues
2026-03-22 21:00:30 -04:00 · 2019-12-04 19:28:22 -08:00
parent a8818ab0df
commit f5ce7fb2a5
1507 changed files with 42813 additions and 27370 deletions
--- a/src/vs/editor/contrib/suggest/suggestRangeHighlighter.ts
+++ b/src/vs/editor/contrib/suggest/suggestRangeHighlighter.ts
@@ -0,0 +1,125 @@
+/*---------------------------------------------------------------------------------------------
+ *  Copyright (c) Microsoft Corporation. All rights reserved.
+ *  Licensed under the Source EULA. See License.txt in the project root for license information.
+ *--------------------------------------------------------------------------------------------*/
+
+import { DisposableStore, dispose, IDisposable } from 'vs/base/common/lifecycle';
+import { Range } from 'vs/editor/common/core/range';
+import { EditorOption } from 'vs/editor/common/config/editorOptions';
+import { CompletionItem } from 'vs/editor/contrib/suggest/suggest';
+import { IModelDeltaDecoration } from 'vs/editor/common/model';
+import { SuggestController } from 'vs/editor/contrib/suggest/suggestController';
+import { Emitter } from 'vs/base/common/event';
+import { domEvent } from 'vs/base/browser/event';
+
+export class SuggestRangeHighlighter {
+
+	private readonly _disposables = new DisposableStore();
+
+	private _decorations: string[] = [];
+	private _widgetListener?: IDisposable;
+	private _shiftKeyListener?: IDisposable;
+	private _currentItem?: CompletionItem;
+
+	constructor(private readonly _controller: SuggestController) {
+
+		this._disposables.add(_controller.model.onDidSuggest(e => {
+			if (!e.shy) {
+				const widget = this._controller.widget.getValue();
+				const focused = widget.getFocusedItem();
+				if (focused) {
+					this._highlight(focused.item);
+				}
+				if (!this._widgetListener) {
+					this._widgetListener = widget.onDidFocus(e => this._highlight(e.item));
+				}
+			}
+		}));
+
+		this._disposables.add(_controller.model.onDidCancel(() => {
+			this._reset();
+		}));
+	}
+
+	dispose(): void {
+		this._reset();
+		this._disposables.dispose();
+		dispose(this._widgetListener);
+		dispose(this._shiftKeyListener);
+	}
+
+	private _reset(): void {
+		this._decorations = this._controller.editor.deltaDecorations(this._decorations, []);
+		if (this._shiftKeyListener) {
+			this._shiftKeyListener.dispose();
+			this._shiftKeyListener = undefined;
+		}
+	}
+
+	private _highlight(item: CompletionItem) {
+
+		this._currentItem = item;
+		const opts = this._controller.editor.getOption(EditorOption.suggest);
+		let newDeco: IModelDeltaDecoration[] = [];
+
+		if (opts.insertHighlight) {
+			if (!this._shiftKeyListener) {
+				this._shiftKeyListener = shiftKey.event(() => this._highlight(this._currentItem!));
+			}
+
+			const info = this._controller.getOverwriteInfo(item, shiftKey.isPressed);
+			const position = this._controller.editor.getPosition()!;
+
+			if (opts.insertMode === 'insert' && info.overwriteAfter > 0) {
+				// wants inserts but got replace-mode -> highlight AFTER range
+				newDeco = [{
+					range: new Range(position.lineNumber, position.column, position.lineNumber, position.column + info.overwriteAfter),
+					options: { inlineClassName: 'suggest-insert-unexpected' }
+				}];
+
+			} else if (opts.insertMode === 'replace' && info.overwriteAfter === 0) {
+				// want replace but likely got insert -> highlight AFTER range
+				const wordInfo = this._controller.editor.getModel()?.getWordAtPosition(position);
+				if (wordInfo && wordInfo.endColumn > position.column) {
+					newDeco = [{
+						range: new Range(position.lineNumber, position.column, position.lineNumber, wordInfo.endColumn),
+						options: { inlineClassName: 'suggest-insert-unexpected' }
+					}];
+				}
+			}
+		}
+
+		// update editor decorations
+		this._decorations = this._controller.editor.deltaDecorations(this._decorations, newDeco);
+	}
+}
+
+const shiftKey = new class ShiftKey extends Emitter<boolean> {
+
+	private readonly _subscriptions = new DisposableStore();
+	private _isPressed: boolean = false;
+
+	constructor() {
+		super();
+		this._subscriptions.add(domEvent(document.body, 'keydown')(e => this.isPressed = e.shiftKey));
+		this._subscriptions.add(domEvent(document.body, 'keyup')(() => this.isPressed = false));
+		this._subscriptions.add(domEvent(document.body, 'mouseleave')(() => this.isPressed = false));
+		this._subscriptions.add(domEvent(document.body, 'blur')(() => this.isPressed = false));
+	}
+
+	get isPressed(): boolean {
+		return this._isPressed;
+	}
+
+	set isPressed(value: boolean) {
+		if (this._isPressed !== value) {
+			this._isPressed = value;
+			this.fire(value);
+		}
+	}
+
+	dispose() {
+		this._subscriptions.dispose();
+		super.dispose();
+	}
+};