HTML implementation for #88424

Author: octref

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

@@ -21,13 +21,12 @@ import { EMPTY_ELEMENTS } from './htmlEmptyTagsShared';
 import { activateTagClosing } from './tagClosing';
 import TelemetryReporter from 'vscode-extension-telemetry';
 import { getCustomDataPathsInAllWorkspaces, getCustomDataPathsFromAllExtensions } from './customData';
-import { activateMirrorCursor } from './mirrorCursor';
 
 namespace TagCloseRequest {
 	export const type: RequestType<TextDocumentPositionParams, string, any, any> = new RequestType('html/tag');
 }
-namespace MatchingTagPositionRequest {
-	export const type: RequestType<TextDocumentPositionParams, Position | null, any, any> = new RequestType('html/matchingTagPosition');
+namespace OnTypeRenameRequest {
+	export const type: RequestType<TextDocumentPositionParams, Range[] | null, any, any> = new RequestType('html/onTypeRename');
 }
 
 // experimental: semantic tokens
@@ -131,14 +130,6 @@ export function activate(context: ExtensionContext) {
 		disposable = activateTagClosing(tagRequestor, { html: true, handlebars: true }, 'html.autoClosingTags');
 		toDispose.push(disposable);
 
-		const matchingTagPositionRequestor = (document: TextDocument, position: Position) => {
-			let param = client.code2ProtocolConverter.asTextDocumentPositionParams(document, position);
-			return client.sendRequest(MatchingTagPositionRequest.type, param);
-		};
-
-		disposable = activateMirrorCursor(matchingTagPositionRequestor, { html: true, handlebars: true }, 'html.mirrorCursorOnMatchingTag');
-		toDispose.push(disposable);
-
 		disposable = client.onTelemetry(e => {
 			if (telemetryReporter) {
 				telemetryReporter.sendTelemetryEvent(e.key, e.data);
@@ -289,6 +280,15 @@ export function activate(context: ExtensionContext) {
 			return results;
 		}
 	});
+
+	languages.registerOnTypeRenameProvider(documentSelector, {
+		async provideOnTypeRenameRanges(document, position) {
+			const param = client.code2ProtocolConverter.asTextDocumentPositionParams(document, position);
+			const response = await client.sendRequest(OnTypeRenameRequest.type, param);
+
+			return response || [];
+		}
+	});
 }
 
 function getPackageInfo(context: ExtensionContext): IPackageInfo | null {

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

@@ -165,7 +165,8 @@
           "type": "boolean",
           "scope": "resource",
           "default": false,
-          "description": "%html.mirrorCursorOnMatchingTag%"
+          "description": "%html.mirrorCursorOnMatchingTag%",
+          "deprecationMessage": "%html.mirrorCursorOnMatchingTagDeprecationMessage%"
         },
         "html.trace.server": {
           "type": "string",

extensions/html-language-features/package.json

@@ -25,5 +25,6 @@
 	"html.validate.scripts": "Controls whether the built-in HTML language support validates embedded scripts.",
 	"html.validate.styles": "Controls whether the built-in HTML language support validates embedded styles.",
 	"html.autoClosingTags": "Enable/disable autoclosing of HTML tags.",
-	"html.mirrorCursorOnMatchingTag": "Enable/disable mirroring cursor on matching HTML tag."
+	"html.mirrorCursorOnMatchingTag": "Enable/disable mirroring cursor on matching HTML tag.",
+	"html.mirrorCursorOnMatchingTagDeprecationMessage": "Deprecated in favor of `editor.renameOnType`"
 }

extensions/html-language-features/package.nls.json

@@ -28,8 +28,8 @@ import { SemanticTokenProvider, newSemanticTokenProvider } from './modes/semanti
 namespace TagCloseRequest {
 	export const type: RequestType<TextDocumentPositionParams, string | null, any, any> = new RequestType('html/tag');
 }
-namespace MatchingTagPositionRequest {
-	export const type: RequestType<TextDocumentPositionParams, Position | null, any, any> = new RequestType('html/matchingTagPosition');
+namespace OnTypeRenameRequest {
+	export const type: RequestType<TextDocumentPositionParams, Range[] | null, any, any> = new RequestType('html/onTypeRename');
 }
 
 // experimental: semantic tokens
@@ -499,20 +499,20 @@ connection.onRenameRequest((params, token) => {
 	}, null, `Error while computing rename for ${params.textDocument.uri}`, token);
 });
 
-connection.onRequest(MatchingTagPositionRequest.type, (params, token) => {
+connection.onRequest(OnTypeRenameRequest.type, (params, token) => {
 	return runSafe(() => {
 		const document = documents.get(params.textDocument.uri);
 		if (document) {
 			const pos = params.position;
 			if (pos.character > 0) {
 				const mode = languageModes.getModeAtPosition(document, Position.create(pos.line, pos.character - 1));
-				if (mode && mode.findMatchingTagPosition) {
-					return mode.findMatchingTagPosition(document, pos);
+				if (mode && mode.doOnTypeRename) {
+					return mode.doOnTypeRename(document, pos);
 				}
 			}
 		}
 		return null;
-	}, null, `Error while computing matching tag position for ${params.textDocument.uri}`, token);
+	}, null, `Error while computing synced regions for ${params.textDocument.uri}`, token);
 });
 
 let semanticTokensProvider: SemanticTokenProvider | undefined;

extensions/html-language-features/server/src/htmlServerMain.ts

@@ -85,6 +85,10 @@ export function getHTMLMode(htmlLanguageService: HTMLLanguageService, workspace:
 			const htmlDocument = htmlDocuments.get(document);
 			return htmlLanguageService.findMatchingTagPosition(document, position, htmlDocument);
 		},
+		doOnTypeRename(document: TextDocument, position: Position) {
+			const htmlDocument = htmlDocuments.get(document);
+			return htmlLanguageService.findSyncedRegions(document, position, htmlDocument);
+		},
 		dispose() {
 			htmlDocuments.dispose();
 		}

extensions/html-language-features/server/src/modes/htmlMode.ts

@@ -47,6 +47,7 @@ export interface LanguageMode {
 	doHover?: (document: TextDocument, position: Position) => Hover | null;
 	doSignatureHelp?: (document: TextDocument, position: Position) => SignatureHelp | null;
 	doRename?: (document: TextDocument, position: Position, newName: string) => WorkspaceEdit | null;
+	doOnTypeRename?: (document: TextDocument, position: Position) => Range[] | null;
 	findDocumentHighlight?: (document: TextDocument, position: Position) => DocumentHighlight[];
 	findDocumentSymbols?: (document: TextDocument) => SymbolInformation[];
 	findDocumentLinks?: (document: TextDocument, documentContext: DocumentContext) => DocumentLink[];