Packages

mf2_wasm_editor

0.2.0
0.2.0 0.1.0

Browser-side MF2 syntax highlighter + Phoenix LiveView hook. Ships a prebuilt web-tree-sitter bundle and the tree-sitter-mf2 grammar compiled to WASM. Consumers drop a script tag and a textarea-over-pre widget — no per-keystroke server round trip.

HexDocs

Current section

Files

Jump to
Readme
2 Versions
0 Dependencies
Dependants
Files
Activity
mf2_wasm_editor priv static highlights.scm
Raw

priv/static/highlights.scm 

; tree-sitter highlight query for MF2 messages. Maps grammar nodes to

; the capture names used by editor highlighters (nvim-treesitter, Helix,

; Zed). Capture names mirror the Localize MF2 Pygments-style taxonomy

; so authors can reuse the same colour scheme between editor

; highlighting and `Localize.Message.to_html/2` output.



; ─── Builtins ─────────────────────────────────────────────────────────

(keyword_input)   @keyword.import

(keyword_local)   @keyword

(keyword_match)   @keyword.conditional

(catchall)        @constant.builtin



; ─── Names ────────────────────────────────────────────────────────────

(variable (name) @variable)

"$"               @variable.builtin



(function (identifier) @function)

":"               @punctuation.special



(markup_open_or_standalone (identifier (name) @tag))

(markup_close            (identifier (name) @tag))



(attribute (identifier) @attribute)

"@"               @punctuation.special



(option (identifier) @property)



; ─── Literals ─────────────────────────────────────────────────────────

(quoted_literal)  @string

(quoted_char)     @string

(unquoted_literal) @string

;

; Numeric-looking unquoted literals get the @number capture via a

; predicate. Consumers whose tree-sitter host doesn't honour #match?

; will fall back to the plain @string capture above.

((unquoted_literal) @number

  (#match? @number "^-?\\d+(\\.\\d+)?([eE][+-]?\\d+)?$"))



; ─── Escapes ──────────────────────────────────────────────────────────

(escape)          @string.escape



; ─── Text ─────────────────────────────────────────────────────────────

(text)            @string



; ─── Punctuation ──────────────────────────────────────────────────────

"{"               @punctuation.bracket

"}"               @punctuation.bracket

"{{"              @punctuation.bracket

"}}"              @punctuation.bracket

"|"               @punctuation.bracket

"="               @operator

(self_closing)    @punctuation.special

"#"               @punctuation.special

"/"               @punctuation.special