https://github.com/crbroughton/htmx-attributes
HTMX attribute support for VSCode, enabling your HTMX workflow.
https://github.com/crbroughton/htmx-attributes
astro astrojs go golang html htmx htmx-extension jsx php tsx vscode vscode-extension vscode-snippets
Last synced: about 1 month ago
JSON representation
HTMX attribute support for VSCode, enabling your HTMX workflow.
- Host: GitHub
- URL: https://github.com/crbroughton/htmx-attributes
- Owner: CRBroughton
- License: mit
- Created: 2023-12-31T11:32:58.000Z (over 1 year ago)
- Default Branch: master
- Last Pushed: 2024-09-13T20:01:47.000Z (8 months ago)
- Last Synced: 2025-04-12T03:14:04.238Z (about 1 month ago)
- Topics: astro, astrojs, go, golang, html, htmx, htmx-extension, jsx, php, tsx, vscode, vscode-extension, vscode-snippets
- Language: HTML
- Homepage: https://marketplace.visualstudio.com/items?itemName=CraigRBroughton.htmx-attributes
- Size: 279 KB
- Stars: 16
- Watchers: 1
- Forks: 5
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- License: LICENSE.md
Awesome Lists containing this project
README
# htmx-attributes
HTMX attribute support for VSCode, enabling your HTMX workflow. HTMX attributes are currently supported in:
- HTML
- Astro
- JSX
- TSX
- Go (via [Templ](https://github.com/a-h/templ))
- Rust (have tested with [Warp](https://github.com/seanmonstar/warp) + [Tokio](https://tokio.rs/) + [Askama](https://github.com/djc/askama), see tests folder)
- Gleam (via [Matcha](https://github.com/michaeljones/matcha))
- PHP (Not extensively tested, but seems to work fine)
- Python via Django/Jinja2 templates (Not personally tested)
### Contributions
To contribute a language, do the following:
- Copy over the existing snippet examples:
- The 'core' snippet feature HTMX's core attributes.
- The 'add' snippet features HTMX's additional attributes.
- Rename the files with the language you wish to support (htmx-add-elixir.json as an example)
- Make an entry in the `package.json` file for your language of choice for both snippet files.
- Make any required adjustments to the snippets for your language.
- Create a test file in the `tests` folder; This is purely for manual
testing before you raise a PR.
- Include an appropriate changeset for your modification before raising a PR.
To install dependencies (ensure you have `vsce` installed):
```bash
bun install
```
To build the extension and test it:
```bash
bun run build
```
This project was created using `bun init` in bun v1.0.14. [Bun](https://bun.sh) is a fast all-in-one JavaScript runtime.