ValyroUI English version

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';

Пропсы

PropTypeDefault
entries *readonly LogEntry[]All lines, oldest first. Append to stream; trim the front to cap memory.
titleReactNodeShown at the start of the toolbar.
actionsReactNodeExtra toolbar content at the end, e.g. a pause or clear button.
heightCSSProperties['height']420Height of the scrolling log area. Default 420.
followbooleanKeep the newest line in view. Scrolling up pauses it; scrolling back to the end resumes.
defaultFollowbooleantrueDefault true.
onFollowChange(follow: boolean) => voidCalled with the new follow when it changes.
wrapbooleanSoft-wrap long lines instead of cutting them off.
defaultWrapbooleanfalseInitial wrap when uncontrolled.
onWrapChange(wrap: boolean) => voidCalled with the new wrap when it changes.
levelsLogLevel[]Levels shown. Default: all.
defaultLevelsLogLevel[]Initial levels when uncontrolled.
onLevelsChange(levels: LogLevel[]) => voidCalled with the new levels when it changes.
querystringSearch text; matches are highlighted and stepped through with Enter / Shift+Enter.
defaultQuerystring''Initial query when uncontrolled.
onQueryChange(query: string) => voidCalled with the new query when it changes.
livebooleanfalseThe stream is connected: shows a live indicator in the status bar.
formatTimestamp(date: Date) => stringDefault: 24-hour time with milliseconds in the locale.
localestringBCP 47 locale for times and counts. Default: the ThemeProvider locale, then the browser's.
labelsPartial<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 · Весь раздел «Разработчикам»