One snippet model feeds both renderers

The component registry defines agent and human renderers. The code-snippets design brief14 gives both renderers one snippet model.

The proposed CodeSnippet carries:

HTML adds colour, a filename, numbered lines, and a source link. Agent Markdown adds the repository, commit, path, and original line numbers, plus a Markdown code block. Both renderers use the same source facts.

Both views preserve the same source facts. The planned property compares each view with the pinned source9.

Whole-file tokenization7 supplies the tokens. Engine-neutral tokens7 keep renderer input independent of Shiki.

See the glossary for snippet model and renderer parity, the term for views preserving the same source facts.

Sources

  1. Component registry. Primary source. Agent and human renderers Accessed 2026-10-02.
  2. Code-snippets design brief. Primary source. Shared CodeSnippet model Accessed 2026-10-02.

Last changed 2026-10-10 in 978dccc. Source on GitHub. Change log.

Linked from

  1. Agent guide. An Effect stack so pure (aspirational) Kit Langton will blush.

    Code snippets quote a pinned source — Shipped design brief: pinned Git objects, typed diagnostics, and one build-only snippet model for both views.

  2. Change log. What changed in the files served here, newest first.

    One snippet model feeds both renderers — edited: docs: point live docs, skills and Brain pages at apps/site

  3. Code snippets quote a pinned source. Shipped design brief: pinned Git objects, typed diagnostics, and one build-only snippet model for both views.

    It produces one snippet model for both renderers.

  4. Engine-neutral tokens keep adapters replaceable. The highlighter port exposes text, roles, and font styles rather than Shiki types.

    One snippet model supplies both renderers.¶

  5. Full agent guide. An Effect stack so pure (aspirational) Kit Langton will blush.
  6. Rat Stack lore | rat-stack. Short, source-grounded notes on the ideas and decisions behind rat-stack.

    Code snippets quote a pinned source — Shipped design brief: pinned Git objects, typed diagnostics, and one build-only snippet model for both views.

  7. Source change history (log.md). The generated change log as Markdown.

    One snippet model feeds both renderers — edited: docs: point live docs, skills and Brain pages at apps/site

  8. Tokenize the whole file before slicing. Select lines after tokenization so preceding code still guides recognition of multiline strings and comments.

    Both renderers consume one snippet model.