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: v9View 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