Public
Like
PinoViewer
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.
Viewing readonly version of main branch: v10View latest version
A beautiful, interactive log viewer for structured JSON logs with filtering, search, and real-time capabilities.
- 📊 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
- Visit the application
- Paste your logs in the input area or upload a log file
- Use the filters to narrow down the logs you want to see
- Click on individual log entries to see detailed JSON view
The viewer supports structured JSON logs with fields like:
level: Log level (info, warn, error, debug)time: Timestampmethod: Method namemsg: Log messageparams: Additional parameters- Custom fields
├── 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