Merge pull request #386 from samuel-rl/update-example-file-picker

docs: drop rn document picker for expo one in the example

Author: ball-hayden

example/app.json

@@ -20,6 +20,11 @@
         "ACCESS_FINE_LOCATION",
         "ACCESS_COARSE_LOCATION"
       ]
-    }
+    },
+    "plugins": [
+      [
+        "expo-document-picker"
+      ]
+    ]
   }
 }

example/package.json

@@ -13,13 +13,13 @@
   "dependencies": {
     "@playerdata/react-native-mcu-manager": "workspace:*",
     "expo": "51.0.36",
+    "expo-document-picker": "^12.0.2",
     "expo-splash-screen": "0.27.6",
     "expo-status-bar": "1.12.1",
     "lodash": "4.17.21",
     "react": "18.3.1",
     "react-native": "0.74.5",
     "react-native-ble-plx": "3.2.1",
-    "react-native-document-picker": "9.3.1",
     "react-native-get-random-values": "1.11.0",
     "react-native-toast-message": "2.2.1"
   },

example/src/useFilePicker.ts

@@ -1,7 +1,5 @@
+import * as DocumentPicker from 'expo-document-picker';
 import { useState } from 'react';
-import { Platform } from 'react-native';
-import DocumentPicker from 'react-native-document-picker';
-import type { DocumentPickerResponse } from 'react-native-document-picker';
 
 export interface SelectedFile {
   uri: string;
@@ -17,37 +15,20 @@ const useFilePicker = (): {
   const [filePickerError, setError] = useState<string | null>(null);
 
   const pickFile = async () => {
-    let result: DocumentPickerResponse | null = null;
-    let fileDelimiter: string | null = null;
     try {
-      if (Platform.OS === 'ios') {
-        fileDelimiter = '%2F';
-        result = await DocumentPicker.pickSingle({
-          allowMultiSelection: false,
-          type: ['public.data'],
-          copyTo: 'cachesDirectory',
-        });
-      }
-      if (Platform.OS === 'android') {
-        fileDelimiter = '/';
-        result = await DocumentPicker.pickSingle({
-          allowMultiSelection: false,
-          type: ['*/*'],
-        });
-      }
-
-      if (result == null || fileDelimiter == null) {
-        throw new Error('Failed to pick a file, is your OS supported?');
-      }
+      const pickedFile = await DocumentPicker.getDocumentAsync();
 
-      const uri = result.fileCopyUri ? result.fileCopyUri : result.uri;
-      setSelectedFile({ uri, name: uri.split(fileDelimiter).slice(-1)[0] });
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    } catch (err: any) {
-      if (!DocumentPicker.isCancel(err)) {
-        setSelectedFile(null);
-        setError(err.message);
+      const assets = pickedFile.assets;
+      if (!assets) {
+        return;
       }
+      const file = assets[0];
+      setSelectedFile({
+        uri: file.uri,
+        name: file.name || '',
+      });
+    } catch (error) {
+      setError(JSON.stringify(error));
     }
   };