Give the user the ability to choose their own languages for showing completion

Author: Nate Corkish

.gitignore

@@ -1,3 +1,4 @@
 dist
 node_modules
 *.vsix
+out

package.json

@@ -46,6 +46,42 @@
             "type": "boolean",
             "default": false,
             "description": "Enables completion when you're writing Emmet abbreviations."
+          },
+          "html-css-class-completion.enabledJavascriptLanguages": {
+            "type": "array",
+            "description": "A list of Javascript languages where suggestions are enabled.",
+            "default": [
+              "typescriptreact",
+              "javascript",
+              "javascriptreact"
+            ]
+          },
+          "html-css-class-completion.enabledCSSLanguages": {
+            "type": "array",
+            "description": "A list of CSS languages where suggestions are enabled.",
+            "default": [
+              "css",
+              "sass",
+              "scss"
+            ]
+          },
+          "html-css-class-completion.enabledHTMLLanguages": {
+            "type": "array",
+            "description": "A list of HTML languages where suggestions are enabled.",
+            "default": [
+              "html",
+              "django-html",
+              "razor",
+              "php",
+              "blade",
+              "vue",
+              "twig",
+              "markdown",
+              "erb",
+              "handlebars",
+              "ejs",
+              "svelte"
+            ]
           }
         }
       }
@@ -89,4 +125,4 @@
     "source-map-support": "^0.5.3",
     "verror": "^1.10.0"
   }
-}
+}

src/extension.ts

@@ -180,20 +180,18 @@ export async function activate(context: ExtensionContext): Promise<void> {
     }
 
     // Javascript based extensions
-    ["typescriptreact", "javascript", "javascriptreact"].forEach((extension) => {
+    workspace.getConfiguration().get<string[]>("html-css-class-completion.enabledJavascriptLanguages").forEach((extension) => {
         context.subscriptions.push(provideCompletionItemsGenerator(extension, /className=["|']([\w- ]*$)/));
         context.subscriptions.push(provideCompletionItemsGenerator(extension, /class=["|']([\w- ]*$)/));
     });
 
     // HTML based extensions
-    ["html", "django-html", "razor", "php", "blade", "vue",
-        "twig", "markdown", "erb", "handlebars", "ejs",
-    ].forEach((extension) => {
+    workspace.getConfiguration().get<string[]>("html-css-class-completion.enabledHTMLLanguages").forEach((extension) => {
         context.subscriptions.push(provideCompletionItemsGenerator(extension, /class=["|']([\w- ]*$)/));
     });
 
     // CSS based extensions
-    ["css", "sass", "scss"].forEach((extension) => {
+    workspace.getConfiguration().get<string[]>("html-css-class-completion.enabledCSSLanguages").forEach((extension) => {
         // Support for Tailwind CSS
         context.subscriptions.push(provideCompletionItemsGenerator(extension, /@apply ([\.\w- ]*$)/, "."));
     });