Update html-language-features to use doQuoteComplete

extensions/html-language-features/client/src/autoInsertion.ts

@@ -0,0 +1,94 @@
+/*---------------------------------------------------------------------------------------------
+ *  Copyright (c) Microsoft Corporation. All rights reserved.
+ *  Licensed under the MIT License. See License.txt in the project root for license information.
+ *--------------------------------------------------------------------------------------------*/
+
+import { window, workspace, Disposable, TextDocument, Position, SnippetString, TextDocumentChangeEvent, TextDocumentChangeReason, Selection, TextDocumentContentChangeEvent } from 'vscode';
+import { Runtime } from './htmlClient';
+
+export function activateAutoInsertion(provider: (kind: 'autoQuote' | 'autoClose', document: TextDocument, position: Position) => Thenable<string>, supportedLanguages: { [id: string]: boolean }, runtime: Runtime): Disposable {
+	const disposables: Disposable[] = [];
+	workspace.onDidChangeTextDocument(onDidChangeTextDocument, null, disposables);
+
+	let anyIsEnabled = false;
+	const isEnabled = {
+		'autoQuote': false,
+		'autoClose': false
+	};
+	updateEnabledState();
+	window.onDidChangeActiveTextEditor(updateEnabledState, null, disposables);
+
+	let timeout: Disposable | undefined = undefined;
+
+	disposables.push({
+		dispose: () => {
+			timeout?.dispose();
+		}
+	});
+
+	function updateEnabledState() {
+		anyIsEnabled = false;
+		const editor = window.activeTextEditor;
+		if (!editor) {
+			return;
+		}
+		const document = editor.document;
+		if (!supportedLanguages[document.languageId]) {
+			return;
+		}
+		isEnabled['autoQuote'] = workspace.getConfiguration(undefined, document.uri).get<boolean>('html.autoCreateQuotes') ?? false;
+		isEnabled['autoClose'] = workspace.getConfiguration(undefined, document.uri).get<boolean>('html.autoClosingTags') ?? false;
+		anyIsEnabled = isEnabled['autoQuote'] || isEnabled['autoClose'];
+	}
+
+	function onDidChangeTextDocument({ document, contentChanges, reason }: TextDocumentChangeEvent) {
+		if (!anyIsEnabled || contentChanges.length === 0 || reason === TextDocumentChangeReason.Undo || reason === TextDocumentChangeReason.Redo) {
+			return;
+		}
+		const activeDocument = window.activeTextEditor && window.activeTextEditor.document;
+		if (document !== activeDocument) {
+			return;
+		}
+		if (timeout) {
+			timeout.dispose();
+		}
+
+		const lastChange = contentChanges[contentChanges.length - 1];
+		const lastCharacter = lastChange.text[lastChange.text.length - 1];
+		if (isEnabled['autoQuote'] && lastChange.rangeLength === 0 && lastCharacter === '=') {
+			doAutoInsert('autoQuote', document, lastChange);
+		} else if (isEnabled['autoClose'] && lastChange.rangeLength === 0 && (lastCharacter === '>' || lastCharacter === '/')) {
+			doAutoInsert('autoClose', document, lastChange);
+		}
+	}
+
+	function doAutoInsert(kind: 'autoQuote' | 'autoClose', document: TextDocument, lastChange: TextDocumentContentChangeEvent) {
+		const rangeStart = lastChange.range.start;
+		const version = document.version;
+		timeout = runtime.timer.setTimeout(() => {
+			const position = new Position(rangeStart.line, rangeStart.character + lastChange.text.length);
+			provider(kind, document, position).then(text => {
+				if (text && isEnabled[kind]) {
+					const activeEditor = window.activeTextEditor;
+					if (activeEditor) {
+						const activeDocument = activeEditor.document;
+						if (document === activeDocument && activeDocument.version === version) {
+							const selections = activeEditor.selections;
+							if (selections.length && selections.some(s => s.active.isEqual(position))) {
+								activeEditor.insertSnippet(new SnippetString(text), selections.map(s => s.active));
+								if (kind === 'autoQuote') {
+									// Move all cursors one forward
+									activeEditor.selections = selections.map(s => new Selection(s.active.translate(0, 1), s.active.translate(0, 1)));
+								}
+							} else {
+								activeEditor.insertSnippet(new SnippetString(text), position);
+							}
+						}
+					}
+				}
+			});
+			timeout = undefined;
+		}, 100);
+	}
+	return Disposable.from(...disposables);
+}