Simon-He95/markstream-vue

解决的问题

Markstream 解决了渲染仍在生成中的 Markdown 内容的问题，例如来自 AI 聊天界面或实时数据流的响应。标准的 Markdown 渲染器是为静态文档设计的，在内容增量更新时，往往难以处理“闪烁”或布局不稳定的问题。

工作原理

它提供了一个专门的渲染引擎，用于处理部分、不完整的 Markdown 字符串。它提供两种主要模式：一种是针对稳定的实时流媒体优化的“聊天”模式，不会产生干扰性的动画；另一种是用于渲染更大、静态或批量处理内容的“文档”模式。它支持对 Mermaid 图表、KaTeX 数学公式和代码块等复杂元素进行渐进式渲染，确保它们在底层数据流更新时保持稳定。

适用人群

它适用于使用 Vue、React、Svelte、Angular 或 Octane 构建 AI 驱动应用程序、聊天界面或文档平台的开发者。对于任何需要一种稳定、高性能方式来显示 LLM token 流或 SSE/WebSocket 输出的人来说，它是理想的选择。

亮点

• 专为流式 Markdown 构建，可最大限度地减少视觉闪烁和内存使用。
• 包含用于聊天（实时）和文档（批量）的专用渲染模式。
• 支持渐进式图表 (Mermaid)、数学公式 (KaTeX) 和流式代码块等高级功能。
• 提供针对 Vue、React、Svelte、Angular 和 Octane 的框架特定包。
• TypeScript 优先，包含稳定、可直接使用的默认设置和 CSS 样式。