Skip to main content

Browser JavaScript SDK

Use @tiden/telemetry-browser for client-side browser error tracking.

Install

npm install @tiden/telemetry-browser

Initialize

import { Tiden } from '@tiden/telemetry-browser'

Tiden.init({
dsn: import.meta.env.VITE_TIDEN_DSN,
release: 'my-app@1.2.3',
environment: 'production',
})

The SDK captures uncaught exceptions and unhandled promise rejections.

Manual capture

Tiden.captureException(err)
Tiden.captureMessage('checkout completed', 'info')

Context

Tiden.setUser({ id: 'u_123' })
Tiden.setTag('plan', 'pro')

Important options

OptionPurpose
dsnRequired product DSN
releaseVersion string
environmentRuntime environment
sendDefaultPiiWhether to include default personally identifying data
beforeSendMutate or drop events before send
denyUrlsIgnore events from matching URLs
maxBreadcrumbsLimit stored breadcrumbs
maxEventsPerPageGuard against browser error storms

Source maps

Pair the runtime SDK with @tiden/telemetry-sourcemaps for readable production stack traces.

npm install -D @tiden/telemetry-sourcemaps

See Upload source maps.