Leptos RSX (HTML)

Proper HTML syntax highlighting and IntelliSense inside Leptos view! macros.

This extension is built around two core ideas:

1. Completions and hovers driven by the same W3C/MDN HTML data and theme colors as VS Code's built-in HTML support — not a hand-typed list.

2. Handling syntax highlighting at BOTH the semantic token layer and the TextMate grammar layer. Semantic tokens always override grammars, and view! HTML tags are implemented as functions, so rust-analyzer's tokens ruin any HTML grammars.

Problem Statement

Existing RSX extensions fail to address IDE issues with rust-analyzer enabled:

• rust-analyzer adds semantic tokens that override extension syntax highlighting, coloring html opening tags and attributes as functions, and closing tags with the generic catch-all color:

• Code completion is inaccurate or missing entirely for html attributes:

• rust-analyzer hover info inside of the view! macros resolves through the WHOLE macro expansion. The result is a combo of the tachys type (useful) and ALSO the entire Leptos crate-level intro docs (useless):

Problem Resolutions

With this extension installed, you can expect:

• Correct HTML syntax highlighting for tags and attributes, without affecting nested Rust code closures:

• Accurate code completion, consistent with behavior inside a .html file:

• Sane hover info, starting with the info you get in a .html file, followed by the tachys type info. Each section (HTML and rust-analyzer) is labeled for clarity:

Features

Highlighting that survives real code

• Element tags, component tags (colored like types, including paths like my_crate::widgets::Fancy), and fragments <>…
• Leptos attribute namespaces: on:, class:, style:, prop:, attr:, bind:, use:, node_ref
• Attribute values and {…} text nodes re-embed real Rust highlighting, recursively — closures, method calls, format! interpolation, nested view!

IntelliSense that knows HTML

• Tag completion after `` offers button | submit | reset; works for every value set in the HTML spec data
• DOM events in Leptos form: on:click, on:input, … with docs
• Leptos namespaces (class:, prop:, bind:value, …) with usage hints
• Hover docs for tags and attributes, s