Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/ray-x/web-tools.nvim
Neovim plugin for web developers
https://github.com/ray-x/web-tools.nvim
api-testing curl http http-client hurl lsp neovim web
Last synced: about 2 months ago
JSON representation
Neovim plugin for web developers
- Host: GitHub
- URL: https://github.com/ray-x/web-tools.nvim
- Owner: ray-x
- Created: 2022-01-04T22:51:42.000Z (over 2 years ago)
- Default Branch: master
- Last Pushed: 2023-11-24T05:43:04.000Z (6 months ago)
- Last Synced: 2024-01-08T12:06:02.757Z (5 months ago)
- Topics: api-testing, curl, http, http-client, hurl, lsp, neovim, web
- Language: Lua
- Homepage:
- Size: 53.7 KB
- Stars: 116
- Watchers: 3
- Forks: 3
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
Lists
- awesome-neovim - ray-x/web-tools.nvim - Launch a local development server with live reload feature for static & dynamic pages, HTML & CSS tag rename with LSP. (Programming Languages Support / Web Development)
- my-awesome-stars - ray-x/web-tools.nvim - Neovim plugin for web developers (Lua)
- awesome-stars - ray-x/web-tools.nvim - Neovim plugin for web developers (Lua)
- awesome-stars - ray-x/web-tools.nvim - Neovim plugin for web developers (Lua)
- awesome-neovim - ray-x/web-tools.nvim - Launch a local development server with live reload feature for static & dynamic pages, HTML & CSS tag rename with LSP. (Programming Languages Support / Web Development)
- awesome-neovim - ray-x/web-tools.nvim - Launch a local development server with live reload feature for static & dynamic pages, HTML & CSS tag rename with LSP. (Programming Languages Support / Web Development)
README
# web-tools.nvim
- Neovim Wrapper for ❤️ [browser-sync](https://github.com/BrowserSync/browser-sync)
- http/ccs LSP.
- [Hurl/curl](https://hurl.dev/) web API testing
- npm/yarn/pnpm/npx/node wrapper
## Fetures
- View your html/css files with a live web server locally
- HTML & CSS tag rename, repeat rename action
- Test your web API with Hurl/curl
- Run npm/yarn/pnpm/npx/node command and automatically open browser for preview in neovim
### web server live view
https://user-images.githubusercontent.com/1681295/187396525-82a387c8-addc-4776-9a03-78da40834d45.mov
### Test web API with Hurl
## Install
- require
- neovim 0.7+
- browser-sync
- optional: lspconfig & vscode-langservers-extracted
### Install browser sync
```shell
npm install -g browser-sync
```
or withing neovim run `:Npm install -g browser-sync`
### LSP for html & cssls
```shell
npm i -g vscode-langservers-extracted
```
or within neovim run `:Npm install -g vscode-langservers-extracted`
### Instal hurl
[install hurl](https://hurl.dev/docs/installation.html)
### Other depencies
Not required, but recommended
- [guihua.lua](github.com/ray-x/guihua.lua) for floating window
- [prettier](https://prettier.io/) for html/css format
- [jq](https://stedolan.github.io/jq/) for json format
- Treesitter for [json5](https://json5.org/) better json support
### Plug
```vim
Plug 'ray-x/web-tools.nvim'
```
## Setup
```lua
require'web-tools'.setup({
keymaps = {
rename = nil, -- by default use same setup of lspconfig
repeat_rename = '.', -- . to repeat
},
hurl = { -- hurl default
show_headers = false, -- do not show http headers
floating = false, -- use floating windows (need guihua.lua)
json5 = false, -- use json5 parser require json5 treesitter
formatters = { -- format the result by filetype
json = { 'jq' },
html = { 'prettier', '--parser', 'html' },
},
},
})
```
## Commands
| command | Description |
| ------------------------------- | ------------------------------------------------------------------- |
| BrowserSync {args} | run browser-sync server with args |
| BrowserOpen {args} | open browser-sync, if browser-sync is not start, start it with args |
| BrowserPreview {-f --port 3000} | preview current file with browser sync |
| BrowserRestart | restart browser sync |
| BrowserStop | stop browser sync |
| TagRename {newname} | rename html tag |
| HurlRun {args} | Run Hurl, when in Visual mode, run selected snippets |
| Npm {args} | Run npm, e.g. npm -i package-name |
| Yarn {args} | Run yarn, e.g. yarn add package-name |
| Pnpm {args} | Run pnpm, e.g. pnpm add package-name |
| Npx {args} | Run npx, e.g. npx add package-name |
| Node {args} | Run node, e.g. node script.js |
| JobStop {jobid} | Stop job by jobid, stop last unfinished job if jobid is nil |
> [!Note]
> {args} can be optional, if not provided, check command help, e.g. [browser-sync](https://browsersync.io/docs/command-line) for all args
> options --port: specify port to open, if BrowserPreview port is different from BrowserSync port, open without check
> browser-sync server