chore: fix sample app build

1fabiopereira · Jun 19, 2023 · 94bc786 · 94bc786
1 parent 6d2446b
commit 94bc786
Show file tree

Hide file tree

Showing 4 changed files with 278 additions and 46 deletions.
diff --git a/sample/android/app/src/main/java/com/example/reactnativepdfextractor/MainApplication.java b/sample/android/app/src/main/java/com/example/reactnativepdfextractor/MainApplication.java
@@ -16,7 +16,7 @@ public class MainApplication extends Application implements ReactApplication {
       new ReactNativeHost(this) {
         @Override
         public boolean getUseDeveloperSupport() {
-          return false;
+          return true;
         }
 
         @Override

diff --git a/sample/package.json b/sample/package.json
@@ -16,6 +16,7 @@
   "devDependencies": {
     "@babel/core": "^7.18.2",
     "@babel/runtime": "^7.18.3",
+    "@react-native-community/cli-platform-android": "^11.3.2",
     "@types/react-native-document-picker": "^3.1.1",
     "babel-plugin-module-resolver": "^4.1.0",
     "metro-react-native-babel-preset": "^0.71.1"

diff --git a/sample/src/App.tsx b/sample/src/App.tsx
@@ -1,9 +1,9 @@
-/* eslint-disable react-hooks/exhaustive-deps */
-import React, { useEffect, useState, memo } from 'react';
+import React, { useState, memo } from 'react';
 import { Button, FlatList, StyleSheet, Text, View } from 'react-native';
 import DocumentPicker from 'react-native-document-picker';
 
 import { Extractor, Patterns } from '../..';
+import { TransientObject } from '../../src/types';
 
 const App: React.FC = (): JSX.Element => {
   const [isEncrypted, setIsEncrypted] = useState<boolean | undefined>(false);
@@ -12,45 +12,23 @@ const App: React.FC = (): JSX.Element => {
   const [uri, setUri] = useState<string | undefined>();
   const [time, setTime] = useState<string | undefined>();
 
-  function selectFile() {
-    (async () => {
-      const response = await DocumentPicker.pickSingle({
-        presentationStyle: 'fullScreen',
-        copyTo: 'cachesDirectory',
-        type: 'application/pdf',
-      });
+  const selectFile = async () => {
+    const data = await DocumentPicker.pickSingle({
+      presentationStyle: 'fullScreen',
+      copyTo: 'cachesDirectory',
+      type: 'application/pdf',
+    });
 
-      extract(response.uri);
-    })();
-  }
+    setUri(data.uri);
+  };
 
-  function apply(response: any) {
-    setPages(response.pages);
-    setIsEncrypted(response.isEncrypted);
-    setUri(response.uri);
-    setTime(response.duration);
-    setResult(response.text as string[]);
-  }
-
-  function extractFromIntent() {
-    (async () => {
-      const response = await Extractor.extractFromIntent(
-        Patterns.Brazil.BankSlip
-      );
-      apply(response);
-    })();
-  }
-
-  function extract(path: string) {
-    (async () => {
-      const response = await Extractor.extract(path, Patterns.Brazil.BankSlip);
-      apply(response);
-    })();
-  }
-
-  useEffect(() => {
-    extractFromIntent();
-  }, []);
+  const onResult = (data: TransientObject) => {
+    setPages(data.pages);
+    setIsEncrypted(data.isEncrypted);
+    setUri(data.uri);
+    setTime(data.duration);
+    setResult(data.text as string[]);
+  };
 
   return (
     <View style={styles.container}>
@@ -61,11 +39,16 @@ const App: React.FC = (): JSX.Element => {
       <Text>{`Execution time: ${time}`}</Text>
       <Text>Result:</Text>
       <FlatList
-        style={{}}
         data={result || []}
         keyExtractor={(item) => item}
         renderItem={({ item }: { item: string }) => <Text>{item}</Text>}
       />
+      <Extractor
+        onResult={onResult}
+        patterns={Patterns.Brazil.BankSlip}
+        uri={uri}
+        fromIntent
+      />
     </View>
   );
 };