• Townie
    AI
  • Blog
  • Docs
  • Pricing
  • We’re hiring!
Log inSign up
wolf

wolf

PinoViewer

Public
Like
PinoViewer
Home
Code
4
backend
1
shared
1
README.md
main.tsx
Branches
1
Pull requests
Remixes
History
Environment variables
Val Town is a collaborative website to build and scale JavaScript apps.
Deploy APIs, crons, & store data – all from the browser, and deployed in milliseconds.
Sign up now
Code
/
README.md
Code
/
README.md
Search
6/12/2025
Viewing readonly version of main branch: v4
View latest version
README.md

Log Viewer

A beautiful, interactive log viewer for structured JSON logs with filtering, search, and real-time capabilities.

Features

  • πŸ“Š Structured Log Display: Parse and display JSON logs with proper formatting
  • πŸ” Advanced Filtering: Filter by log level, method, time range, and custom fields
  • 🎨 Syntax Highlighting: Color-coded log levels and JSON formatting
  • ⚑ Real-time Updates: Live log streaming capabilities
  • πŸ“± Responsive Design: Works on desktop and mobile devices
  • πŸ”— Deep Linking: Share specific log views with URL parameters

Usage

  1. Visit the application
  2. Paste your logs in the input area or upload a log file
  3. Use the filters to narrow down the logs you want to see
  4. Click on individual log entries to see detailed JSON view

Log Format

The viewer supports structured JSON logs with fields like:

  • level: Log level (info, warn, error, debug)
  • time: Timestamp
  • method: Method name
  • msg: Log message
  • params: Additional parameters
  • Custom fields

Project Structure

β”œβ”€β”€ backend/
β”‚   β”œβ”€β”€ index.ts          # Main Hono server
β”‚   └── routes/
β”‚       └── logs.ts       # Log processing endpoints
β”œβ”€β”€ frontend/
β”‚   β”œβ”€β”€ index.html        # Main HTML template
β”‚   β”œβ”€β”€ components/
β”‚   β”‚   β”œβ”€β”€ App.tsx       # Main application component
β”‚   β”‚   β”œβ”€β”€ LogViewer.tsx # Log display component
β”‚   β”‚   └── LogFilters.tsx # Filter controls
β”‚   └── utils/
β”‚       └── logParser.ts  # Log parsing utilities
└── shared/
    └── types.ts          # Shared TypeScript types
FeaturesVersion controlCode intelligenceCLI
Use cases
TeamsAI agentsSlackGTM
DocsShowcaseTemplatesNewestTrendingAPI examplesNPM packages
PricingNewsletterBlogAboutCareers
We’re hiring!
Brandhi@val.townStatus
X (Twitter)
Discord community
GitHub discussions
YouTube channel
Bluesky
Open Source Pledge
Terms of usePrivacy policyAbuse contact
Β© 2025 Val Town, Inc.