Added setting to configure languages the extension should provide suggestions

.changeset/rude-students-mate.md

@@ -0,0 +1,5 @@
+---
+"vscode-css-variables": patch
+---
+
+Added setting to configure languages the extension should provide suggestions

README.md

@@ -6,7 +6,7 @@
 
 **[Install via the Visual Studio Code Marketplace →](https://marketplace.visualstudio.com/items?itemName=vunguyentuan.vscode-css-variables)**
 
-By default the extension only scan files with this glob patterns: 
+By default the extension only scan files with this glob patterns:
 
 ```json
 [
@@ -26,7 +26,6 @@ And ignore files in these folders:
 	"**/.hg",
 	"**/CVS",
 	"**/.DS_Store",
-	"**/.git",
 	"**/node_modules",
 	"**/bower_components",
 	"**/tmp",
@@ -35,6 +34,28 @@ And ignore files in these folders:
 ]
 ```
 
+And provides suggestions to files for the following languages
+
+```json
+[
+	"astro",
+	"svelte",
+	"vue",
+	"vue-html",
+	"vue-postcss",
+	"scss",
+	"postcss",
+	"less",
+	"css",
+	"html",
+	"javascript",
+	"javascriptreact",
+	"typescript",
+	"typescriptreact",
+	"source.css.styled"
+]
+```
+
 ## Features
 ### Autocomplete & Color Preview
 

packages/vscode-css-variables/package.json

@@ -61,6 +61,28 @@
 						]
 					}
 				},
+				"cssVariables.languages": {
+					"type": "array",
+					"markdownDescription": "Configure the languages for which the extension should be activated. Read more about language identifiers [here](https://code.visualstudio.com/docs/languages/identifiers#_known-language-identifiers).",
+					"default": [
+						"astro",
+						"svelte",
+						"vue",
+						"vue-html",
+						"vue-postcss",
+						"scss",
+						"postcss",
+						"less",
+						"css",
+						"html",
+						"javascript",
+						"javascriptreact",
+						"typescript",
+						"typescriptreact",
+						"source.css.styled"
+					],
+					"scope": 3
+				},
 				"cssVariables.blacklistFolders": {
 					"type": "array",
 					"markdownDescription": "Configure glob patterns for excluding files and folders. The extension will not scan variables in these files and folders. Read more about glob patterns [here](https://code.visualstudio.com/docs/editor/codebasics#_advanced-search-options).",
@@ -70,7 +92,6 @@
 						"**/.hg",
 						"**/CVS",
 						"**/.DS_Store",
-						"**/.git",
 						"**/node_modules",
 						"**/bower_components",
 						"**/tmp",

packages/vscode-css-variables/src/index.ts

@@ -34,25 +34,28 @@ export function activate(context: ExtensionContext) {
     },
   };
 
+	const settings = workspace.getConfiguration('cssVariables');
+	const languages = settings.get('languages', [
+		'astro',
+		'svelte',
+		'vue',
+		'vue-html',
+		'vue-postcss',
+		'scss',
+		'postcss',
+		'less',
+		'css',
+		'html',
+		'javascript',
+		'javascriptreact',
+		'typescript',
+		'typescriptreact',
+		'source.css.styled',
+	]);
+
   // Options to control the language client
   const clientOptions: LanguageClientOptions = {
-    documentSelector: [
-      'onLanguage:astro',
-      'onLanguage:svelte',
-      'onLanguage:vue',
-      'onLanguage:vue-html',
-      'onLanguage:vue-postcss',
-      'onLanguage:scss',
-      'onLanguage:postcss',
-      'onLanguage:less',
-      'onLanguage:css',
-      'onLanguage:html',
-      'onLanguage:javascript',
-      'onLanguage:javascriptreact',
-      'onLanguage:typescript',
-      'onLanguage:typescriptreact',
-      'onLanguage:source.css.styled',
-    ].map((event) => ({
+    documentSelector: languages.map((event) => ({
       scheme: 'file',
       language: event.split(':')[1],
     })),