EmranMR / AlpineJS-Nova-Extension

AlpineJS Nova Extension

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

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! 🚀

Attributes

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 🐞? ☑️

About

AlpineJS Nova Extension

License:MIT License


Languages

Language:JavaScript 100.0%