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
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
|
local configs = require 'lspconfig/configs'
local util = require 'lspconfig/util'
local server_name = 'tailwindcss'
local bin_name = 'tailwindcss-language-server'
configs[server_name] = {
default_config = {
cmd = {bin_name, '--stdio'},
-- filetypes copied and adjusted from tailwindcss-intellisense
filetypes = {
-- html
'aspnetcorerazor',
'astro',
'astro-markdown',
'blade',
'django-html',
'edge',
'eelixir', -- vim ft
'ejs',
'erb',
'eruby', -- vim ft
'gohtml',
'haml',
'handlebars',
'hbs',
'html',
-- 'HTML (Eex)',
-- 'HTML (EEx)',
'html-eex',
'jade',
'leaf',
'liquid',
'markdown',
'mdx',
'mustache',
'njk',
'nunjucks',
'php',
'razor',
'slim',
'twig',
-- css
'css',
'less',
'postcss',
'sass',
'scss',
'stylus',
'sugarss',
-- js
'javascript',
'javascriptreact',
'reason',
'rescript',
'typescript',
'typescriptreact',
-- mixed
'vue',
'svelte',
},
init_options = {
userLanguages = {
eelixir = 'html-eex',
eruby = 'erb',
},
},
settings = {
tailwindCSS = {
validate = true,
lint = {
cssConflict = "warning",
invalidApply = "error",
invalidScreen = "error",
invalidVariant = "error",
invalidConfigPath = "error",
invalidTailwindDirective = "error",
recommendedVariantOrder = "warning",
},
},
},
on_new_config = function(new_config)
if not new_config.settings then new_config.settings = {} end
if not new_config.settings.editor then new_config.settings.editor = {} end
if not new_config.settings.editor.tabSize then
-- set tab size for hover
new_config.settings.editor.tabSize = vim.lsp.util.get_effective_tabstop()
end
end,
root_dir = function(fname)
return util.root_pattern('tailwind.config.js', 'tailwind.config.ts')(fname) or
util.root_pattern('postcss.config.js', 'postcss.config.ts')(fname) or
util.find_package_json_ancestor(fname) or
util.find_node_modules_ancestor(fname) or
util.find_git_ancestor(fname)
end,
},
docs = {
description = [[
https://github.com/tailwindlabs/tailwindcss-intellisense
Tailwind CSS Language Server
**NOTE:** The current tailwindcss-language-server npm package is a different project.
Until the standalone server is published to npm, you can extract the server from the VS Code package:
```bash
curl -L -o tailwindcss-intellisense.vsix $(curl -s https://api.github.com/repos/tailwindlabs/tailwindcss-intellisense/releases/latest | grep 'browser_' | cut -d\" -f4)
unzip tailwindcss-intellisense.vsix -d tailwindcss-intellisense
echo "#\!/usr/bin/env node\n$(cat tailwindcss-intellisense/extension/dist/server/tailwindServer.js)" > tailwindcss-language-server
chmod +x tailwindcss-language-server
```
Copy or symlink tailwindcss-language-server to somewhere in your $PATH.
Alternatively, it might be packaged for your operating system, eg.:
https://aur.archlinux.org/packages/tailwindcss-language-server/
]],
default_config = {
root_dir = [[root_pattern('tailwind.config.js', 'tailwind.config.ts', 'postcss.config.js', 'postcss.config.ts', 'package.json', 'node_modules', '.git')]],
},
},
}
|
