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 6800a5f81ee1a4e88a9803d3f6cd3b71ad7b7e80..aff66abbe8f0754d70e2e90dfde67d0cfc07609d 100755
--- a/package.json
+++ b/package.json
@@ -104,6 +104,21 @@             "",
             "",
             ""
           ]
+        },
+        "tailwindCSS.lint.unknownScreen": {
+          "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

diff --git a/src/lsp/providers/diagnosticsProvider.ts b/src/lsp/providers/diagnosticsProvider.ts
index 9602ee720a1b61c82afe91012a516b17ce9374a5..ccb74ac3679f2b12d75004c46c408c28d4ecb923 100644
--- a/src/lsp/providers/diagnosticsProvider.ts
+++ b/src/lsp/providers/diagnosticsProvider.ts
@@ -9,13 +9,16 @@ import {
   findClassNamesInRange,
   findClassListsInDocument,
   getClassNamesInClassList,
+  findAll,
+  indexToPosition,
 } from '../util/find'
 import { getClassNameMeta } from '../util/getClassNameMeta'
 import { getClassNameDecls } from '../util/getClassNameDecls'
 import { equal } from '../../util/array'
 import { getDocumentSettings } from '../util/getDocumentSettings'
+const dlv = require('dlv')
 
-function getCssDiagnostics(
+function getUnsupportedApplyDiagnostics(
   state: State,
   document: TextDocument,
   settings: Settings
@@ -128,6 +131,45 @@
   return diagnostics
 }
 
+function getScreenDirectiveDiagnostics(
+  state: State,
+  document: TextDocument,
+  settings: Settings
+): Diagnostic[] {
+  let severity = settings.lint.unknownScreen
+  if (severity === 'ignore') return []
+
+  let text = document.getText()
+  let matches = findAll(/(?:\s|^)@screen\s+(?<screen>[^\s{]+)/g, text)
+
+  let screens = Object.keys(
+    dlv(state.config, 'theme.screens', dlv(state.config, 'screens', {}))
+  )
+
+  return matches
+    .map((match) => {
+      if (screens.includes(match.groups.screen)) {
+        return null
+      }
+
+      return {
+        range: {
+          start: indexToPosition(
+            text,
+            match.index + match[0].length - match.groups.screen.length
+          ),
+          end: indexToPosition(text, match.index + match[0].length),
+        },
+        severity:
+          severity === 'error'
+            ? DiagnosticSeverity.Error
+            : DiagnosticSeverity.Warning,
+        message: 'Unknown screen',
+      }
+    })
+    .filter(Boolean)
+}
+
 export async function provideDiagnostics(
   state: State,
   document: TextDocument
@@ -138,7 +180,10 @@   const diagnostics: Diagnostic[] = settings.validate
     ? [
         ...getUtilityConflictDiagnostics(state, document, settings),
         ...(isCssDoc(state, document)
-          ? getCssDiagnostics(state, document, settings)
+          ? [
+              ...getUnsupportedApplyDiagnostics(state, document, settings),
+              ...getScreenDirectiveDiagnostics(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 efbe0ab4a9ea1a53a4cfab5139203eabd032f6d4..979c31828ea0001532fe7becadbad6c2a09b4d26 100644
--- a/src/lsp/server.ts
+++ b/src/lsp/server.ts
@@ -40,6 +40,7 @@   validate: true,
   lint: {
     utilityConflicts: 'warning',
     unsupportedApply: 'error',
+    unknownScreen: 'error',
   },
 }
 let globalSettings: Settings = defaultSettings

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

diff --git a/src/lsp/util/find.ts b/src/lsp/util/find.ts
index 3eb49e31772022aa2bb2038fdd38e30dccab888d..0f996a43f914e393b546ae08a4410908687126b3 100644
--- a/src/lsp/util/find.ts
+++ b/src/lsp/util/find.ts
@@ -296,7 +296,7 @@
   return []
 }
 
-function indexToPosition(str: string, index: number): Position {
+export function indexToPosition(str: string, index: number): Position {
   const { line, col } = lineColumn(str + '\n', index)
   return { line: line - 1, character: col - 1 }
 }

 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 97aca8a6dd58a98f65f6da9af88c6f151c3bf9a2..44ebc1aa3609fbaa4c1ef53e17080d4794c271c7 100644
--- a/src/lsp/util/state.ts
+++ b/src/lsp/util/state.ts
@@ -34,6 +34,7 @@   validate: boolean
   lint: {
     utilityConflicts: DiagnosticSeveritySetting
     unsupportedApply: DiagnosticSeveritySetting
+    unknownScreen: DiagnosticSeveritySetting
   }
 }