React Native Integration

npm install @codmir/sdk

// App.tsx
import * as Codmir from '@codmir/sdk/react-native';

Codmir.init({
  dsn: 'https://your-project.codmir.com/api/overseer',
  captureNativeCrashes: true,
  trackScreenViews: true,
});

export default function App() {
  return <YourApp />;
}

import { init } from '@codmir/sdk/react-native';

init({
  dsn: process.env.CODMIR_DSN,

  // Native crash capture (default: true)
  captureNativeCrashes: true,

  // Screen view tracking (default: true)
  trackScreenViews: true,

  // App state change tracking (default: true)
  trackAppState: true,

  // Include device metadata (default: true)
  includeDeviceInfo: true,
});

import { setDeviceInfo } from '@codmir/sdk/react-native';
import DeviceInfo from 'react-native-device-info';

setDeviceInfo({
  platform: Platform.OS as 'ios' | 'android',
  osVersion: Platform.Version.toString(),
  deviceModel: await DeviceInfo.getModel(),
  appVersion: DeviceInfo.getVersion(),
  buildNumber: DeviceInfo.getBuildNumber(),
  isEmulator: await DeviceInfo.isEmulator(),
});

import { trackScreenView } from '@codmir/sdk/react-native';

// Call from your navigation listener
trackScreenView('HomeScreen');
trackScreenView('ProfileScreen', { userId: 'u_123' });

import { createNavigationListener } from '@codmir/sdk/react-native';
import { NavigationContainer } from '@react-navigation/native';

function App() {
  return (
    <NavigationContainer onStateChange={createNavigationListener()}>
      <Stack.Navigator>{/* screens */}</Stack.Navigator>
    </NavigationContainer>
  );
}

import { trackAppStateChange } from '@codmir/sdk/react-native';
import { AppState } from 'react-native';

AppState.addEventListener('change', (nextState) => {
  trackAppStateChange(nextState);
});

import { createErrorBoundary } from '@codmir/sdk/react-native';
import React from 'react';

const ErrorBoundary = createErrorBoundary(React);

export default function App() {
  return (
    <ErrorBoundary
      fallback={<ErrorScreen />}
      onError={(error, componentStack) => {
        console.log('Caught by boundary:', error.message);
      }}
    >
      <YourApp />
    </ErrorBoundary>
  );
}

import {
  captureException,
  captureMessage,
  setUser,
  addBreadcrumb,
} from '@codmir/sdk/react-native';

setUser({ id: 'user-123', email: 'user@example.com' });

addBreadcrumb({
  category: 'user.action',
  message: 'Tapped purchase button',
  data: { productId: 'prod-456' },
});

try {
  await purchaseItem(productId);
} catch (error) {
  captureException(error, {
    extra: { productId, screen: 'ProductDetail' },
  });
}

import type {
  ReactNativeConfig,
  DeviceInfo,
  ErrorBoundaryProps,
  OverseerConfig,
  UserContext,
  Breadcrumb,
} from '@codmir/sdk/react-native';