How mohit-gaur75/bugreplay-ai works
BugReplay AI captures browser errors and interaction telemetry, stores incidents, generates replayable Playwright tests, and supports investigation through its web dashboard and CLI. The graph follows the documented capture-to-reproduction workflow and includes auth, project, billing, and demo capabilities. Edges are limited to relationships shown in excerpts or the README; unsampled worker, synthesis, and SDK internals are represented only where documented.
Main entry points: App.jsx Web Application · db.js SQLite Store · IncidentDetails.jsx Incident Details · app.js API Application
Components 34
Browser Capture
- Capture SDK
sdk/src/bugreplay.js
Ingestion and Synthesis
- Ingestion Routes
server/src/modules/ingestion/ingestion.routes.js - Ingestion Controller
server/src/modules/ingestion/ingestion.controller.js - Incident Ingestion
server/src/modules/ingestion/ingestion.service.js - SQLite Store
server/src/db/db.js - Synthesis Worker
server/src/jobs/worker.js - Playwright Synthesizer
server/src/modules/ai/synthesizer.js - Webhook Notifications
server/src/services/webhookNotifier.js
Web Console
- Web Application
client/src/App.jsx - Web Authentication
client/src/context/AuthContext.jsx - Web API Client
client/src/services/api.js - Incident Dashboard
client/src/pages/Dashboard.jsx - Incident Details
client/src/pages/IncidentDetails.jsx - Visual Timeline
client/src/components/incidents/VisualTimeline.jsx - Test Display
client/src/components/common/CodeBlock.jsx - Project Management
client/src/pages/Projects.jsx - Billing Console
client/src/pages/Billing.jsx - Interactive Demo
client/src/pages/Demo.jsx
Developer CLI
- CLI Commands
cli/src/index.js - Local Test Runner
cli/src/commands/run.js - CLI API Client
cli/src/services/apiClient.js - CLI Configuration
cli/src/utils/configStore.js
Identity and Platform
- API Application
server/src/app.js - Auth Controller
server/src/modules/auth/auth.controller.js - Auth Service
server/src/modules/auth/auth.service.js - JWT Middleware
server/src/middleware/auth.js - Token and Password Crypto
server/src/utils/crypto.js - Project Controller
server/src/modules/projects/projects.controller.js - Project Service
server/src/modules/projects/projects.service.js - Billing Controller
server/src/modules/billing/billing.controller.js
Other components
- Client Browser
- Gemini API
- Developer
- CLI User
Connections 36
- Client Browser → Capture SDK: runs
- Capture SDK → Ingestion Routes: sends telemetry
- Ingestion Routes → Ingestion Controller: routes to
server/src/modules/ingestion/ingestion.routes.js - Ingestion Controller → Incident Ingestion: ingests incident
server/src/modules/ingestion/ingestion.controller.js - Incident Ingestion → SQLite Store: writes incident and job
server/src/modules/ingestion/ingestion.service.js - Synthesis Worker → SQLite Store: reads queued jobs
- Synthesis Worker → Playwright Synthesizer: dispatches synthesis
- Playwright Synthesizer → Gemini API: generates tests
- Playwright Synthesizer → SQLite Store: stores generated test
- Incident Ingestion → Webhook Notifications: notifies
- Developer → Web Application: uses
client/src/App.jsx - Web Application → Web Authentication: uses session
client/src/App.jsx - Web Authentication → Web API Client: calls
client/src/context/AuthContext.jsx - Web Application → Incident Dashboard: renders
client/src/App.jsx - Web Application → Incident Details: renders
client/src/App.jsx - Incident Details → Web API Client: loads incident
client/src/pages/IncidentDetails.jsx - Incident Details → Visual Timeline: renders
client/src/pages/IncidentDetails.jsx - Incident Details → Test Display: renders test
client/src/pages/IncidentDetails.jsx - Web Application → Project Management: renders
client/src/App.jsx - Web Application → Billing Console: renders
client/src/App.jsx - Web Application → Interactive Demo: renders
client/src/App.jsx - CLI User → CLI Commands: runs
cli/src/index.js - CLI Commands → Local Test Runner: dispatches
cli/src/index.js - Local Test Runner → CLI API Client: fetches incident
cli/src/commands/run.js - CLI API Client → CLI Configuration: loads settings
cli/src/services/apiClient.js - CLI API Client → API Application: requests API
- Web Application → API Application: requests API
- API Application → SQLite Store: initializes store
server/src/app.js - API Application → Ingestion Routes: mounts routes
server/src/app.js - Auth Controller → Auth Service: delegates
server/src/modules/auth/auth.controller.js - Auth Service → SQLite Store: reads and writes
server/src/modules/auth/auth.service.js - Auth Service → Token and Password Crypto: uses crypto
server/src/modules/auth/auth.service.js - JWT Middleware → Auth Service: loads user
server/src/middleware/auth.js - JWT Middleware → Token and Password Crypto: verifies token
server/src/middleware/auth.js - Project Controller → Project Service: delegates
server/src/modules/projects/projects.controller.js - Billing Controller → SQLite Store: reads and updates
server/src/modules/billing/billing.controller.js