← Back to all languages

TypeScript error tracking

Know when your TypeScript app breaks, before your users do

Catches window errors and unhandled promise rejections automatically in any browser app. Self-hosted, so nothing about a TypeScript app's errors or its users' data ever leaves infrastructure you control.

Install

npm install /path/to/forge_ops/sdks/typescript

import * as forgeOpsTracker from "@forge-ops/tracker-web";
forgeOpsTracker.init({ dsn: "https://<api_key>@your-forgeops-host/api/v1/events" });

Catches window errors and unhandled promise rejections automatically in any browser app.

Every client reports the same shape

Wherever it comes from, an event arrives with an exception class, a message, and a backtrace, plus whatever environment/release/server context that client can gather on its own. ForgeOps fingerprints and groups on the first three, so a TypeScript app's issues list works exactly the same way every other language's does: report the same bug a thousand times and it's still one row, not a thousand.

No agent, no sidecar: it's a plain HTTPS POST to your own ForgeOps instance's ingestion API, so nothing about a TypeScript app's traffic ever leaves infrastructure you control.


Works with your framework


The TypeScript client hooks in at the framework level, not by wrapping individual calls, so nothing about how you already write TypeScript code has to change.


Plain pages

init() installs window error and unhandledrejection listeners by default, covering anything that escapes with no framework in the way.

React

ForgeOpsErrorBoundary reports via componentDidCatch, after React has already committed the fallback UI.

Next.js

A single onRequestError export covers App Router and Pages Router server-side errors alike, no further wiring.

What it looks like

The issue list

Every TypeScript issue reported into a project shows up here: title, status, assignee, event count, and when it was last seen, the same columns as any other language's project.

The issue list for a project reporting from a TypeScript app

The issue detail

Every occurrence keeps its own timestamp, environment, release, and server, plus the backtrace exactly as TypeScript reported it, expandable per occurrence rather than flattened into one generic stack.

A TypeScript issue's detail page, showing its backtrace parsed from the browser's own Error#stack

Alerting

A new TypeScript issue, a regression, or a spike past a threshold you set can reach Slack, email, SMS, a voice call, or a generic webhook, configured per project, per trigger.

Notification rules configured per trigger and channel, e.g. a new issue to Slack, a regression to email

Heartbeats

For the failure mode error tracking can't see on its own: a TypeScript cron job or recurring task that's supposed to run but silently stopped. Each heartbeat gets its own ping URL and its own grace period before it alerts.

A heartbeat's ping URL and status, showing its expected interval, grace period, and last check-in

Questions

Do I need to change how I already handle errors?

No. Every client hooks the framework's own exception handling directly, the same way the install snippet above shows -- your own logs, error pages, and rescue blocks keep working exactly as they did before. ForgeOps just also finds out about it.

Where does the data actually go?

Straight to your own ForgeOps instance over plain HTTPS. No agent, no sidecar, no third-party ingestion service in between -- nothing about your app's traffic or its users' data ever leaves infrastructure you control.

What happens if the same bug fires a thousand times?

It's fingerprinted from its exception class, message, and backtrace, so a thousand reports of the same bug still show up as one issue with an event count of 1,000, not a thousand separate rows to dig through.

Is anything scrubbed before it's stored?

Yes. Emails, credit card numbers, and known API key/token formats are redacted out of every event before it's even written, on every plan, with room for per-project custom field names on top of the defaults.

Try it with your own TypeScript app

Free plan included, no credit card required.

Get started free