working on example home page

Author: mCodex

.prettierrc.js

@@ -2,83 +2,8 @@ apply plugin: "com.android.application"
 
 import com.android.build.OutputFile
 
-/**
- * The react.gradle file registers a task for each build variant (e.g. bundleDebugJsAndAssets
- * and bundleReleaseJsAndAssets).
- * These basically call `react-native bundle` with the correct arguments during the Android build
- * cycle. By default, bundleDebugJsAndAssets is skipped, as in debug/dev mode we prefer to load the
- * bundle directly from the development server. Below you can see all the possible configurations
- * and their defaults. If you decide to add a configuration block, make sure to add it before the
- * `apply from: "../../node_modules/react-native/react.gradle"` line.
- *
- * project.ext.react = [
- *   // the name of the generated asset file containing your JS bundle
- *   bundleAssetName: "index.android.bundle",
- *
- *   // the entry file for bundle generation. If none specified and
- *   // "index.android.js" exists, it will be used. Otherwise "index.js" is
- *   // default. Can be overridden with ENTRY_FILE environment variable.
- *   entryFile: "index.android.js",
- *
- *   // https://reactnative.dev/docs/performance#enable-the-ram-format
- *   bundleCommand: "ram-bundle",
- *
- *   // whether to bundle JS and assets in debug mode
- *   bundleInDebug: false,
- *
- *   // whether to bundle JS and assets in release mode
- *   bundleInRelease: true,
- *
- *   // whether to bundle JS and assets in another build variant (if configured).
- *   // See http://tools.android.com/tech-docs/new-build-system/user-guide#TOC-Build-Variants
- *   // The configuration property can be in the following formats
- *   //         'bundleIn${productFlavor}${buildType}'
- *   //         'bundleIn${buildType}'
- *   // bundleInFreeDebug: true,
- *   // bundleInPaidRelease: true,
- *   // bundleInBeta: true,
- *
- *   // whether to disable dev mode in custom build variants (by default only disabled in release)
- *   // for example: to disable dev mode in the staging build type (if configured)
- *   devDisabledInStaging: true,
- *   // The configuration property can be in the following formats
- *   //         'devDisabledIn${productFlavor}${buildType}'
- *   //         'devDisabledIn${buildType}'
- *
- *   // the root of your project, i.e. where "package.json" lives
- *   root: "../../",
- *
- *   // where to put the JS bundle asset in debug mode
- *   jsBundleDirDebug: "$buildDir/intermediates/assets/debug",
- *
- *   // where to put the JS bundle asset in release mode
- *   jsBundleDirRelease: "$buildDir/intermediates/assets/release",
- *
- *   // where to put drawable resources / React Native assets, e.g. the ones you use via
- *   // require('./image.png')), in debug mode
- *   resourcesDirDebug: "$buildDir/intermediates/res/merged/debug",
- *
- *   // where to put drawable resources / React Native assets, e.g. the ones you use via
- *   // require('./image.png')), in release mode
- *   resourcesDirRelease: "$buildDir/intermediates/res/merged/release",
- *
- *   // by default the gradle tasks are skipped if none of the JS files or assets change; this means
- *   // that we don't look at files in android/ or ios/ to determine whether the tasks are up to
- *   // date; if you have any other folders that you want to ignore for performance reasons (gradle
- *   // indexes the entire tree), add them here. Alternatively, if you have JS files in android/
- *   // for example, you might want to remove it from here.
- *   inputExcludes: ["android/**", "ios/**"],
- *
- *   // override which node gets called and with what additional arguments
- *   nodeExecutableAndArgs: ["node"],
- *
- *   // supply additional arguments to the packager
- *   extraPackagerArgs: []
- * ]
- */
-
 project.ext.react = [
-    enableHermes: false,  // clean and rebuild if changing
+    enableHermes: true,  // clean and rebuild if changing
 ]
 
 apply from: "../../node_modules/react-native/react.gradle"

example/android/app/build.gradle

@@ -1,6 +1,9 @@
 package com.example;
 
 import com.facebook.react.ReactActivity;
+import com.facebook.react.ReactActivityDelegate;
+import com.facebook.react.ReactRootView;
+import com.swmansion.gesturehandler.react.RNGestureHandlerEnabledRootView;
 
 public class MainActivity extends ReactActivity {
 
@@ -12,4 +15,14 @@ public class MainActivity extends ReactActivity {
   protected String getMainComponentName() {
     return "example";
   }
+  
+  @Override
+  protected ReactActivityDelegate createReactActivityDelegate() {
+    return new ReactActivityDelegate(this, getMainComponentName()) {
+      @Override
+      protected ReactRootView createRootView() {
+       return new RNGestureHandlerEnabledRootView(MainActivity.this);
+      }
+    };
+  }
 }

example/android/app/src/main/java/com/example/MainActivity.java

@@ -1,9 +1,9 @@
-/**
- * @format
- */
+import 'react-native-gesture-handler';
 
-import {AppRegistry} from 'react-native';
-import App from './src/pages/Homes/Home';
-import {name as appName} from './app.json';
+import { AppRegistry } from 'react-native';
+
+import App from './src/routes';
+
+import { name as appName } from './app.json';
 
 AppRegistry.registerComponent(appName, () => App);

example/index.js

@@ -32,6 +32,7 @@
     "babel-jest": "^26.1.0",
     "eslint": "^7.5.0",
     "eslint-config-airbnb": "^18.2.0",
+    "eslint-config-prettier": "^6.11.0",
     "eslint-import-resolver-typescript": "^2.0.0",
     "eslint-plugin-import": "^2.22.0",
     "eslint-plugin-jsx-a11y": "^6.3.1",

example/package.json

@@ -1,19 +1,61 @@
-import React, { useCallback } from 'react'
-import {View, Button} from 'react-native'
-import SInfo from 'react-native-sensitive-info'
+import React, { useCallback } from 'react';
+import { View, Button, Alert } from 'react-native';
+import SInfo from 'react-native-sensitive-info';
 
 const Home: React.FC = () => {
-    const handleAddItemOnPress = useCallback(() => {
-        SInfo.setItem('key1', 'value1', {
-            sharedPreferencesName: 'exampleApp',
-            keychainService: 'exampleApp'
-        })
-    },[])
-
-    return (
-      <View>
-        <Button title="Add Item" onPress={handleAddItemOnPress} />
-      </View>
-    );
-}
+  const handleAddUsingSetItemOnPress = useCallback(() => {
+    SInfo.setItem('key1', 'value1', {
+      sharedPreferencesName: 'exampleApp',
+      keychainService: 'exampleApp',
+    });
+  }, []);
+
+  const handleSetItemUsingTouchIDOnPress = useCallback(async () => {
+    try {
+      const deviceHasSensor = await SInfo.isSensorAvailable();
+
+      if (!deviceHasSensor) {
+        return Alert.alert('No sensor found');
+      }
+
+      SInfo.setItem('touchIdItem', 'dataStoredUsingTouchId', {
+        // touchID: true,
+        showModal: true
+      });
+    } catch (ex) {
+      console.log(ex.message);
+    }
+  }, []);
+
+  /**
+   * @BUG when triggering this function iOS emulator crashes. Need to investigate
+   */
+  const getTouchIDItem = useCallback(async () => {
+    const deviceHasSensor = await SInfo.isSensorAvailable();
+
+    if (!deviceHasSensor) {
+      return Alert.alert('No sensor found');
+    }
+
+    SInfo.getItem('touchIdItem', {
+      touchID: true,
+      showModal: true
+    });
+  }, []);
+
+  return (
+    <View>
+      <Button
+        title="Add item using setItem"
+        onPress={handleAddUsingSetItemOnPress}
+      />
+      <Button
+        title="Add item using TouchID"
+        onPress={handleSetItemUsingTouchIDOnPress}
+      />
+
+      <Button title="Get TouchID Data" onPress={getTouchIDItem} />
+    </View>
+  );
+};
 export default Home;

example/src/pages/Home/index.tsx

@@ -2,7 +2,7 @@
   "version": "v1",
   "packages": {
     "react-native-sensitive-info": {
-      "signature": "7da6a228c3431c0df8527e02eb77f9d3",
+      "signature": "425b7d38ece20a9a95f0880f94414ee1",
       "file": true
     }
   }

example/src/routes/index.route.tsx renamed to example/src/routes/index.tsx

@@ -2646,6 +2646,13 @@ eslint-config-airbnb@^18.2.0:
     object.assign "^4.1.0"
     object.entries "^1.1.2"
 
+eslint-config-prettier@^6.11.0:
+  version "6.11.0"
+  resolved "https://registry.yarnpkg.com/eslint-config-prettier/-/eslint-config-prettier-6.11.0.tgz#f6d2238c1290d01c859a8b5c1f7d352a0b0da8b1"
+  integrity sha512-oB8cpLWSAjOVFEJhhyMZh6NOEOtBVziaqdDQ86+qhDHFbZXoRTM7pNSvFRfW/W/L/LrQ38C99J5CGuRBBzBsdA==
+  dependencies:
+    get-stdin "^6.0.0"
+
 eslint-import-resolver-node@^0.3.3:
   version "0.3.4"
   resolved "https://registry.yarnpkg.com/eslint-import-resolver-node/-/eslint-import-resolver-node-0.3.4.tgz#85ffa81942c25012d8231096ddf679c03042c717"
@@ -3239,6 +3246,11 @@ get-package-type@^0.1.0:
   resolved "https://registry.yarnpkg.com/get-package-type/-/get-package-type-0.1.0.tgz#8de2d803cff44df3bc6c456e6668b36c3926e11a"
   integrity sha512-pjzuKtY64GYfWizNAJ0fr9VqttZkNiK2iS430LtIHzjBEr6bX8Am2zm4sW4Ro5wjWW5cAlRL1qAMTcXbjNAO2Q==
 
+get-stdin@^6.0.0:
+  version "6.0.0"
+  resolved "https://registry.yarnpkg.com/get-stdin/-/get-stdin-6.0.0.tgz#9e09bf712b360ab9225e812048f71fde9c89657b"
+  integrity sha512-jp4tHawyV7+fkkSKyvjuLZswblUtz+SQKzSWnBbii16BuZksJlU1wuBYXY75r+duh/llF1ur6oNwi+2ZzjKZ7g==
+
 get-stream@^4.0.0:
   version "4.1.0"
   resolved "https://registry.yarnpkg.com/get-stream/-/get-stream-4.1.0.tgz#c1b255575f3dc21d59bfc79cd3d2b46b1c3a54b5"