-
-
Notifications
You must be signed in to change notification settings - Fork 591
/
index.ts
90 lines (86 loc) · 4 KB
/
index.ts
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
import { LanguageService as VueHTMLLanguageService } from '../vueHTML/ls';
import { LanguageModelCache, getLanguageModelCache } from '../languageModelCache';
import { TextDocument, Position, TextEdit, FormattingOptions, Range } from 'vscode-languageserver-types';
import {
getCSSLanguageService,
getSCSSLanguageService,
getLESSLanguageService,
Stylesheet,
LanguageService
} from 'vscode-css-languageservice';
import { LanguageMode } from '../languageModes';
import { VueDocumentRegions, CSS_STYLE_RULE } from '../embeddedSupport';
export function getCSSMode(vueHTMLLs: VueHTMLLanguageService, documentRegions: LanguageModelCache<VueDocumentRegions>): LanguageMode {
const languageService = getCSSLanguageService();
return getStyleMode('css', vueHTMLLs, languageService, documentRegions);
}
export function getSCSSMode(vueHTMLLs: VueHTMLLanguageService, documentRegions: LanguageModelCache<VueDocumentRegions>): LanguageMode {
const languageService = getSCSSLanguageService();
return getStyleMode('scss', vueHTMLLs, languageService, documentRegions);
}
export function getLESSMode(vueHTMLLs: VueHTMLLanguageService, documentRegions: LanguageModelCache<VueDocumentRegions>): LanguageMode {
const languageService = getLESSLanguageService();
return getStyleMode('less', vueHTMLLs, languageService, documentRegions);
}
function getStyleMode(
languageId: string,
vueHTMLLs: VueHTMLLanguageService,
languageService: LanguageService,
documentRegions: LanguageModelCache<VueDocumentRegions>
): LanguageMode {
const embeddedDocuments = getLanguageModelCache<TextDocument>(10, 60, document =>
documentRegions.get(document).getEmbeddedDocument(languageId)
);
const stylesheets = getLanguageModelCache<Stylesheet>(10, 60, document => languageService.parseStylesheet(document));
return {
getId() {
return languageId;
},
configure(options: any) {
languageService.configure(options && options.css);
},
doValidation(document: TextDocument) {
const embedded = embeddedDocuments.get(document);
return languageService.doValidation(embedded, stylesheets.get(embedded));
},
doComplete(document: TextDocument, position: Position) {
const embedded = embeddedDocuments.get(document);
return languageService.doComplete(embedded, position, stylesheets.get(embedded));
},
doHover(document: TextDocument, position: Position) {
const embedded = embeddedDocuments.get(document);
return languageService.doHover(embedded, position, stylesheets.get(embedded));
},
findDocumentHighlight(document: TextDocument, position: Position) {
const embedded = embeddedDocuments.get(document);
return languageService.findDocumentHighlights(embedded, position, stylesheets.get(embedded));
},
findDocumentSymbols(document: TextDocument) {
const embedded = embeddedDocuments.get(document);
return languageService.findDocumentSymbols(embedded, stylesheets.get(embedded)).filter(s => s.name !== CSS_STYLE_RULE);
},
findDefinition(document: TextDocument, position: Position) {
const embedded = embeddedDocuments.get(document);
return languageService.findDefinition(embedded, position, stylesheets.get(embedded));
},
findReferences(document: TextDocument, position: Position) {
const embedded = embeddedDocuments.get(document);
return languageService.findReferences(embedded, position, stylesheets.get(embedded));
},
findColorSymbols(document: TextDocument) {
const embedded = embeddedDocuments.get(document);
return languageService.findColorSymbols(embedded, stylesheets.get(embedded));
},
format(document: TextDocument, range: Range, formattingOptions: FormattingOptions): TextEdit[] {
return vueHTMLLs.cssFormat(document, range, formattingOptions);
},
onDocumentRemoved(document: TextDocument) {
embeddedDocuments.onDocumentRemoved(document);
stylesheets.onDocumentRemoved(document);
},
dispose() {
embeddedDocuments.dispose();
stylesheets.dispose();
}
};
}