@ai-gui/plugin-highlight

Syntax-highlighting plugin for AIGUI, powered by Shiki. Overrides fenced code blocks with highlighted output. Async.

Install

pnpm add @ai-gui/plugin-highlight

Usage

import { highlight } from "@ai-gui/plugin-highlight"
import { AIRenderer } from "@ai-gui/react"

<AIRenderer plugins={[highlight({ themes: ["github-dark"], langs: ["ts", "python"] })]} />

Options

• themes?: string[] — themes to load; the first is the default when theme is omitted.
• langs?: string[] — grammars to load; a code block whose language is not listed falls back to plain text.
• theme?: string — theme used for rendering; defaults to the first entry of themes.

The plugin also carries a prompt spec asking the model to tag every fence with its language and naming the grammars that were loaded, since a block whose language is missing cannot be highlighted. Pass plugins to buildSystemPrompt to include it.

See the root README for the full plugin list.