Log View

Foundations · CodeViewer, LogView

Monospace output: LogView for logs with line numbers and levels, CodeViewer for JSON, YAML and code.

LogView: lines (strings or {time, text, level: "ok" | "warn" | "err" | "hl", fresh}), title, right, numbers (false hides them), follow (default true: sticks to the newest line unless the pointer is over it), maxHeight.
CodeViewer: value (string or object, pretty-printed as JSON), lang. Built on CodeBlock with copy.

PreviewCode

deploy #482

109:41:02pull  ghcr.io/halo/web:8f2a91c
209:41:09build  146 modules transformed
309:41:22test   146 passed, 0 failed
409:41:23warn   bundle is 512 kB, above the 500 kB budget
509:41:30health GET /v1/health → 503

json

{
  "tool": "cloudflare.dns",
  "action": "create",
  "record": {
    "type": "TXT",
    "name": "ops-test",
    "ttl": 300
  }
}

Props

CodeViewer

Prop	Type	Notes
`value`	`string \| object`	Required
`lang?`	`string`
`className?`	`string`	Extra class on the root element.
`style?`	`CSSProperties`	Inline style on the root element.

LogView

Prop	Type	Notes
`lines`	`LogLine[]`	Required
`title?`	`ReactNode`
`right?`	`ReactNode`
`numbers?`	`boolean`
`follow?`	`boolean`
`maxHeight?`	`number`
`className?`	`string`	Extra class on the root element.
`style?`	`CSSProperties`	Inline style on the root element.