Update example app to react-native 0.70

Author: alois-beto

example/.buckconfig

@@ -0,0 +1,6 @@
+
+[android]
+  target = Google Inc.:Google APIs:23
+
+[maven_repositories]
+  central = https://repo1.maven.org/maven2

example/.bundle/config

@@ -0,0 +1,2 @@
+BUNDLE_PATH: "vendor/bundle"
+BUNDLE_FORCE_RUBY_PLATFORM: 1

example/.eslintrc.js

@@ -0,0 +1,16 @@
+module.exports = {
+  root: true,
+  extends: '@react-native-community',
+  parser: '@typescript-eslint/parser',
+  plugins: ['@typescript-eslint'],
+  overrides: [
+    {
+      files: ['*.ts', '*.tsx'],
+      rules: {
+        '@typescript-eslint/no-shadow': ['error'],
+        'no-shadow': 'off',
+        'no-undef': 'off',
+      },
+    },
+  ],
+};

example/.gitignore

@@ -0,0 +1,64 @@
+# OSX
+#
+.DS_Store
+
+# Xcode
+#
+build/
+*.pbxuser
+!default.pbxuser
+*.mode1v3
+!default.mode1v3
+*.mode2v3
+!default.mode2v3
+*.perspectivev3
+!default.perspectivev3
+xcuserdata
+*.xccheckout
+*.moved-aside
+DerivedData
+*.hmap
+*.ipa
+*.xcuserstate
+ios/.xcode.env.local
+
+# Android/IntelliJ
+#
+build/
+.idea
+.gradle
+local.properties
+*.iml
+*.hprof
+.cxx/
+
+# node.js
+#
+node_modules/
+npm-debug.log
+yarn-error.log
+
+# BUCK
+buck-out/
+\.buckd/
+*.keystore
+!debug.keystore
+
+# fastlane
+#
+# It is recommended to not store the screenshots in the git repo. Instead, use fastlane to re-generate the
+# screenshots whenever they are needed.
+# For more information about the recommended setup visit:
+# https://docs.fastlane.tools/best-practices/source-control/
+
+**/fastlane/report.xml
+**/fastlane/Preview.html
+**/fastlane/screenshots
+**/fastlane/test_output
+
+# Bundle artifact
+*.jsbundle
+
+# Ruby / CocoaPods
+/ios/Pods/
+/vendor/bundle/

example/.node-version

@@ -0,0 +1 @@
+16

example/.prettierrc.js

@@ -0,0 +1,7 @@
+module.exports = {
+  arrowParens: 'avoid',
+  bracketSameLine: true,
+  bracketSpacing: false,
+  singleQuote: true,
+  trailingComma: 'all',
+};

example/.ruby-version

@@ -0,0 +1 @@
+2.7.5

example/.watchmanconfig

@@ -1 +1 @@
-{}
+{}

example/App.js

@@ -0,0 +1,118 @@
+import React, {useEffect, useState} from 'react';
+import {Alert, Button, StyleSheet, Switch, Text, View} from 'react-native';
+import {FileLogger, LogLevel} from 'react-native-file-logger';
+
+export const App = () => {
+  const [logLevel, setLogLevel] = useState(LogLevel.Debug);
+  const [enabled, setEnabled] = useState(true);
+
+  useEffect(() => {
+    FileLogger.configure({logLevel: LogLevel.Debug}).then(() =>
+      console.log('File-logger configured'),
+    );
+  }, []);
+
+  const showLogFilePaths = async () => {
+    Alert.alert('File paths', (await FileLogger.getLogFilePaths()).join('\n'));
+  };
+
+  const changeEnabled = (value: boolean) => {
+    if (value) {
+      FileLogger.enableConsoleCapture();
+    } else {
+      FileLogger.disableConsoleCapture();
+    }
+    setEnabled(value);
+  };
+
+  const changeLogLevel = () => {
+    const nextLogLevel = (logLevel + 1) % 4;
+    FileLogger.setLogLevel(nextLogLevel);
+    setLogLevel(nextLogLevel);
+  };
+
+  const sendLogFilesByEmail = () => {
+    FileLogger.sendLogFilesByEmail({
+      to: '[email protected]',
+      subject: 'Log files',
+      body: 'Please find attached the log files from your app',
+    });
+  };
+
+  const deleteLogFiles = async () => {
+    FileLogger.deleteLogFiles();
+    Alert.alert('Log files deleted');
+  };
+
+  return (
+    <View style={styles.container}>
+      <View style={styles.buttonContainer}>
+        <View style={styles.button}>
+          <Button
+            title="Log info"
+            onPress={() => console.log('Log info', {nested: {data: 123}})}
+          />
+        </View>
+        <View style={styles.button}>
+          <Button
+            title="Log warning"
+            onPress={() => console.warn('Log warning', {nested: {data: 456}})}
+          />
+        </View>
+        <View style={styles.button}>
+          <Button title="Change log level" onPress={changeLogLevel} />
+        </View>
+        <View style={styles.button}>
+          <Button title="Show file paths" onPress={showLogFilePaths} />
+        </View>
+        <View style={styles.button}>
+          <Button title="Send files by email" onPress={sendLogFilesByEmail} />
+        </View>
+        <View style={styles.button}>
+          <Button title="Delete files" onPress={deleteLogFiles} />
+        </View>
+      </View>
+      <View style={styles.settingsRow}>
+        <Text style={styles.settingsLabel}>Enabled</Text>
+        <Switch value={enabled} onValueChange={changeEnabled} />
+      </View>
+      <View style={styles.settingsRow}>
+        <Text style={styles.settingsLabel}>Log Level</Text>
+        <Text style={styles.settingsValue}>{LogLevel[logLevel]}</Text>
+      </View>
+    </View>
+  );
+};
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    padding: 25,
+    backgroundColor: '#f5fcff',
+  },
+  buttonContainer: {
+    flex: 1,
+    justifyContent: 'center',
+  },
+  button: {
+    marginVertical: 6,
+  },
+  settingsRow: {
+    paddingHorizontal: 16,
+    paddingVertical: 10,
+    marginBottom: 20,
+    minHeight: 50,
+    flexDirection: 'row',
+    alignItems: 'center',
+    backgroundColor: '#dff4ff',
+    borderRadius: 6,
+  },
+  settingsLabel: {
+    flex: 1,
+    fontWeight: '500',
+    color: 'black',
+  },
+  settingsValue: {
+    color: 'black',
+  },
+});