@mwillbanks/tuil-log-viewer

Virtualized searchable themed log viewer models and terminal component projections for tuil.

Overview

Virtualized searchable themed log viewer models and terminal component projections for tuil.

@mwillbanks/tuil-log-viewer is independently installable and also participates in the umbrella @mwillbanks/tuil runtime where applicable.

Installation

npm install @mwillbanks/tuil-log-viewer

How it operates

The log viewer combines normalized records, typed queries, editor input, scrolling, selection, details, timelines, tables, themes, saved searches, copy, and export.

Documentation flow diagram. attach pipeline; ingest; filter/follow; inspect; export; S0 leads to S1; S1 leads to S2; S2 leads to S3 — **Documentation flow diagram.** attach pipeline; ingest; filter/follow; inspect; export; S0 leads to S1; S1 leads to S2; S2 leads to S3

API

API	Signature	Description
`createLogTheme`	`function createLogTheme`	Public function createLogTheme.
`defaultLogThemes`	`constant defaultLogThemes`	Public constant defaultLogThemes.
`LiveIndicator`	`function LiveIndicator`	Public function LiveIndicator.
`LogDensity`	`type LogDensity`	Public type LogDensity.
`LogDetail`	`function LogDetail`	Public function LogDetail.
`LogExportDialog`	`function LogExportDialog`	Public function LogExportDialog.
`LogFacetPanel`	`function LogFacetPanel`	Public function LogFacetPanel.
`LogFilterBar`	`function LogFilterBar`	Public function LogFilterBar.
`LogRow`	`function LogRow`	Public function LogRow.
`LogRowView`	`interface LogRowView`	Public interface LogRowView.
`LogSearchBar`	`function LogSearchBar`	Public function LogSearchBar.
`LogSourceBadge`	`function LogSourceBadge`	Public function LogSourceBadge.
`LogTheme`	`interface LogTheme`	Public interface LogTheme.
`logThemeTextStyle`	`function logThemeTextStyle`	Public function logThemeTextStyle.
`LogThemeVariant`	`type LogThemeVariant`	Public type LogThemeVariant.
`LogTimeline`	`function LogTimeline`	Public function LogTimeline.
`LogViewer`	`function LogViewer`	Public function LogViewer.
`LogViewerModel`	`class LogViewerModel`	Public class LogViewerModel.
`LogViewerModelOptions`	`type LogViewerModelOptions`	Public type LogViewerModelOptions.
`LogViewerProps`	`interface LogViewerProps`	Public interface LogViewerProps.
`ParseErrorRow`	`function ParseErrorRow`	Public function ParseErrorRow.
`StructuredValue`	`function StructuredValue`	Public function StructuredValue.
`TraceContext`	`function TraceContext`	Public function TraceContext.

Events and lifecycle

Viewer state changes are subscriptions over logging, editor, and scroll models.

All subscriptions and registrations return a disposer or belong to an owning runtime that disposes them in reverse order.

Example

import { LogViewerModel } from "@mwillbanks/tuil-log-viewer";

const viewer = new LogViewerModel(pipeline, { queryEditor: app.createEditorSession({ id: "log-query" }), queryEditorOwnership: "owned" });