App.tsx

import 'react-native-gesture-handler';
import {gestureHandlerRootHOC} from 'react-native-gesture-handler';
import {
  MD3DarkTheme as DefaultTheme,
  Provider as PaperProvider,
} from 'react-native-paper';
import {StatusBar} from 'expo-status-bar';
import {DrawerNav} from './src/components/DrawerNav';
import {useEffect, useState} from 'react';
import {
  snapshotWorker,
  simulateRealtimeDataWorker,
  getOrCreateRealtimeRecord,
  hrService,
  powerService,
} from './src/lib/data';
import Loading from './src/components/Loading';
import {locationWorker} from './src/lib/location';
import {Alert} from 'react-native';
import {NavigationContainer, DarkTheme} from '@react-navigation/native';
import {navigationRef} from './src/lib/navigation';
import {StravaProvider} from './src/lib/StravaContext';
import * as strava from './src/lib/strava';
import {isDevice} from 'expo-device';
import {useKeepAwake} from 'expo-keep-awake';
import * as Sentry from 'sentry-expo';
import 'react-native-gesture-handler';
import Constants from './src/constants';
import Mapbox from '@rnmapbox/maps';
import {ble} from './src/lib/sensor';

Mapbox.setAccessToken(Constants.mapboxPublicToken);

Sentry.init({
  dsn: 'https://ecb57b595dcd4aa9bd4c4c56d015381f@o478080.ingest.sentry.io/4504984718934016',
  // only enable on device in development.
  // don't want emulator errors
  enableInExpoDevelopment:
    process.env.APP_VARIANT === 'preview' ||
    process.env.APP_VARIANT === 'production',
  debug: true, // If `true`, Sentry will try to print out useful debugging information if something goes wrong with sending the event. Set it to `false` in production
});

function App() {
  // hasBooted is a flag for all required vars
  // needed before mounting app.
  const [hasBooted, setHasBooted] = useState(false);
  // Set shouldTrack based on if we want GPS location trackin on or not
  // keep the screen awake so our services can run.
  useKeepAwake();

  const [stravaToken, setStravaToken] = useState<strava.Token | null>(null);

  useEffect(() => {
    const startServicesAndTasks = async () => {
      try {
        await ble.requestPermissions();
        await ble.start();
      } catch (err) {
        console.log(err);
      }

      console.log('ble', await ble.checkState());

      try {
        // todo we should check settings
        // before launching if shouldTrack = false
        await locationWorker.start();
      } catch (e) {
        Alert.alert('Error getting location');
      }

      // Ensure that the realtime row is setup
      // before we run any async services.
      await getOrCreateRealtimeRecord();

      if (!isDevice) {
        // this only runs in the emulator
        await simulateRealtimeDataWorker.start(3000);
      }

      await snapshotWorker.start(1000);

      const token = await strava.loadToken();
      setStravaToken(token);

      setHasBooted(true);

      // Start our bluetooth services
      try {
        await hrService.start();
      } catch (err) {
        console.log(err);
      }

      try {
        await powerService.start();
      } catch (err) {
        console.log(err);
      }

      console.log('App has booted successfully.');
    };

    startServicesAndTasks(); // run it

    return () => {
      simulateRealtimeDataWorker.stop();
      snapshotWorker.stop();
      hrService.stop();
      powerService.stop();
      // this now gets called when the component unmounts
    };
  }, []);

  if (!hasBooted) {
    // TODO style splash screen
    return <Loading />;
  }

  return (
    <PaperProvider theme={DefaultTheme}>
      <StatusBar hidden />
      <StravaProvider stravaToken={stravaToken}>
        <NavigationContainer theme={DarkTheme} ref={navigationRef}>
          <DrawerNav />
        </NavigationContainer>
      </StravaProvider>
    </PaperProvider>
  );
}

export default Sentry.Native.wrap(gestureHandlerRootHOC(App));