[html] split extension (for #45900)

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

@@ -0,0 +1,93 @@
+/*---------------------------------------------------------------------------------------------
+ *  Copyright (c) Microsoft Corporation. All rights reserved.
+ *  Licensed under the MIT License. See License.txt in the project root for license information.
+ *--------------------------------------------------------------------------------------------*/
+'use strict';
+
+import { LanguageModelCache, getLanguageModelCache } from '../languageModelCache';
+import { TextDocument, Position, Range } from 'vscode-languageserver-types';
+import { getCSSLanguageService, Stylesheet, ICompletionParticipant } from 'vscode-css-languageservice';
+import { LanguageMode, Settings } from './languageModes';
+import { HTMLDocumentRegions, CSS_STYLE_RULE } from './embeddedSupport';
+import { Color } from 'vscode-languageserver';
+import { extractAbbreviation } from 'vscode-emmet-helper';
+
+export function getCSSMode(documentRegions: LanguageModelCache<HTMLDocumentRegions>): LanguageMode {
+	let cssLanguageService = getCSSLanguageService();
+	let embeddedCSSDocuments = getLanguageModelCache<TextDocument>(10, 60, document => documentRegions.get(document).getEmbeddedDocument('css'));
+	let cssStylesheets = getLanguageModelCache<Stylesheet>(10, 60, document => cssLanguageService.parseStylesheet(document));
+
+	return {
+		getId() {
+			return 'css';
+		},
+		configure(options: any) {
+			cssLanguageService.configure(options && options.css);
+		},
+		doValidation(document: TextDocument, settings?: Settings) {
+			let embedded = embeddedCSSDocuments.get(document);
+			return cssLanguageService.doValidation(embedded, cssStylesheets.get(embedded), settings && settings.css);
+		},
+		doComplete(document: TextDocument, position: Position, settings?: Settings, registeredCompletionParticipants?: ICompletionParticipant[]) {
+			let embedded = embeddedCSSDocuments.get(document);
+			const stylesheet = cssStylesheets.get(embedded);
+
+			if (registeredCompletionParticipants) {
+				const nonEmmetCompletionParticipants = [];
+				// Css Emmet completions in html files are provided no matter where the cursor is inside the embedded css document
+				// Mimic the same here, until we solve the issue of css language service not able to parse complete embedded documents when there are errors
+				for (let i = 0; i < registeredCompletionParticipants.length; i++) {
+					if (typeof (<any>registeredCompletionParticipants[i]).getId === 'function' && (<any>registeredCompletionParticipants[i]).getId() === 'emmet') {
+						const extractedResults = extractAbbreviation(document, position, { lookAhead: false, syntax: 'css' });
+						if (extractedResults && extractedResults.abbreviation) {
+							registeredCompletionParticipants[i].onCssProperty({ propertyName: extractedResults.abbreviation, range: extractedResults.abbreviationRange });
+						}
+					} else {
+						nonEmmetCompletionParticipants.push(registeredCompletionParticipants[i]);
+					}
+				}
+				cssLanguageService.setCompletionParticipants(nonEmmetCompletionParticipants);
+			}
+			return cssLanguageService.doComplete(embedded, position, stylesheet);
+		},
+		setCompletionParticipants(registeredCompletionParticipants: ICompletionParticipant[]) {
+			cssLanguageService.setCompletionParticipants(registeredCompletionParticipants);
+		},
+		doHover(document: TextDocument, position: Position) {
+			let embedded = embeddedCSSDocuments.get(document);
+			return cssLanguageService.doHover(embedded, position, cssStylesheets.get(embedded));
+		},
+		findDocumentHighlight(document: TextDocument, position: Position) {
+			let embedded = embeddedCSSDocuments.get(document);
+			return cssLanguageService.findDocumentHighlights(embedded, position, cssStylesheets.get(embedded));
+		},
+		findDocumentSymbols(document: TextDocument) {
+			let embedded = embeddedCSSDocuments.get(document);
+			return cssLanguageService.findDocumentSymbols(embedded, cssStylesheets.get(embedded)).filter(s => s.name !== CSS_STYLE_RULE);
+		},
+		findDefinition(document: TextDocument, position: Position) {
+			let embedded = embeddedCSSDocuments.get(document);
+			return cssLanguageService.findDefinition(embedded, position, cssStylesheets.get(embedded));
+		},
+		findReferences(document: TextDocument, position: Position) {
+			let embedded = embeddedCSSDocuments.get(document);
+			return cssLanguageService.findReferences(embedded, position, cssStylesheets.get(embedded));
+		},
+		findDocumentColors(document: TextDocument) {
+			let embedded = embeddedCSSDocuments.get(document);
+			return cssLanguageService.findDocumentColors(embedded, cssStylesheets.get(embedded));
+		},
+		getColorPresentations(document: TextDocument, color: Color, range: Range) {
+			let embedded = embeddedCSSDocuments.get(document);
+			return cssLanguageService.getColorPresentations(embedded, cssStylesheets.get(embedded), color, range);
+		},
+		onDocumentRemoved(document: TextDocument) {
+			embeddedCSSDocuments.onDocumentRemoved(document);
+			cssStylesheets.onDocumentRemoved(document);
+		},
+		dispose() {
+			embeddedCSSDocuments.dispose();
+			cssStylesheets.dispose();
+		}
+	};
+}