Syntax highlighting support for Phoenix templates.
.heex files~HCopyright (c) 2021, Marlus Saraiva.
Source code is licensed under the MIT License.
The new Phoenix LiveView release supports a new .html.heex and ~H template engine, which deprecates .eex, .leex and ~L. It would be nice to have auto-formatting support for these.
Add basic instruction on how to install by hand until extension is released
Do you plan to support it?
Instructions for adding Emmet support to provide a better auto-complete experience. Addresses issue #8
Added instructions for using emmet with .heex file extensions
To use emmet auto-completion in this extension, add the options below in your settings:
"emmet.includeLanguages": { "phoenix-heex": "html" },
I'll make a Pull Request with these instructions, if that's alright with you 🙂
I'm not sure if just adding the case for """) is enough or if we need to be more "elixir-aware".
Other scenarios would be having ~H inside arrays, so we could have """, but then it can also be inside a tuple, which depending on the scenario can be formatted with """, anything here}
I think the main problem is that the elixir formatter changes
foo(
~H"""
<div>something</div>
"""
)
into
foo(~H"""
<div>something</div>
""")
Which makes so that the "correct format" doesn't highlight properly.
Is there anything I can do to help with that?
To allow the use of this extension in open source VS Code alternatives, please consider registering this on https://open-vsx.org/
There are instructions on how to do that here: https://github.com/eclipse/openvsx/wiki/Publishing-Extensions
Thanks!
First of all, you are a hero for enabling this syntax support. 👏
Second, there seems to be a bug related to an undefined language contribution. See the screenshot. It doesn't affect the syntax highlighting from what I can tell.
