Hyperflask

Hyperflask Components syntax definition for Sublime Text based on Jinja2 syntax.

Features

Syntax Highlighting for

• AlpineJS
• HTMX
• Jinjapy frontmatter
• Jinja Super Macros (e.g. <{Component arg-name=[val for val in any.values] }/>)
• Jinja2 Templates

Installation

Requirements

This package requires:

• Sublime Text 4152+
• Hyperscript
• Jinja2

Package Control

The easiest way to install is using Package Control. It's listed as Hyperflask.

1. Open Command Palette using ctrl+shift+P or menu item Tools → Command Palette...
2. Choose Package Control: Install Package
3. Find Jinja2 and hit Enter
4. Find Hyperscript and hit Enter
5. Find Hyperflask and hit Enter

Manual Install

1. Download Hyperflask.sublime-package.
2. Download Hyperscript package.
3. Download Jinja2.sublime-package package.
4. Copy them into Installed Packages directory

Note

To find Installed Packages...

1. call Menu > Preferences > Browse Packages..
2. Navigate to parent folder

Warning

Manually installed packages are not automatically updated by Package Control.