feat: split up regular and credo flow

Signed-off-by: Berend Sliedrecht <[email protected]>
animo · Sep 26, 2024 · 8640fdb · 8640fdb
1 parent ece1994
commit 8640fdb
Show file tree

Hide file tree

Showing 7 changed files with 117 additions and 134 deletions.
diff --git a/example/src/App.tsx b/example/src/App.tsx
@@ -1,64 +1,37 @@
-import { isBleEnabled } from '@animo-id/react-native-ble-didcomm'
-import * as React from 'react'
-import { Alert, Button, PermissionsAndroid, Platform, StyleSheet, Text, View } from 'react-native'
-import { Central } from './Central'
-import { Peripheral } from './Peripheral'
-import { Spacer } from './Spacer'
+import React, { type ReactElement, useState } from 'react'
+import { Button, StyleSheet, View } from 'react-native'
 
-const requestPermissions = async () => {
-  await PermissionsAndroid.requestMultiple([
-    'android.permission.ACCESS_FINE_LOCATION',
-    'android.permission.BLUETOOTH_CONNECT',
-    'android.permission.BLUETOOTH_SCAN',
-    'android.permission.BLUETOOTH_ADVERTISE',
-    'android.permission.ACCESS_COARSE_LOCATION',
-  ])
-}
+import { Spacer } from './Spacer'
+import { RegularScreen } from './regular/Screen'
 
 export const App = () => {
-  const [isCentral, setIsCentral] = React.useState<boolean>(false)
-  const [isPeripheral, setIsPeripheral] = React.useState<boolean>(false)
+  const [flow, setFlow] = useState<'regular' | 'credo'>(undefined)
+
+  let component: ReactElement
 
-  const asCentral = () => setIsCentral(true)
+  if (!flow) {
+    component = (
+      <>
+        <Button title="credo flow" onPress={() => setFlow('credo')} />
+        <Spacer />
+        <Button title="regular flow" onPress={() => setFlow('regular')} />
+      </>
+    )
+  }
 
-  const asPeripheral = () => setIsPeripheral(true)
+  if (flow === 'regular') {
+    component = <RegularScreen />
+  }
+
+  if (flow === 'credo') {
+    component = <RegularScreen />
+  }
 
   return (
     <View style={styles.container}>
-      <Text>foo Bluetooth demo screen. role: {isCentral ? 'central' : isPeripheral ? 'peripheral' : 'none'}</Text>
-      <Spacer />
-      <Button title="is ble enabled :)" onPress={() => isBleEnabled().then(console.log)} />
+      <Button title="reset" onPress={() => setFlow(undefined)} />
       <Spacer />
-      {Platform.OS === 'android' && (
-        <Button
-          title="requestPermissions"
-          onPress={async () => {
-            await requestPermissions()
-          }}
-        />
-      )}
-      <Spacer />
-      {(isCentral || isPeripheral) && (
-        <>
-          <Button
-            title="Back"
-            onPress={() => {
-              setIsCentral(false)
-              setIsPeripheral(false)
-            }}
-          />
-          <Spacer />
-        </>
-      )}
-      {!isCentral && !isPeripheral && (
-        <>
-          <Button title="Central" onPress={asCentral} />
-          <Spacer />
-          <Button title="Peripheral" onPress={asPeripheral} />
-        </>
-      )}
-      {isCentral && <Central />}
-      {isPeripheral && <Peripheral />}
+      {component}
     </View>
   )
 }
@@ -69,9 +42,4 @@ const styles = StyleSheet.create({
     alignItems: 'center',
     justifyContent: 'center',
   },
-  box: {
-    width: 60,
-    height: 60,
-    marginVertical: 20,
-  },
 })
diff --git a/example/src/RequestPermissions.tsx b/example/src/RequestPermissions.tsx
@@ -1,23 +1,11 @@
-import React from 'react'
-import { Button, PermissionsAndroid } from 'react-native'
+import { PermissionsAndroid } from 'react-native'
 
-export const RequestPermissions = () => {
-  const requestPermissions = async () => {
-    await PermissionsAndroid.requestMultiple([
-      'android.permission.ACCESS_FINE_LOCATION',
-      'android.permission.BLUETOOTH_CONNECT',
-      'android.permission.BLUETOOTH_SCAN',
-      'android.permission.BLUETOOTH_ADVERTISE',
-      'android.permission.ACCESS_COARSE_LOCATION',
-    ])
-  }
-
-  return (
-    <Button
-      title="requestPermissions"
-      onPress={async () => {
-        await requestPermissions()
-      }}
-    />
-  )
+export const requestPermissions = async () => {
+  await PermissionsAndroid.requestMultiple([
+    'android.permission.ACCESS_FINE_LOCATION',
+    'android.permission.BLUETOOTH_CONNECT',
+    'android.permission.BLUETOOTH_SCAN',
+    'android.permission.BLUETOOTH_ADVERTISE',
+    'android.permission.ACCESS_COARSE_LOCATION',
+  ])
 }
diff --git a/example/src/bigPresentationMsg.ts b/example/src/bigPresentationMsg.ts
diff --git a/example/src/presentationMsg.ts b/example/src/presentationMsg.ts
diff --git a/example/src/Central.tsx → example/src/regular/Central.tsx b/example/src/Central.tsx → example/src/regular/Central.tsx
@@ -14,7 +14,7 @@ import {
 import type React from 'react'
 import { useMemo, useState } from 'react'
 import { Button } from 'react-native'
-import { Spacer } from './Spacer'
+import { Spacer } from '../Spacer'
 
 const msg = 'Hello from Central!'
 

diff --git a/example/src/Peripheral.tsx → example/src/regular/Peripheral.tsx b/example/src/Peripheral.tsx → example/src/regular/Peripheral.tsx
@@ -13,7 +13,7 @@ import {
 import type React from 'react'
 import { useMemo, useState } from 'react'
 import { Button } from 'react-native'
-import { Spacer } from './Spacer'
+import { Spacer } from '../Spacer'
 
 const msg = 'Hello from peripheral!'