smalto_lustre

Lustre element renderer for smalto syntax-highlighted tokens.

Converts smalto Token values into Lustre Element nodes using a configurable Config that maps each token type to a rendering function.

Installation

gleam add smalto smalto_lustre

Quick start

import lustre/element
import smalto
import smalto/languages/python
import smalto/lustre as smalto_lustre

pub fn main() {
  let code = "print('hello')"
  let tokens = smalto.to_tokens(code, python.grammar())
  let elements = smalto_lustre.to_lustre(tokens, smalto_lustre.default_config())

  // Render to an HTML string
  let html =
    elements
    |> element.fragment
    |> element.to_string
}

The default_config() renders each token as an inline-styled <span> with colors matching smalto’s built-in ANSI color scheme.

Custom rendering

Override individual token renderers using the builder functions:

import lustre/attribute
import lustre/element
import lustre/element/html
import smalto/lustre as smalto_lustre

let config =
  smalto_lustre.default_config()
  |> smalto_lustre.keyword(fn(value) {
    html.span([attribute.class("smalto-keyword")], [element.text(value)])
  })
  |> smalto_lustre.comment(fn(value) {
    html.span([attribute.class("smalto-comment")], [element.text(value)])
  })

let elements = smalto_lustre.to_lustre(tokens, config)

Available builders: keyword, string, number, comment, function, operator, punctuation, type_, module, variable, constant, builtin, tag, attribute, selector, property, regex, custom.

Default color scheme

Whitespace and Other tokens are always rendered as plain text nodes.

Documentation

API reference is available on HexDocs.

License

smalto_lustre is licensed under the MIT License. See LICENSE for details.