Frontend Application Setup

Instrument your frontend application to capture browser logs, user interactions, and errors in the SF Veritas Console.

Supported Frameworks

Framework	Package	Status
React	@sailfish-ai/recorder	Full Support
JavaScript (vanilla)	@sailfish-ai/recorder	Full Support
Vue, Angular, etc.	@sailfish-ai/recorder	Should work

Choose Your Framework

• JavaScript/TypeScript - React and other JS frameworks

What Gets Captured

Frontend instrumentation captures:

• Browser Console: All console.log, console.info, console.warn, console.error calls
• JavaScript Errors: Uncaught exceptions and promise rejections
• User Interactions: Clicks, form submissions, navigation
• Network Requests: Fetch and XHR requests with timing

Requirements

Before instrumenting your frontend:

1. Ensure the SF Veritas IDE Extension or Desktop App is installed and running
2. Verify the local server is started
3. Your frontend should be able to reach localhost:6776 (or your configured port)

Architecture

Quick Verification

After setup, verify instrumentation is working:

1. Start your frontend development server
2. Open your app in the browser
3. Open the SF Veritas Console (in the Desktop App or VS Code)
4. Trigger some console.log statements or errors
5. You should see the logs appear in the Console panel