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.