Update README with branded header and documentation links
- Add centered logo and title with product branding - Add links to product website and documentation - Add badges for package manager and license - Add Other SDKs table with cross-references - Add Support section with dev@ironservices.io email - Update repository links to git.marketally.com 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
David Friedel
parent
e288eeeb9d
commit
88246a8509
243
README.md
243
README.md
|
|
@ -1,9 +1,39 @@
|
||||||
# IronTelemetry SDK for JavaScript/TypeScript
|
<p align="center">
|
||||||
|
<a href="https://irontelemetry.com">
|
||||||
|
<img src="https://irontelemetry.com/logo.png" alt="IronTelemetry" width="120" />
|
||||||
|
</a>
|
||||||
|
</p>
|
||||||
|
|
||||||
Error monitoring and crash reporting SDK for JavaScript and TypeScript applications. Capture exceptions, track user journeys, and get insights to fix issues faster.
|
<h1 align="center">IronTelemetry SDK for JavaScript/TypeScript</h1>
|
||||||
|
|
||||||
[](https://www.npmjs.com/package/@ironservices/telemetry)
|
<p align="center">
|
||||||
[](https://opensource.org/licenses/MIT)
|
<strong>Error monitoring and crash reporting for modern applications</strong>
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<p align="center">
|
||||||
|
<a href="https://www.npmjs.com/package/@ironservices/telemetry"><img src="https://img.shields.io/npm/v/@ironservices/telemetry.svg" alt="npm version"></a>
|
||||||
|
<a href="https://opensource.org/licenses/MIT"><img src="https://img.shields.io/badge/License-MIT-yellow.svg" alt="License: MIT"></a>
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<p align="center">
|
||||||
|
<a href="https://irontelemetry.com">Website</a> •
|
||||||
|
<a href="https://irontelemetry.com/docs">Documentation</a> •
|
||||||
|
<a href="https://irontelemetry.com/docs/js">JavaScript Guide</a> •
|
||||||
|
<a href="https://git.marketally.com/ironservices">GitHub</a>
|
||||||
|
</p>
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
**IronTelemetry** helps you capture exceptions, track user journeys, and get actionable insights to fix issues faster. Built for developers who want simple, powerful error monitoring without the complexity.
|
||||||
|
|
||||||
|
## Features
|
||||||
|
|
||||||
|
- **Exception Capture** - Automatically capture and report exceptions with full stack traces
|
||||||
|
- **Journey Tracking** - Understand what users did before an error occurred
|
||||||
|
- **Breadcrumbs** - Add context with custom breadcrumbs and metadata
|
||||||
|
- **Source Maps** - See original source code in stack traces
|
||||||
|
- **Lightweight** - Minimal footprint, no impact on performance
|
||||||
|
- **TypeScript First** - Full TypeScript support with type definitions
|
||||||
|
|
||||||
## Installation
|
## Installation
|
||||||
|
|
||||||
|
|
@ -17,15 +47,17 @@ pnpm add @ironservices/telemetry
|
||||||
|
|
||||||
## Quick Start
|
## Quick Start
|
||||||
|
|
||||||
### Basic Exception Capture
|
### Initialize the SDK
|
||||||
|
|
||||||
```typescript
|
```typescript
|
||||||
import IronTelemetry from '@ironservices/telemetry';
|
import IronTelemetry from '@ironservices/telemetry';
|
||||||
|
|
||||||
// Initialize with your DSN
|
|
||||||
IronTelemetry.init('https://pk_live_xxx@irontelemetry.com');
|
IronTelemetry.init('https://pk_live_xxx@irontelemetry.com');
|
||||||
|
```
|
||||||
|
|
||||||
// Capture exceptions
|
### Capture Exceptions
|
||||||
|
|
||||||
|
```typescript
|
||||||
try {
|
try {
|
||||||
doSomething();
|
doSomething();
|
||||||
} catch (error) {
|
} catch (error) {
|
||||||
|
|
@ -41,151 +73,102 @@ try {
|
||||||
}
|
}
|
||||||
```
|
```
|
||||||
|
|
||||||
### Journey Tracking
|
### Track User Journeys
|
||||||
|
|
||||||
Track user journeys to understand the context of errors:
|
|
||||||
|
|
||||||
```typescript
|
```typescript
|
||||||
|
// Start a journey
|
||||||
|
const journey = IronTelemetry.startJourney('checkout', { userId: 'user-123' });
|
||||||
|
|
||||||
|
// Add steps
|
||||||
|
journey.step('add_to_cart', { productId: 'prod-456' });
|
||||||
|
journey.step('enter_shipping');
|
||||||
|
journey.step('enter_payment');
|
||||||
|
|
||||||
|
// Complete or fail
|
||||||
|
journey.complete(); // or journey.fail('Payment declined');
|
||||||
|
```
|
||||||
|
|
||||||
|
### Add Breadcrumbs
|
||||||
|
|
||||||
|
```typescript
|
||||||
|
IronTelemetry.addBreadcrumb({
|
||||||
|
category: 'user',
|
||||||
|
message: 'Clicked checkout button',
|
||||||
|
level: 'info',
|
||||||
|
});
|
||||||
|
```
|
||||||
|
|
||||||
|
### Set User Context
|
||||||
|
|
||||||
|
```typescript
|
||||||
|
IronTelemetry.setUser({
|
||||||
|
id: 'user-123',
|
||||||
|
email: 'user@example.com',
|
||||||
|
name: 'John Doe',
|
||||||
|
});
|
||||||
|
```
|
||||||
|
|
||||||
|
## Framework Integrations
|
||||||
|
|
||||||
|
### Express.js
|
||||||
|
|
||||||
|
```typescript
|
||||||
|
import express from 'express';
|
||||||
import IronTelemetry from '@ironservices/telemetry';
|
import IronTelemetry from '@ironservices/telemetry';
|
||||||
|
|
||||||
// Track a complete user journey
|
const app = express();
|
||||||
{
|
|
||||||
using journey = IronTelemetry.startJourney('Checkout Flow');
|
|
||||||
|
|
||||||
IronTelemetry.setUser('user-123', 'user@example.com');
|
// Add error handler
|
||||||
|
app.use(IronTelemetry.express.errorHandler());
|
||||||
|
```
|
||||||
|
|
||||||
{
|
### React
|
||||||
using step = IronTelemetry.startStep('Validate Cart', 'business');
|
|
||||||
validateCart();
|
|
||||||
}
|
|
||||||
|
|
||||||
{
|
```typescript
|
||||||
using step = IronTelemetry.startStep('Process Payment', 'business');
|
import { ErrorBoundary } from '@ironservices/telemetry/react';
|
||||||
processPayment();
|
|
||||||
}
|
|
||||||
|
|
||||||
{
|
function App() {
|
||||||
using step = IronTelemetry.startStep('Send Confirmation', 'notification');
|
return (
|
||||||
sendConfirmationEmail();
|
<ErrorBoundary fallback={<ErrorPage />}>
|
||||||
}
|
<MyApp />
|
||||||
|
</ErrorBoundary>
|
||||||
|
);
|
||||||
}
|
}
|
||||||
```
|
```
|
||||||
|
|
||||||
Any exceptions captured during the journey are automatically correlated.
|
## Configuration Options
|
||||||
|
|
||||||
## Configuration
|
|
||||||
|
|
||||||
```typescript
|
```typescript
|
||||||
import IronTelemetry from '@ironservices/telemetry';
|
IronTelemetry.init('https://pk_live_xxx@irontelemetry.com', {
|
||||||
|
|
||||||
IronTelemetry.init({
|
|
||||||
dsn: 'https://pk_live_xxx@irontelemetry.com',
|
|
||||||
environment: 'production',
|
environment: 'production',
|
||||||
appVersion: '1.2.3',
|
release: '1.0.0',
|
||||||
sampleRate: 1.0, // 100% of events
|
sampleRate: 1.0,
|
||||||
debug: false,
|
beforeSend: (event) => {
|
||||||
beforeSend: (event) => !event.message?.includes('expected error'),
|
// Filter or modify events
|
||||||
|
return event;
|
||||||
|
},
|
||||||
});
|
});
|
||||||
```
|
```
|
||||||
|
|
||||||
### Configuration Options
|
## Documentation
|
||||||
|
|
||||||
| Option | Type | Default | Description |
|
For complete documentation, visit [irontelemetry.com/docs](https://irontelemetry.com/docs).
|
||||||
|--------|------|---------|-------------|
|
|
||||||
| `dsn` | string | required | Your Data Source Name |
|
|
||||||
| `environment` | string | 'production' | Environment name |
|
|
||||||
| `appVersion` | string | '0.0.0' | Application version |
|
|
||||||
| `sampleRate` | number | 1.0 | Sample rate (0.0 to 1.0) |
|
|
||||||
| `maxBreadcrumbs` | number | 100 | Max breadcrumbs to keep |
|
|
||||||
| `debug` | boolean | false | Enable debug logging |
|
|
||||||
| `beforeSend` | function | - | Hook to filter/modify events |
|
|
||||||
| `enableOfflineQueue` | boolean | true | Enable offline queue |
|
|
||||||
| `maxOfflineQueueSize` | number | 500 | Max offline queue size |
|
|
||||||
|
|
||||||
## Features
|
## Other SDKs
|
||||||
|
|
||||||
- **Automatic Exception Capture**: Capture and report exceptions with full stack traces
|
| Platform | Package |
|
||||||
- **Journey Tracking**: Track user flows and correlate errors with context
|
|----------|---------|
|
||||||
- **Breadcrumbs**: Leave a trail of events leading up to an error
|
| .NET | [IronTelemetry.Client](https://git.marketally.com/ironservices/irontelemetry-dotnet) |
|
||||||
- **User Context**: Associate errors with specific users
|
| Python | [irontelemetry](https://git.marketally.com/ironservices/irontelemetry-python) |
|
||||||
- **Tags & Extras**: Add custom metadata to your events
|
| Go | [irontelemetry-go](https://git.marketally.com/ironservices/irontelemetry-go) |
|
||||||
- **Offline Queue**: Events are queued when offline and sent when connectivity returns
|
| Java | [irontelemetry-java](https://git.marketally.com/ironservices/irontelemetry-java) |
|
||||||
- **Sample Rate**: Control the volume of events sent
|
| Rust | [irontelemetry](https://git.marketally.com/ironservices/irontelemetry-rust) |
|
||||||
- **Before Send Hook**: Filter or modify events before sending
|
|
||||||
|
|
||||||
## Breadcrumbs
|
## Support
|
||||||
|
|
||||||
```typescript
|
- **Documentation**: [irontelemetry.com/docs](https://irontelemetry.com/docs)
|
||||||
// Add breadcrumbs to understand what happened before an error
|
- **Email**: dev@ironservices.io
|
||||||
IronTelemetry.addBreadcrumb('User clicked checkout button', 'ui');
|
- **Issues**: [git.marketally.com/ironservices/irontelemetry-js/issues](https://git.marketally.com/ironservices/irontelemetry-js/issues)
|
||||||
IronTelemetry.addBreadcrumb('Payment API called', 'http');
|
|
||||||
|
|
||||||
// Or with full control
|
|
||||||
IronTelemetry.addBreadcrumb({
|
|
||||||
category: 'auth',
|
|
||||||
message: 'User logged in',
|
|
||||||
level: 'info',
|
|
||||||
data: { userId: '123' },
|
|
||||||
});
|
|
||||||
```
|
|
||||||
|
|
||||||
## Global Exception Handling
|
|
||||||
|
|
||||||
```typescript
|
|
||||||
import IronTelemetry, { useUnhandledExceptionHandler } from '@ironservices/telemetry';
|
|
||||||
|
|
||||||
IronTelemetry.init('your-dsn');
|
|
||||||
useUnhandledExceptionHandler();
|
|
||||||
```
|
|
||||||
|
|
||||||
This sets up handlers for:
|
|
||||||
- Browser: `window.onerror` and `unhandledrejection`
|
|
||||||
- Node.js: `uncaughtException` and `unhandledRejection`
|
|
||||||
|
|
||||||
## Helper Methods
|
|
||||||
|
|
||||||
```typescript
|
|
||||||
import { trackStep, trackStepAsync } from '@ironservices/telemetry';
|
|
||||||
|
|
||||||
// Track a step with automatic error handling
|
|
||||||
trackStep('Process Order', () => {
|
|
||||||
processOrder();
|
|
||||||
});
|
|
||||||
|
|
||||||
// Async version
|
|
||||||
await trackStepAsync('Fetch Data', async () => {
|
|
||||||
await fetchData();
|
|
||||||
});
|
|
||||||
|
|
||||||
// With return value
|
|
||||||
const result = trackStep('Calculate Total', () => {
|
|
||||||
return calculateTotal();
|
|
||||||
});
|
|
||||||
```
|
|
||||||
|
|
||||||
## Flushing
|
|
||||||
|
|
||||||
```typescript
|
|
||||||
// Flush pending events before app shutdown
|
|
||||||
await IronTelemetry.flush();
|
|
||||||
```
|
|
||||||
|
|
||||||
## TypeScript Support
|
|
||||||
|
|
||||||
This package is written in TypeScript and includes full type definitions:
|
|
||||||
|
|
||||||
```typescript
|
|
||||||
import IronTelemetry, {
|
|
||||||
TelemetryOptions,
|
|
||||||
TelemetryEvent,
|
|
||||||
Breadcrumb,
|
|
||||||
SeverityLevel
|
|
||||||
} from '@ironservices/telemetry';
|
|
||||||
```
|
|
||||||
|
|
||||||
## Browser Support
|
|
||||||
|
|
||||||
Works in all modern browsers (Chrome, Firefox, Safari, Edge) and Node.js 16+.
|
|
||||||
|
|
||||||
## License
|
## License
|
||||||
|
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue