Skip to main content Svelte Highlight v7.21.1

Headless engine preview

svelte-highlight/engine, headless -- an isolated Registry built with createRegistry and registerAll, with zero Svelte dependency.

renderHtml(events)

function add(a: number, b: number): number {
  return a + b;
}

console.log(add(1, 2));

events (first 30)

  • 0: OPEN s=keyword
  • 1: TEXT v="function"
  • 2: CLOSE
  • 3: TEXT v=" "
  • 4: OPEN s=title.function
  • 5: TEXT v="add"
  • 6: CLOSE
  • 7: TEXT v="("
  • 8: OPEN s=params
  • 9: OPEN s=attr
  • 10: TEXT v="a"
  • 11: CLOSE
  • 12: TEXT v=": "
  • 13: OPEN s=built_in
  • 14: TEXT v="number"
  • 15: CLOSE
  • 16: TEXT v=", "
  • 17: OPEN s=attr
  • 18: TEXT v="b"
  • 19: CLOSE
  • 20: TEXT v=": "
  • 21: OPEN s=built_in
  • 22: TEXT v="number"
  • 23: CLOSE
  • 24: CLOSE
  • 25: TEXT v=")"
  • 26: TEXT v=": "
  • 27: OPEN s=built_in
  • 28: TEXT v="number"
  • 29: CLOSE

tokenLines(events)

0function add(a: number, b: number): number {
1 return a + b;
2}
3
4console.log(add(1, 2));

Streaming: registry.createSession(language)

0 / 87 chars streamed