Extension Details

- AlpineJS
- by emran-mr
- 8 Recent Installs | 2062 Total Installs
- Provides completions and snippets for AlpineJS in various files with their inline documentations
- Repository
- Bug Reports
-
Read Files
-
This extension is allowed to:
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
- The JS injection is now possible thanks to tree-sitter parsing
- Better Documentations โ๏ธ
- Allowing user configuration โ๏ธ
- Bug fix as we go ๐? โ๏ธ
Release Notes
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)
- More sound directive expansion/snippet depending on the
-
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.