- AlpineJS
- Provides completions and snippets for AlpineJS in various files with their inline documentations
- 1890 Installs
-
This extension is allowed to:
- Read Files
Readme
AlpineJS Extension for Nova
Introduction
This extension provides the AlpineJS Autocompletion + Snippets to Nova Editor!
This extension has been inspired by Jason Platts's AMAZING ๐ฏ TailwindCSS Nova extension and Adrian Wilczyลski's VSCode AlpineJS extension. In fact I used the dictionary from Adrain's repo, I tidied it up a bit to suit this project, and then made an extension around it utilising the informations from there.
Good luck with your projects & I hope you find the extension helpful! ๐
Usage
- The Attribute Autocompletion are triggered in the Tags in supported languages.
- The Snippets are triggered only in the HTML body to avoid confusion and name resolution issues.
Prerequisites
- You need to have the syntax highlighting extension of your choice installed for any of the languages below
- The extension works in
- HTML
- Blade
- PHP
- HTML.ERB
- Liquid
- Twig
- Antler
- Looking for support in any other syntax? please raise an issue on GitHub and I will try to add them as soon as possible.
Requirements
- There are no requirements for the extension apart from having a Nova v3.0+ just plug and play ๐
Report a Bug or Feature Request
Please use the GitHub Repository for all requests. ๐
To Do: ๐ฅต
- Adding modifiers support โ๏ธ
- Getting JS Syntax highlighting working in the attribute ~~(would be
a killer feature!, not possible atm due to extension API
limitation.) โ~~
- The JS injection is now possible thanks to tree-sitter parsing engine ๐ณ
- However due to limited Nova API capabilities, it will be only supported if the tree-sitter grammar supports injection region
- If you are Laravel user keep an eye on Laravel Suite, as the injection will be supported in the near future
- Better Documentations โ๏ธ
- Allowing user configuration โ๏ธ
- Bug fix as we go ๐? โ๏ธ
Changelog
version 1.2.0
- The extension now works in Antlers file thanks to contribution done by @TeriyakiBomb โ
version 1.1.2
New Syntax Support ๐
- The extension now works in TWIG files/syntax highlighting โ
version 1.1.1
- Bug Fix:
- removed the autocompletion in the value scope.
version 1.1.0
Annoying pesky bug ๐ fix (the colon : bug) and new features addition:
- Bug Fix:
- Issue resulting in removal of (:) from the directives
- Such as (:) in x-on:click (x-onclick โก๏ธ x-on:click) etc...
-
Enhancement:
- More sound directive expansion/snippet depending on the directive
- e.g x-cloak x-ignore expand correctly
- In x-bind: & x-on: the cursor falls in the correct position
- better keyup and keydown insertion position/snippet
- removed the keypress directive (Deprecated Event)
-
New Directives:
- x-ignore
- :style
- x-modelable
- x-teleport
- x-id
version 1.0.7
New Directive: Support for Alpine Mask (x-mask & x-mask:dynamic)
version 1.0.6
Snippet Update: Alpine-CDN snippet has been updated to the lates version (3.x.x) โคด๏ธ
version 1.0.5
New Syntax Support ๐
- The extension now supports Ruby on Rails html.erb files as well as .liquid files โ
Version 1.0.3
Bug fix: outputting double "@" sign or ":" for directives that start with them such as @click or :class
Version 1.0.2
Bug fix: The bracket autocompletion now only applies to the x-data attribute.
Version 1.0.1
fixed the broken photo link for md file
Version 1.0
Initial release
License
MIT License
Copyright (c) 2023 Emran Mashhadi Ramezan
Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.