perf(markdown): rewrite rendering on marked + Shiki + morphdom

Browse Source

Replace the react-markdown/Prism component tree with an HTML-string
pipeline (marked -> KaTeX -> Shiki -> DOMPurify -> DOM decorators) patched
into the DOM via morphdom, with per-block reconciliation and a paced
streaming reveal. Cuts streaming CPU versus the previous renderer while
preserving file-reference links, mermaid diagrams, table export, and
agent/skill/favicon link handling. Public MarkdownRenderer/
SimpleMarkdownRenderer props are unchanged (drop-in).

...

This commit is contained in:

Bohdan Triapitsyn

2026-06-15 18:17:47 +03:00

parent 7290c4aa51

commit 4d506fba4e

5 changed files with 1237 additions and 1171 deletions

Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL

Download Patch File Download Diff File Expand all files Collapse all files

packages/ui/src/components/chat/MarkdownRendererImpl.tsx

+291 -1168

File diff suppressed because it is too large Load Diff