Session Replay - Traceback

Traceback Session Replay lets you watch a video-like reconstruction of what a user experienced before and during an error.

Features

DOM Mutation Playback: Reconstructs complete HTML and CSS rendering state using lightweight mutation streams.
Synchronized Console & Network: Console logs, warnings, fetch requests, and responses are tied to playback timestamps.
Privacy by Default: All sensitive input fields, text nodes, and PII are masked before capture.

Enabling Replay in Browser

import * as Traceback from "@traceback/browser";

Traceback.init({
  dsn: "https://tb_live_key@ingest.traceback.dev/1",
  integrations: [
    new Traceback.Replay({
      maskAllInputs: true,
      maskAllText: false,
      blockClass: "tb-mask",
    }),
  ],
  // Capture 5% of normal sessions for user journeys
  replaysSessionSampleRate: 0.05,
  // Capture 100% of sessions that encounter an error
  replaysOnErrorSampleRate: 1.0,
});

Privacy & Masking

Add the tb-mask CSS class or data-tb-mask attribute to any DOM element you wish to blur or exclude:

<div class="tb-mask">
  <p>Account Balance: $1,420,000.00</p>
</div>

⌘I