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 5992723278fc2e10c501a3165d3509a1754294b3..0aa66cb573a5d20b01a4468772dfae745f0cda5a 100755
--- a/package.json
+++ b/package.json
@@ -134,6 +134,21 @@             "",
             "",
             ""
           ]
+        },
+        "tailwindCSS.lint.unknownConfigKey": {
+          "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

diff --git a/src/lsp/providers/diagnosticsProvider.ts b/src/lsp/providers/diagnosticsProvider.ts
index bf87c9fc7a7d2cccd86fb8276845244f8baa3580..18f3bc50f69c3b45bea242b280564e42d252fe90 100644
--- a/src/lsp/providers/diagnosticsProvider.ts
+++ b/src/lsp/providers/diagnosticsProvider.ts
@@ -217,6 +217,54 @@       .filter(Boolean)
   )
 }
 
+function getUnknownConfigKeyDiagnostics(
+  state: State,
+  document: TextDocument,
+  settings: Settings
+): Diagnostic[] {
+  let severity = settings.lint.unknownConfigKey
+  if (severity === 'ignore') return []
+
+  let text = document.getText()
+  let matches = findAll(
+    /(?<prefix>\s|^)(?<helper>config|theme)\((?<quote>['"])(?<key>[^)]+)\k<quote>\)/g,
+    text
+  )
+
+  return matches
+    .map((match) => {
+      let base = match.groups.helper === 'theme' ? ['theme'] : []
+      let keys = match.groups.key.split(/[.\[\]]/).filter(Boolean)
+      let value = dlv(state.config, [...base, ...keys])
+
+      // TODO: check that the type is valid
+      // e.g. objects are not valid
+      if (typeof value !== 'undefined') {
+        return null
+      }
+
+      let startIndex =
+        match.index +
+        match.groups.prefix.length +
+        match.groups.helper.length +
+        1 + // open paren
+        match.groups.quote.length
+
+      return {
+        range: {
+          start: indexToPosition(text, startIndex),
+          end: indexToPosition(text, startIndex + match.groups.key.length),
+        },
+        severity:
+          severity === 'error'
+            ? DiagnosticSeverity.Error
+            : DiagnosticSeverity.Warning,
+        message: `Unknown ${match.groups.helper} key: ${match.groups.key}`,
+      }
+    })
+    .filter(Boolean)
+}
+
 export async function provideDiagnostics(
   state: State,
   document: TextDocument
@@ -231,6 +279,7 @@           ? [
               ...getUnsupportedApplyDiagnostics(state, document, settings),
               ...getUnknownScreenDiagnostics(state, document, settings),
               ...getUnknownVariantDiagnostics(state, document, settings),
+              ...getUnknownConfigKeyDiagnostics(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 c3cefc3dd7ab8ac6be4d7e65662a8f87da824ee4..3c97071aadce03b25d43372f562207764156de7c 100644
--- a/src/lsp/server.ts
+++ b/src/lsp/server.ts
@@ -42,6 +42,7 @@     utilityConflicts: 'warning',
     unsupportedApply: 'error',
     unknownScreen: 'error',
     unknownVariant: 'error',
+    unknownConfigKey: '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 f4d8a9f37ef3f3ae42adcd6b8e8d638754fa2836..45f4106e87a1cc3701390b9d1c07b43076cc4c60 100644
--- a/src/lsp/util/state.ts
+++ b/src/lsp/util/state.ts
@@ -36,6 +36,7 @@     utilityConflicts: DiagnosticSeveritySetting
     unsupportedApply: DiagnosticSeveritySetting
     unknownScreen: DiagnosticSeveritySetting
     unknownVariant: DiagnosticSeveritySetting
+    unknownConfigKey: DiagnosticSeveritySetting
   }
 }