Log Viewer
Потоковые логи: уровни, поиск с подсветкой, слежение за хвостом, JSON-строки. Pro · Разработчикам › Код и логи
Установка
npx valyro-cli@latest login
npx valyro-cli@latest add log-viewer
npm install valyro-ui-pro
import 'valyro-ui-pro/styles.css';
import { LogViewer } from 'valyro-ui-pro';
Пропсы
| Prop | Type | Default | |
|---|---|---|---|
entries * | readonly LogEntry[] | All lines, oldest first. Append to stream; trim the front to cap memory. | |
title | ReactNode | Shown at the start of the toolbar. | |
actions | ReactNode | Extra toolbar content at the end, e.g. a pause or clear button. | |
height | CSSProperties['height'] | 420 | Height of the scrolling log area. Default 420. |
follow | boolean | Keep the newest line in view. Scrolling up pauses it; scrolling back to the end resumes. | |
defaultFollow | boolean | true | Default true. |
onFollowChange | (follow: boolean) => void | Called with the new follow when it changes. | |
wrap | boolean | Soft-wrap long lines instead of cutting them off. | |
defaultWrap | boolean | false | Initial wrap when uncontrolled. |
onWrapChange | (wrap: boolean) => void | Called with the new wrap when it changes. | |
levels | LogLevel[] | Levels shown. Default: all. | |
defaultLevels | LogLevel[] | Initial levels when uncontrolled. | |
onLevelsChange | (levels: LogLevel[]) => void | Called with the new levels when it changes. | |
query | string | Search text; matches are highlighted and stepped through with Enter / Shift+Enter. | |
defaultQuery | string | '' | Initial query when uncontrolled. |
onQueryChange | (query: string) => void | Called with the new query when it changes. | |
live | boolean | false | The stream is connected: shows a live indicator in the status bar. |
formatTimestamp | (date: Date) => string | Default: 24-hour time with milliseconds in the locale. | |
locale | string | BCP 47 locale for times and counts. Default: the ThemeProvider locale, then the browser's. | |
labels | Partial<LogViewerLabels> | Overrides for the built-in English text; keys left out keep their defaults. |
Похожие компоненты
- Code Block — Код с подсветкой
- Diff Viewer — Дифф нескольких файлов: список со статистикой, unified и split, подсветка слов
- Request Inspector — Журнал HTTP-запросов: фильтры, заголовки, тела и водопад таймингов
- API Key Manager — API-ключи: создание с правами и сроком, показ секрета один раз, отзыв
- Api Playground — Песочница API: модель, параметры, промпты и запрос/ответ в JSON
- Webhook Endpoints — Вебхуки: адреса, события, включение и доля доставок
- Certificate List — Сертификаты SSL/TLS: срок до истечения, автопродление, легенда
- Status Page — Страница статуса: общий баннер, аптайм за 90 дней, инциденты и подписка
- Storage Usage — Хранилище: занятое место по категориям и действия по очистке
- Download Center — Выгрузки: типы файлов, размер, срок ссылки и повторный запрос
- Feature Flag Simulator — Превью продукта при разных фичефлагах и сегментах, без доступа к продакшену
Назад: Diff Viewer · Далее: Request Inspector · Весь раздел «Разработчикам»