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: 🥵

1. Adding modifiers support ☑️
2. 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
3. Better Documentations ☑️
4. Allowing user configuration ☑️
5. Bug fix as we go 🐞? ☑️