Simon-He95/markstream-vue

解決する課題

Markstreamは、AIチャットインターフェースやリアルタイムデータストリームからの応答など、生成途中のMarkdownコンテンツをレンダリングする際の問題を解決します。標準的なMarkdownレンダラーは静的ドキュメント向けに設計されており、コンテンツが段階的に更新される際に発生する「ちらつき」やレイアウトの不安定さに苦労することがよくあります。

仕組み

部分的な不完全なMarkdown文字列を処理する専用のレンダリングエンジンを提供します。2つの主要なモードがあります。気を散らすアニメーションなしで安定したリアルタイムストリーミングに最適化された「チャット」モードと、より大きく静的またはバッチ処理されたコンテンツをレンダリングするための「ドキュメント」モードです。Mermaid図、KaTeX数式、コードブロックなどの複雑な要素のプログレッシブレンダリングをサポートしており、基盤となるデータストリームが更新されても安定性を維持します。

対象ユーザー

Vue、React、Svelte、Angular、またはOctaneを使用して、AI搭載アプリケーション、チャットインターフェース、またはドキュメントプラットフォームを構築する開発者向けです。LLMトークンストリームやSSE/WebSocket出力を表示するための、安定した高性能な方法を必要とするすべての人に最適です。

ハイライト

• 視覚的なちらつきとメモリ使用量を最小限に抑えるために、ストリーミングMarkdown専用に構築されています。
• チャット（リアルタイム）およびドキュメント（バッチ）用の専用レンダリングモードが含まれています。
• プログレッシブ図（Mermaid）、数式（KaTeX）、ストリーミングコードブロックなどの高度な機能をサポートしています。
• Vue、React、Svelte、Angular、Octane向けのフレームワーク固有のパッケージを提供します。
• TypeScriptファーストであり、安定したすぐに使えるデフォルト設定とCSSスタイルが含まれています。