Streamdown

Что такое Streamdown?

Streamdown — это замена react-markdown, специально разработанная для потоковой передачи контента на основе ИИ. Он позволяет стримить безопасный и идеально отформатированный Markdown без сложной обработки, поддерживая такие компоненты, как компонент ответа AI Elements.

Как использовать Streamdown?

Чтобы использовать Streamdown, вы можете установить его с помощью команды `npm i streamdown` или через `npx ai-elements add response`. Интегрируйте его в ваше React-приложение, используя компонент `` (если используете AI Elements) или сам компонент Streamdown для рендеринга контента Markdown. Также необходимо обновить файл `globals.css` в Tailwind, добавив `@source "../node_modules/streamdown/dist/index.js";`.

Ключевые возможности Streamdown

• Замена react-markdown
• Разработан для потоковой передачи на основе ИИ
• Встроенные типографические стили с классами Tailwind
• Поддержка GitHub Flavored Markdown (GFM)
• Интерактивные блоки кода с подсветкой Shiki и кнопкой копирования
• Поддержка математических выражений LaTeX через remark-math и KaTeX
• Интерактивные диаграммы Mermaid с кнопкой рендеринга
• Парсинг и стилизация незаконченных блоков Markdown для более красивой потоковой передачи
• Встроенная защита от инъекций (валидация источников изображений/ссылок)
• Настраиваемость через свойства для компонентов, разрешенные префиксы, плагины и темы Shiki

Где чаще используется Streamdown

• Отображение контента Markdown, сгенерированного ИИ, в веб-приложениях
• Создание интерфейсов чата или компонентов ответов для моделей ИИ
• Отображение сложного контента Markdown с расширенными функциями (математика, диаграммы, код) в React-приложениях
• Обеспечение безопасного рендеринга Markdown из ненадежных источников

Часто задаваемые вопросы о Streamdown

1. Что такое Streamdown? Streamdown — это инструмент для безопасного отображения Markdown-контента, разработанный для работы с ИИ.

2. Как использовать Streamdown? Streamdown можно установить с помощью npm и интегрировать в React-приложение через компонент Response или сам Streamdown.

3. Ключевые возможности Streamdown? Streamdown предлагает множество возможностей, включая поддержку GFM, интерактивные блоки кода и математические выражения.

4. Где чаще используется Streamdown? Streamdown чаще всего используется для отображения контента, сгенерированного ИИ, и создания интерфейсов для взаимодействия с пользователями.