tailwind for lsp?

[steveeq1]

I am going through the tutorial about tailwind and I think it's great. I would like to use the "intellisense" feature of tailwind though, but I use emacs. Are there any plans to support tailwind in some sort of lsp server so people with other editors/ides can use it?

[ahmedelgabri]

I found this issue while looking for the same thing but for vim (I know about coc-tailwind) but I'm using the native LSP from neovim & not coc.nvim.

[noor-tg]

hey @steveeq1 , I am here for the same thing (tailwind intel support for emacs).
In first I thought I will find long list for object props with each key is the class name and the value is the corresponding css rule.
and I simply will add this long object to some thing like yasnippet files (after some string transformation).
if you have any plans about this mention me.

[strikerlulu]

Ya if this was an lsp we could add it in
https://emacs-lsp.github.io/lsp-mode/page/adding-new-language/

[julianrubisch]

Well it does seem like it’s already there? https://github.com/tailwindlabs/tailwindcss-intellisense/blob/master/packages/tailwindcss-intellisense/src/lsp/server.ts

Is there a way to run this standalone?

[agorgl]

Publishing as a standalone package could open the way to make user packages on distros like arch for this too like https://aur.archlinux.org/packages/nodejs-vls/

[yassinebridi]

This could be integrated with the new NVIM lsp beautifully.

[agorgl]

Made PR #263 towards this. With this patch extracting the prebuilt extension bundle and running node extension/dist/server/index.js --stdio works with vim-lsp (and I suppose with all other LSP clients)

[kabouzeid]

node extension/dist/server/index.js --stdio also works fine with neovim 0.5 built in language client. Having the server bin on npm would be great :)

[kabouzeid]

If you are using nvim-lspconfig, setting this handler will make hover work :)

... .setup {
    ...
    handlers = {
      ["tailwindcss/getConfiguration"] = function (_, _, params, _, bufnr, _)
        -- tailwindcss lang server waits for this repsonse before providing hover
        vim.lsp.buf_notify(bufnr, "tailwindcss/getConfigurationResponse", { _id = params._id })
      end
    },
    ...
}

[pedropmedina]

@elartista @kabouzeid can you guys provide a step by step as to how to setup this with neovim built-in lsp? Thanks
For those looking for a way to get tailwindcss working with neovim build-in lsp check https://github.com/kabouzeid/nvim-lspinstall

[MindTooth]

I'm using this script to download the client into ~/.bin/.

From there I use the following snippet for vim-lsp:

  if executable('tailwindcss-intellisense')
    autocmd User lsp_setup call lsp#register_server({
          \ 'name': 'tailwindcss-intellisense',
          \ 'cmd': {server_info->['tailwindcss-intellisense', '--stdio']},
          \ 'allowlist': ['css', 'html', 'htmldjango'],
          \ 'root_uri': {server_info->lsp#utils#path_to_uri(lsp#utils#find_nearest_parent_file_directory(lsp#utils#get_buffer_path(), 'tailwind.config.js'))},
          \ })
  endif

Just thought I share as I've been at this for some time and wanted to help others. 😛

[kabouzeid]

For neovim's built in LSP you can install it conveniently with https://github.com/kabouzeid/nvim-lspinstall