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

diff --git a/package.json b/package.json
index aff66abbe8f0754d70e2e90dfde67d0cfc07609d..5992723278fc2e10c501a3165d3509a1754294b3 100755
--- a/package.json
+++ b/package.json
@@ -119,6 +119,21 @@             "",
             "",
             ""
           ]
+        },
+        "tailwindCSS.lint.unknownVariant": {
+          "type": "string",
+          "enum": [
+            "ignore",
+            "warning",
+            "error"
+          ],
+          "default": "error",
+          "markdownDescription": "",
+          "markdownEnumDescriptions": [
+            "",
+            "",
+            ""
+          ]
         }
       }
     }

 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

diff --git a/src/lsp/providers/diagnosticsProvider.ts b/src/lsp/providers/diagnosticsProvider.ts
index ccb74ac3679f2b12d75004c46c408c28d4ecb923..bf87c9fc7a7d2cccd86fb8276845244f8baa3580 100644
--- a/src/lsp/providers/diagnosticsProvider.ts
+++ b/src/lsp/providers/diagnosticsProvider.ts
@@ -14,7 +14,7 @@   indexToPosition,
 } from '../util/find'
 import { getClassNameMeta } from '../util/getClassNameMeta'
 import { getClassNameDecls } from '../util/getClassNameDecls'
-import { equal } from '../../util/array'
+import { equal, flatten } from '../../util/array'
 import { getDocumentSettings } from '../util/getDocumentSettings'
 const dlv = require('dlv')
 
@@ -131,7 +131,7 @@
   return diagnostics
 }
 
-function getScreenDirectiveDiagnostics(
+function getUnknownScreenDiagnostics(
   state: State,
   document: TextDocument,
   settings: Settings
@@ -170,6 +170,53 @@     })
     .filter(Boolean)
 }
 
+function getUnknownVariantDiagnostics(
+  state: State,
+  document: TextDocument,
+  settings: Settings
+): Diagnostic[] {
+  let severity = settings.lint.unknownVariant
+  if (severity === 'ignore') return []
+
+  let text = document.getText()
+  let matches = findAll(/(?:\s|^)@variants\s+(?<variants>[^{]+)/g, text)
+
+  return flatten(
+    matches
+      .map((match) => {
+        let diagnostics: Diagnostic[] = []
+        let variants = match.groups.variants.split(/(\s*,\s*)/)
+        let listStartIndex =
+          match.index + match[0].length - match.groups.variants.length
+
+        for (let i = 0; i < variants.length; i += 2) {
+          let variant = variants[i].trim()
+          if (state.variants.includes(variant)) {
+            continue
+          }
+
+          let variantStartIndex =
+            listStartIndex + variants.slice(0, i).join('').length
+
+          diagnostics.push({
+            range: {
+              start: indexToPosition(text, variantStartIndex),
+              end: indexToPosition(text, variantStartIndex + variant.length),
+            },
+            severity:
+              severity === 'error'
+                ? DiagnosticSeverity.Error
+                : DiagnosticSeverity.Warning,
+            message: `Unknown variant: ${variant}`,
+          })
+        }
+
+        return diagnostics
+      })
+      .filter(Boolean)
+  )
+}
+
 export async function provideDiagnostics(
   state: State,
   document: TextDocument
@@ -182,7 +229,8 @@         ...getUtilityConflictDiagnostics(state, document, settings),
         ...(isCssDoc(state, document)
           ? [
               ...getUnsupportedApplyDiagnostics(state, document, settings),
-              ...getScreenDirectiveDiagnostics(state, document, settings),
+              ...getUnknownScreenDiagnostics(state, document, settings),
+              ...getUnknownVariantDiagnostics(state, document, settings),
             ]
           : []),
       ]

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12

diff --git a/src/lsp/server.ts b/src/lsp/server.ts
index 979c31828ea0001532fe7becadbad6c2a09b4d26..c3cefc3dd7ab8ac6be4d7e65662a8f87da824ee4 100644
--- a/src/lsp/server.ts
+++ b/src/lsp/server.ts
@@ -41,6 +41,7 @@   lint: {
     utilityConflicts: 'warning',
     unsupportedApply: 'error',
     unknownScreen: 'error',
+    unknownVariant: 'error',
   },
 }
 let globalSettings: Settings = defaultSettings

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12

diff --git a/src/lsp/util/state.ts b/src/lsp/util/state.ts
index 44ebc1aa3609fbaa4c1ef53e17080d4794c271c7..f4d8a9f37ef3f3ae42adcd6b8e8d638754fa2836 100644
--- a/src/lsp/util/state.ts
+++ b/src/lsp/util/state.ts
@@ -35,6 +35,7 @@   lint: {
     utilityConflicts: DiagnosticSeveritySetting
     unsupportedApply: DiagnosticSeveritySetting
     unknownScreen: DiagnosticSeveritySetting
+    unknownVariant: DiagnosticSeveritySetting
   }
 }