Hyraft Syntax Highlighting for VS Code

Professional syntax highlighting for Hyraft (.hyr) files - the SEO-friendly Ruby framework with Single File Components.

Features

• Full Syntax Highlighting for Hyraft files
• Embedded Language Support for Ruby, HTML, and JavaScript
• Smart Snippets for common patterns
• Custom Tag Recognition for all Hyraft blocks
• Elevhyra syntax added for frontend framework

Language Support

• <metadata> - HTML with Ruby meta-tags SEO
• import - to import files file formats
• join - to combine/add templates / layouts .hyr files
• <hyr> - HTML with Ruby interpolation Ruby
• <elevhyra> - JavaScript code supports Vanilla JS

Example

<metadata>
  <title>Home - Hyraft</title>
</metadata>

import "public/styles/css/home.css"

<join "segments/navbar-spa" />


<hyr>
@title = "Hyraft"
</hyr>

<div display="content">

</div>

Snippets

type: hyr

or

type: hyra

License: MIT