lit-analyzer
typescript-styled-plugin
| lit-analyzer | typescript-styled-plugin | |
|---|---|---|
| 4 | 6 | |
| 307 | 825 | |
| - | - | |
| 7.3 | 3.8 | |
| 3 months ago | about 1 year ago | |
| TypeScript | JavaScript | |
| MIT License | MIT License |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
lit-analyzer
-
Javascript Lit HTML syntax highlighting. (TS Injection)
So far thanks to ts-lit-plugin LSP started working.
-
Multiple LSPs within same file? F.e. for lit.dev
well, in theory https://github.com/runem/lit-analyzer/tree/master/packages/ts-lit-plugin should be enough. But the CSS and HTML part seems to be only partly working. CSS not at all, and HTML at least gives autocompletion for components, but f.e. not diagnostics or codeactions.
-
Support for Lit
I found one solution for this https://github.com/runem/lit-analyzer/tree/master/packages/ts-lit-plugin
-
Why LitElement isn't as good as React
lit-analyzer does not support enforcing required properties (runem/lit-analyzer!74), so a user can leave off any & all properties.
typescript-styled-plugin
-
reactjs styled-components auto-completion
You can use this plugin for ts-server, I use, and works perfectly for me. :) just install, and edit the tsconfig.json. :)
-
Multiple LSPs within same file? F.e. for lit.dev
For CSS i'm currently also using https://github.com/microsoft/typescript-styled-plugin.
-
Is it possible to make css lsp (cssls) work in styles.ts files
There is https://github.com/Microsoft/typescript-styled-plugin but depends what styles.ts is.
-
Mixed or embedded language lsp/treesitter plugin?
typescript has plugins which can help but only one I use is https://github.com/Microsoft/typescript-styled-plugin Would likely need to be a language server that can detect this area and also work with other languages.
-
Typescript w/ Styled-Components
You could also add https://github.com/microsoft/typescript-styled-plugin in your dev dependencies, it might help you on your IDE’s intelli sense
-
Lua backed completion engine for nvim
I felt the same pain as you a month ago.
Just a heads up for you:
eslint support apparently got added recently: https://github.com/neovim/nvim-lspconfig/blob/master/CONFIG....
CSS-in-JS can be enabled with a extension for typescript: https://github.com/microsoft/typescript-styled-plugin
you need a jsconfig.json, but it works fine :)
What are some alternatives?
haunted - React's Hooks API implemented for web components 👻
nvim-cmp - A completion plugin for neovim coded in Lua.
typescript-lit-html-plugin - TypeScript server plugin that adds intellisense for lit-html template strings
nvim-lspconfig - Quickstart configs for Nvim LSP
kickstart.nvim - A launch point for your personal nvim configuration
kok.nvim - Fast as FUCK nvim completion. SQLite, concurrent scheduler, hundreds of hours of optimization.
cmp-emmet-vim - emmet-vim completion source for nvim-cmp.
LunarVim - 🌙 LunarVim is an IDE layer for Neovim. Completely free and community driven.
coc.nvim - Nodejs extension host for vim & neovim, load extensions like VSCode and host language servers.
coc-styled-components - Styled component for coc.nvim as a tsserver plugin
coc-ccls - CCLS (C/C++) extension for coc.nvim