@whitespace.dev/browser

Whitespace lets you replay a bug just as it appeared for you. Apart from a screen recording it also saves http transactions, log entries, user interactions, storage changes, and metadata. The recording gives engineers a great understanding of what happened, how it happened and probably why something went wrong.

Whitespace is built to be used in the development workflow. Since it sends and stores potentially sensitive data on our servers you should, for now, avoid using it in production.

Getting started

Install the package

Npm:

    npm install --save @whitespace.dev/browser

Yarn:

    yarn add @whitespace.dev/browser

Initialize

In /init-whitespace.js

import { Whitespace } from "@whitespace.dev/browser"

// We don't want to activate Whitespace in production
if (process.env.NODE_ENV !== "production") {
    Whitespace.init({
        // Contact us at [email protected] to get a key
        key: "<your-key>",
    })
}

In /index.js (your entrypoint)

// Import the init file as early as possible
import "./init-whitespace"

import * as React from "react"
import ...