84 lines
2.4 KiB
TypeScript
84 lines
2.4 KiB
TypeScript
import { State, Settings } from '../../util/state'
|
|
import { TextDocument, Range, DiagnosticSeverity } from 'vscode-languageserver'
|
|
import { InvalidTailwindDirectiveDiagnostic, DiagnosticKind } from './types'
|
|
import { isCssDoc } from '../../util/css'
|
|
import { getLanguageBoundaries } from '../../util/getLanguageBoundaries'
|
|
import { findAll, indexToPosition } from '../../util/find'
|
|
import semver from 'semver'
|
|
import { closest } from '../../util/closest'
|
|
import { absoluteRange } from '../../util/absoluteRange'
|
|
|
|
export function getInvalidTailwindDirectiveDiagnostics(
|
|
state: State,
|
|
document: TextDocument,
|
|
settings: Settings
|
|
): InvalidTailwindDirectiveDiagnostic[] {
|
|
let severity = settings.lint.invalidTailwindDirective
|
|
if (severity === 'ignore') return []
|
|
|
|
let diagnostics: InvalidTailwindDirectiveDiagnostic[] = []
|
|
let ranges: Range[] = []
|
|
|
|
if (isCssDoc(state, document)) {
|
|
ranges.push(undefined)
|
|
} else {
|
|
let boundaries = getLanguageBoundaries(state, document)
|
|
if (!boundaries) return []
|
|
ranges.push(...boundaries.css)
|
|
}
|
|
|
|
ranges.forEach((range) => {
|
|
let text = document.getText(range)
|
|
let matches = findAll(/(?:\s|^)@tailwind\s+(?<value>[^;]+)/g, text)
|
|
|
|
let valid = [
|
|
'utilities',
|
|
'components',
|
|
'screens',
|
|
semver.gte(state.version, '1.0.0-beta.1') ? 'base' : 'preflight',
|
|
]
|
|
|
|
matches.forEach((match) => {
|
|
if (valid.includes(match.groups.value)) {
|
|
return null
|
|
}
|
|
|
|
let message = `'${match.groups.value}' is not a valid group.`
|
|
let suggestions: string[] = []
|
|
|
|
if (match.groups.value === 'preflight') {
|
|
suggestions.push('base')
|
|
message += ` Did you mean 'base'?`
|
|
} else {
|
|
let suggestion = closest(match.groups.value, valid)
|
|
if (suggestion) {
|
|
suggestions.push(suggestion)
|
|
message += ` Did you mean '${suggestion}'?`
|
|
}
|
|
}
|
|
|
|
diagnostics.push({
|
|
code: DiagnosticKind.InvalidTailwindDirective,
|
|
range: absoluteRange(
|
|
{
|
|
start: indexToPosition(
|
|
text,
|
|
match.index + match[0].length - match.groups.value.length
|
|
),
|
|
end: indexToPosition(text, match.index + match[0].length),
|
|
},
|
|
range
|
|
),
|
|
severity:
|
|
severity === 'error'
|
|
? DiagnosticSeverity.Error
|
|
: DiagnosticSeverity.Warning,
|
|
message,
|
|
suggestions,
|
|
})
|
|
})
|
|
})
|
|
|
|
return diagnostics
|
|
}
|