Merge pull request #25 from thinkocapo/success-tracing

Success tracing

Author: thinkocapo

github_release.sh

@@ -1,3 +1,15 @@
+# If you have an env file, and you've set SE variable to something
+# other than tda, prevent the release from happening
+if [ -f ".env" ]
+then
+    export $(cat .env | xargs) # Set env vars from .env file so they're accessible
+    if [[ $SE && $SE != 'tda' ]]
+    then
+        printf "Your SE environment variable is set to $SE.\nThe SE variable must be set to tda to create a release.\nPlease change it in your env file and try again."
+        exit
+    fi
+fi
+
 PACKAGE_VERSION=$(node -p -e "require('./package.json').version")
 REPO=sentry-demos/sentry_react_native
 

src/App.tsx

@@ -23,6 +23,7 @@ import Toast from 'react-native-toast-message';
 import {store} from './reduxApp';
 import {DSN} from './config';
 import {SE} from '@env'; // SE is undefined if no .env file is set
+console.log("> SE", SE)
 
 const reactNavigationV5Instrumentation = new Sentry.ReactNavigationV5Instrumentation(
   {

src/screens/CartScreen.tsx

@@ -124,6 +124,10 @@ const CartScreen = ({navigation}) => {
     return response;
   };
 
+  React.useEffect(() => {
+    fetch(`${BACKEND_URL}/success`) // exists just to add span data to demo
+  }, []);
+
   return (
     <View style={styles.screen}>
       <View style={styles.titleContainer}>

src/screens/CheckoutScreen.tsx

@@ -15,7 +15,6 @@ import Toast from 'react-native-toast-message';
 import {AppDispatch, RootState} from '../reduxApp';
 import {GradientBtn} from './CartScreen';
 import {BACKEND_URL} from '../config';
-// import {API_URL} from 'react-native-dotenv'
 
 export type UIToast = typeof Toast;
 
@@ -158,6 +157,10 @@ const CheckoutScreen = (props) => {
       )
     }
 
+    React.useEffect(() => {
+      fetch(`${BACKEND_URL}/success`) // exists just to add span data to demo
+    }, []);
+  
     return (
         <View style={styles.screen}>
             <Text

src/screens/EmpowerPlant.tsx

@@ -74,7 +74,6 @@ const EmpowerPlant = ({navigation}) => {
   }, [navigation]);
 
   React.useEffect(() => {
-    fetch(`${BACKEND_URL}/success`) // exists just to add span data to demo
     loadData(); // this line is not blocking
   }, []);
 
@@ -176,9 +175,7 @@ const ProductItem = (props: {
   imgcropped: string;
   appDispatch: AppDispatch;
 }): React.ReactElement => {
-  React.useEffect(() => {
-    fetch(`${BACKEND_URL}/success`) // exists just to add span data to demo
-  }, []);
+
   return (
     <View style={styles.statisticContainer}>
       <View style={styles.card}>{selectImage(props.imgcropped)}</View>

src/screens/HomeScreen.tsx

@@ -9,18 +9,14 @@ import {
   View,
 } from 'react-native';
 import {StackNavigationProp} from '@react-navigation/stack';
-import {
-  CommonActions,
-  useNavigation,
-  useNavigationState,
-} from '@react-navigation/native';
+import { CommonActions } from '@react-navigation/native';
 
 import * as Sentry from '@sentry/react-native';
 
 const globalAny:any = global;
 
 import {getTestProps} from '../../utils/getTestProps';
-import {DSN} from '../config';
+import {DSN, BACKEND_URL} from '../config';
 
 interface Props {
   navigation: StackNavigationProp<any, 'HomeScreen'>;
@@ -34,7 +30,8 @@ const HomeScreen = (props: Props) => {
 
   const setScopeProps = () => {
     const dateString = new Date().toString();
-
+    
+    // user info was already set in App.tsx
     Sentry.setUser({
       id: 'test-id-0',
       email: '[email protected]',
@@ -111,6 +108,10 @@ const HomeScreen = (props: Props) => {
     console.log('Test scope properties were set.');
   };
 
+  React.useEffect(() => { 
+    fetch(`${BACKEND_URL}/success`)
+  }, []);
+
   return (
     <>
       <StatusBar barStyle="dark-content" />