chore: update example to rn 0.72 (#896)

* chore: Update Example app to RN 0.72

* chore: add changeset

* test: fix tests by ignoring Example directory

* chore: Improve iOS openURL handler

Author: robwalkerco

.changeset/smart-gifts-bow.md

@@ -0,0 +1,5 @@
+---
+'react-native-app-auth': patch
+---
+
+Update the Example app to RN 0.72

Example/.eslintrc.js

@@ -1,4 +1,4 @@
 module.exports = {
   root: true,
-  extends: '@react-native-community',
+  extends: '@react-native',
 };

Example/.gitattributes

@@ -20,6 +20,7 @@ DerivedData
 *.hmap
 *.ipa
 *.xcuserstate
+ios/.xcode.env.local
 
 # Android/IntelliJ
 #
@@ -28,32 +29,38 @@ build/
 .gradle
 local.properties
 *.iml
+*.hprof
+.cxx/
+*.keystore
+!debug.keystore
 
 # 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/report.xml
+**/fastlane/Preview.html
+**/fastlane/screenshots
+**/fastlane/test_output
 
 # Bundle artifact
 *.jsbundle
 
-# CocoaPods
+# Ruby / CocoaPods
 /ios/Pods/
+/vendor/bundle/
+
+# Temporary files created by Metro to check the health of the file watcher
+.metro-health-check*
+
+# testing
+/coverage

Example/.gitignore

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

Example/.prettierrc.js

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

Example/.watchmanconfig

@@ -1,5 +1,5 @@
 import React, {useState, useCallback, useMemo} from 'react';
-import {UIManager, Alert} from 'react-native';
+import {Alert} from 'react-native';
 import {
   authorize,
   refresh,
@@ -64,27 +64,24 @@ const App = () => {
     });
   }, []);
 
-  const handleAuthorize = useCallback(
-    async provider => {
-      try {
-        const config = configs[provider];
-        const newAuthState = await authorize({
-          ...config,
-          connectionTimeoutSeconds: 5,
-          iosPrefersEphemeralSession: true
-        });
+  const handleAuthorize = useCallback(async provider => {
+    try {
+      const config = configs[provider];
+      const newAuthState = await authorize({
+        ...config,
+        connectionTimeoutSeconds: 5,
+        iosPrefersEphemeralSession: true,
+      });
 
-        setAuthState({
-          hasLoggedInOnce: true,
-          provider: provider,
-          ...newAuthState,
-        });
-      } catch (error) {
-        Alert.alert('Failed to log in', error.message);
-      }
-    },
-    [authState],
-  );
+      setAuthState({
+        hasLoggedInOnce: true,
+        provider: provider,
+        ...newAuthState,
+      });
+    } catch (error) {
+      Alert.alert('Failed to log in', error.message);
+    }
+  }, []);
 
   const handleRefresh = useCallback(async () => {
     try {

Example/App.js

@@ -0,0 +1,6 @@
+source 'https://rubygems.org'
+
+# You may use http://rbenv.org/ or https://rvm.io/ to install and use this version
+ruby ">= 2.6.10"
+
+gem 'cocoapods', '~> 1.12'

Example/Gemfile

@@ -0,0 +1,17 @@
+/**
+ * @format
+ */
+
+import 'react-native';
+import React from 'react';
+import App from '../App';
+
+// Note: import explicitly to use the types shiped with jest.
+import {it} from '@jest/globals';
+
+// Note: test renderer must be required after react-native.
+import renderer from 'react-test-renderer';
+
+it('renders correctly', () => {
+  renderer.create(<App />);
+});

Example/__tests__/App.test.tsx

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