telemetry-db-trace-viewer
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: v12View latest version
A TypeScript-based log viewer application for analyzing CSV log data with filtering capabilities.
- File Upload: Upload CSV files containing log data
- Email Filter: Filter logs by email address
- Trace ID Filter: Filter logs by data.traceId
- Real-time Search: Instant filtering as you type
- Responsive Design: Works on desktop and mobile devices
โโโ backend/
โ โโโ index.ts # Main HTTP server with file upload handling
โโโ frontend/
โ โโโ components/
โ โ โโโ App.tsx # Main application component
โ โ โโโ FileUpload.tsx # File upload widget
โ โ โโโ FilterControls.tsx # Email and traceId filter controls
โ โ โโโ LogTable.tsx # Log data display table
โ โโโ index.html # Main HTML template
โ โโโ index.tsx # Frontend entry point
โ โโโ style.css # Custom styles
โโโ shared/
โ โโโ types.ts # Shared TypeScript types
โโโ README.md
- Upload a CSV file using the file upload widget
- Use the email filter to search for specific email addresses
- Use the trace ID filter to search for specific trace IDs
- View filtered results in the table below
The application expects CSV data with the following columns:
store_record.idkeydata(JSON string containing traceId)created_atupdated_atdatabase_idorganization_iduser_idapi_appuser.idemail