JavaScript Integration

Installation

Add the RocketGraph SDK to your HTML:

<script src="https://cdn.rocketgraph.io/sdk/latest/rocketgraph.min.js"></script>

Quick Start

Initialize the SDK in your JavaScript code:

const rocket = new RocketGraph({
  apiKey: 'your-api-key',
  projectId: 'your-project-id'
});

// Start monitoring
rocket.start();

Browser Support

The SDK supports all modern browsers:

• Chrome (latest)
• Firefox (latest)
• Safari (latest)
• Edge (latest)

Features

• Automatic error tracking
• Performance monitoring
• User session tracking
• Network request monitoring
• Browser console logging

Examples

Custom Event Tracking

rocket.track('page_view', {
  path: window.location.pathname,
  referrer: document.referrer,
  timestamp: new Date()
});

Error Tracking

window.addEventListener('error', (event) => {
  rocket.captureError(event.error);
});

Performance Monitoring

// Track page load performance
window.addEventListener('load', () => {
  const perf = performance.timing;
  rocket.track('page_load', {
    loadTime: perf.loadEventEnd - perf.navigationStart,
    domReady: perf.domContentLoadedEventEnd - perf.navigationStart
  });
});