fixup! feat: adding settings capabilities

Author: ball-hayden

example/app/_layout.tsx

@@ -1,9 +1,13 @@
 import { Tabs } from 'expo-router';
 import 'react-native-reanimated';
 
-export default function Home() {
+export default function Root() {
   return (
     <Tabs>
+      <Tabs.Screen
+        name="index"
+        options={{ title: 'Home' }}
+      />
       <Tabs.Screen
         name="update"
         options={{ title: 'Update' }}

example/app/index.tsx

@@ -0,0 +1,10 @@
+import React from 'react';
+import { Text, View } from 'react-native';
+
+export default function Home() {
+  return (
+    <View>
+      <Text>Use the tabs below to choose which function to test</Text>
+    </View>
+  );
+}

example/app/settings.tsx

@@ -40,6 +40,7 @@ export default function settings() {
     null
   );
 
+  const [settingError, setSettingError] = useState<string | null>(null);
   const [settingName, setSettingName] = useState<string>('');
   const [settingValue, setSettingValue] = useState<string>('');
 
@@ -106,31 +107,52 @@ export default function settings() {
           <TextInput
             value={settingValue || ''}
             onChangeText={setSettingValue}
-            placeholder="Enter setting name"
+            placeholder="Enter setting value"
           />
         </View>
 
+        {settingError && (
+          <View style={styles.block}>
+            <Text>{settingError}</Text>
+          </View>
+        )}
+
         <View style={styles.block}>
           <Button
             onPress={async () => {
-              const valueB64 = await readSetting(selectedDeviceId, settingName);
-              const decodedValue = Buffer.from(valueB64, 'base64').toString(
-                'binary'
-              );
-              setSettingValue(decodedValue);
+              try {
+                const valueB64 = await readSetting(selectedDeviceId, settingName);
+                const decodedValue = Buffer.from(valueB64, 'base64').toString(
+                  'binary'
+                );
+                setSettingValue(decodedValue);
+              } catch (error) {
+                if (error instanceof Error) {
+                  setSettingError(error.message);
+                } else {
+                  setSettingError('An unknown error occurred');
+                }
+              }
             }}
             title="Read Setting"
           />
         </View>
 
         <View style={styles.block}>
-          <Text>{settingValue}</Text>
           <Button
             onPress={async () => {
-              const encodedValue = Buffer.from(settingValue, 'binary').toString(
-                'base64'
-              );
-              await writeSetting(selectedDeviceId, settingName, encodedValue);
+              try {
+                const encodedValue = Buffer.from(settingValue, 'binary').toString(
+                  'base64'
+                );
+                await writeSetting(selectedDeviceId, settingName, encodedValue);
+              } catch (error) {
+                if (error instanceof Error) {
+                  setSettingError(error.message);
+                } else {
+                  setSettingError('An unknown error occurred');
+                }
+              }
             }}
             title="Write Setting"
           />

example/package.json

@@ -14,16 +14,16 @@
   "dependencies": {
     "@playerdata/react-native-mcu-manager": "workspace:*",
     "expo": "^52.0.25",
-    "expo-build-properties": "0.12.5",
+    "expo-build-properties": "0.13.2",
     "expo-constants": "~17.0.4",
     "expo-document-picker": "13.0.2",
-    "expo-linking": "~7.0.4",
-    "expo-router": "~4.0.16",
+    "expo-linking": "7.0.4",
+    "expo-router": "4.0.16",
     "expo-splash-screen": "0.29.20",
     "expo-status-bar": "~2.0.1",
     "lodash": "4.17.21",
     "react": "18.3.1",
-    "react-native": "0.76.3",
+    "react-native": "0.76.6",
     "react-native-ble-plx": "3.4.0",
     "react-native-reanimated": "^3.16.7",
     "react-native-safe-area-context": "4.12.0",