Add tailwindcss language server

[David-Else]

EDIT I just saw #7080 .. arrghhh! Please could people still have a look at the questions I bring up here and we can get the other one merged! Also, we have started merging more language server definitions since multiple language servers arrived on the scene...

The following appears to work fine with this pull request, which is simply tailwindcss-ls = { command = "tailwindcss-language-server", args = ["--stdio"] }:

sudo npm install -g @tailwindcss/language-server@insiders

[[language]]
name = "html"
language-servers = [ "vscode-html-language-server", "tailwindcss-ls" ]

[[language]]
name = "css"
language-servers = [ "vscode-css-language-server", "tailwindcss-ls" ]

input.css

(tailwind message)

(vscode-css-language-server message)

index.html

(tailwind auto-completion)

I followed this thread,, and it seems to be full of very outdated, complex, and redundant information. Passing language ID? Is any of that needed any more?

I have marked this as draft until someone confirms I have not missed something. The order you add the language server makes a difference, the first one gets the hover information when you press space-k, but the tailwind server seems 100% functional other than that feature, and you can get at the info in the auto complete anyway.

[catdevnull]

This is what works for me in helix master, with what I believe to be without any of the legacy things that were previously required in the config:

[language-server.tailwindcss]
command = "tailwindcss-language-server"
args = ["--stdio"]

[language-server.vscode-json]
command = "vscode-json-language-server"
args = ["--stdio"]

[[language]]
name = "jsx"
language-servers = [ "tailwindcss", "typescript-language-server" ]

[[language]]
name = "tsx"
language-servers = [ "tailwindcss", "typescript-language-server" ]

[[language]]
name = "html"
language-servers = [ "tailwindcss", "vscode-html-language-server" ]

[[language]]
name = "json"
language-servers = ["vscode-json", "typescript-language-server"]

[[language]]
name = "svelte"
language-servers = [ "tailwindcss", "svelteserver" ]

Requires the insiders build as mentioned in OP.

[archseer]

I'd actually be inclined to merge this. While the user still needs to edit their language config to add the server to their language, this at least avoids having to add the server definition manually.

[David-Else]

I'd actually be inclined to merge this. While the user still needs to edit their language config to add the server to their language, this at least avoids having to add the server definition manually.

Great! Please merge this.

[pyrossh]

I've added the instructions to the wiki now,
https://github.com/helix-editor/helix/wiki/How-to-install-the-default-language-servers#tailwindcss

[David-Else]

@pyrossh Cheers! You don't actually need the insiders version any more, I checked with the latest stable @tailwindcss/[email protected] and it is all working :)

[pyrossh]

Ahh nice will update it. Thanks.