fix: shouldn't show completion in comments

package.json

@@ -275,7 +275,7 @@
     "ts-jest": "26.5.6",
     "tslib": "2.2.0",
     "typescript": "4.2.4",
-    "windicss": "3.0.8",
+    "windicss": "3.0.9",
     "windicss-analysis": "0.2.0"
   }
 }

src/lib/completions.ts

@@ -343,7 +343,7 @@ export function registerCompletions(ctx: ExtensionContext, core: Core): Disposab
             // try one time update instead of line
             const documentText = document.getText();
             const parser = new HTMLParser(documentText);
-
+            parser.removeComments();
             for (const attr of parser.parseAttrs()) {
               if (isAttrUtility(attr.key)) {
                 // insert decoration in bg|text|... = "..."

src/utils/filetypes.ts

@@ -36,11 +36,14 @@ export const fileTypes: {[key:string]: {pattern?: RegExp, type: string}} = {
   'css': {
     type: 'css',
   },
+  'scss': {
+    type: 'css',
+  },
   'sass': {
-    type: 'sass',
+    type: 'css',
   },
   'less': {
-    type: 'less',
+    type: 'css',
   },
   'javascript': {
     type: 'js',

src/utils/parser.ts

@@ -8,6 +8,17 @@ export class HTMLParser {
     this.html = html;
   }
 
+  removeComments() {
+    if (!this.html) return [];
+    const regex = /\/\*[\s\S]*?\*\/|([^\\:]|^)\/\/.*|<!--[\s\S]*?-->$/igm;
+    let match;
+    while ((match = regex.exec(this.html as string))) {
+      if (match) {
+        this.html = (this.html as string).slice(0, match.index) + ' '.repeat(regex.lastIndex - match.index) + this.html.slice(regex.lastIndex);
+      }
+    }
+  }
+
   parseAttrs(): Attr[] {
     if (!this.html) return [];
     const output: Attr[] = [];