React Native Upload

import { Alert } from 'react-native';
import { UploadError, UploadOptions, uploadTraceToApi } from '@flamedeck/upload';
import * as FileSystem from 'expo-file-system'; // For Expo projects
import { startProfiling, stopProfiling } from 'react-native-release-profiler';

// Helper function to convert base64 to ArrayBuffer
const base64ToArrayBuffer = (base64: string): ArrayBuffer => {
  const binaryString = atob(base64); // atob is available in React Native
  const len = binaryString.length;
  const bytes = new Uint8Array(len);
  for (let i = 0; i < len; i++) {
    bytes[i] = binaryString.charCodeAt(i);
  }
  return bytes.buffer;
};

// Function to capture and upload a profile
const captureAndUploadProfile = async () => {
  Alert.alert('Profiling Started', 'An operation is now being profiled.');
  try {
    startProfiling();

    // --- Your Code to Profile Starts ---
    // Example: Simulate a heavy computation or a specific app flow
    // Replace this with the actual operations you want to measure
    for (let i = 0; i < 50000000; i++) {
      // This loop will take some time
    }
    // --- Your Code to Profile Ends ---

    const profilePath = await stopProfiling(true); // true to auto-generate a file name

    if (profilePath) {
      const apiKey = 'YOUR_FLAMEDECK_API_KEY'; // Replace with your actual API key
      const fileUri = `file://${profilePath}`;

      const fileInfo = await FileSystem.getInfoAsync(fileUri);
      if (!fileInfo.exists) {
        throw new Error('Trace file does not exist at the reported path.');
      }
      if (fileInfo.size === 0) {
        throw new Error('Trace file is empty. Profiling might not have captured data.');
      }

      const base64Data = await FileSystem.readAsStringAsync(fileUri, {
        encoding: FileSystem.EncodingType.Base64,
      });
      if (!base64Data) {
        throw new Error('Failed to read trace file as base64.');
      }

      const traceData = base64ToArrayBuffer(base64Data);
      if (traceData.byteLength === 0) {
        throw new Error(
          'Converted ArrayBuffer is empty. Problem with base64 conversion or original data.'
        );
      }

      const fileName = profilePath.substring(profilePath.lastIndexOf('/') + 1);

      const options: UploadOptions = {
        apiKey: apiKey,
        traceData: traceData,
        fileName: fileName,
        scenario: 'React Native Performance Profile', // Customize as needed
        notes: 'Trace captured from a React Native app using react-native-release-profiler.',
        public: false, // Set to true if you want the trace to be publicly accessible
      };

      const result = await uploadTraceToApi(options);
      Alert.alert(
        'Upload Successful',
        `Trace uploaded!\nID: ${result.id}\nView: ${result.viewUrl}`
      );
    } else {
      Alert.alert('Profiling Failed', 'Could not get profile path.');
    }
  } catch (error) {
    console.error('Profiling or Upload Error:', error);
    let alertMessage = 'An unexpected error occurred.';
    if (error instanceof UploadError) {
      alertMessage = `Flamedeck Upload Error: ${error.message} (Status: ${error.status})`;
      if (error.details) console.error('Flamedeck Details:', error.details);
    } else if (error instanceof Error) {
      alertMessage = error.message;
    }
    Alert.alert('Error', alertMessage);
  }
};