Merge pull request #142 from auth0/add-browser-support-for-auth

Add browser support for Web Auth

README.md

@@ -245,6 +245,74 @@ And you'll see our native login screen
 
 [![Lock.png](https://cdn.auth0.com/mobile-sdk-lock/lock-ios-default.png)](https://auth0.com)
 
+### Avoid WebView for Social Auth
+
+In order to make Lock use the OS browser to perform Web Auth you will need to pass the attribute `useBrowser` when you build Lock like
+
+```js
+var lock = new Auth0Lock({clientId: "YOUR_CLIENT_ID", domain: "YOUR_DOMAIN", useBrowser: true});
+```
+
+Then you need to configure both your iOS and Android project following the instructions detailed below.
+
+> **IMPORTANT**: This feature only works with iOS 9 or later.
+
+### iOS
+
+In the file `AppDelegate.m` add the following import on the top (next to the other imports of the file)
+
+```objc
+#import "A0LockReact.h"
+```
+
+and then inside the `AppDelegate` implementation add the following method
+
+```objc
+- (BOOL)application:(UIApplication *)app openURL:(NSURL *)url options:(NSDictionary<UIApplicationOpenURLOptionsKey,id> *)options {
+  return [[A0LockReact sharedInstance] handleURL:url sourceApplication:nil];
+}
+```
+
+And finally in the file `Info.plist` add the following entry
+
+```xml
+<key>CFBundleURLTypes</key>
+<array>
+  <dict>
+    <key>CFBundleTypeRole</key>
+    <string>Editor</string>
+    <key>CFBundleURLName</key>
+    <string>auth0</string>
+    <key>CFBundleURLSchemes</key>
+    <array>
+      <string>{Bundle Identifier}</string>
+    </array>
+  </dict>
+</array>
+```
+
+Where the Bundle identifier can be found in the same file under the key `CFBundleIdentifier` like
+
+```xml
+<key>CFBundleIdentifier</key>
+<string>org.reactjs.native.example.$(PRODUCT_NAME:rfc1034identifier)</string>
+```
+
+### Android
+
+In the file `AndroidManifest` find where the `LockActivity` is declared and insde the `activity` tags add the following
+
+```xml
+<intent-filter>
+  <action android:name="android.intent.action.VIEW"/>
+  <category android:name="android.intent.category.DEFAULT"/>
+  <category android:name="android.intent.category.BROWSABLE"/>
+  <data android:scheme="a0{your lowercase auth0 client id}" android:host="{your auth0 domain}"/>
+</intent-filter>
+```
+
+And make sure Lock's activity launch mode is `singleTask` 
+
 ### TouchID (iOS Only)
 
 ```js

android/src/main/java/com/auth0/lock/react/LockReactModule.java

@@ -133,7 +133,7 @@ public void init(ReadableMap options) {
 
         Telemetry telemetry = new Telemetry("lock.react-native.android", initOptions.getLibraryVersion(), com.auth0.lock.BuildConfig.VERSION_NAME, null);
         lockBuilder = new Lock.Builder()
-                .useWebView(true)
+                .useWebView(!initOptions.useBrowser())
                 .telemetry(telemetry)
                 .clientId(initOptions.getClientId())
                 .domainUrl(initOptions.getDomain())

android/src/main/java/com/auth0/lock/react/bridge/InitOptions.java

@@ -28,18 +28,23 @@
 import android.support.annotation.Nullable;
 
 import com.facebook.react.bridge.ReadableMap;
+import com.facebook.react.bridge.ReadableArray;
+import java.util.List;
+import java.util.ArrayList;
 
 public class InitOptions {
 
     private static final String CLIENT_ID_KEY = "clientId";
     private static final String DOMAIN_KEY = "domain";
     private static final String CONFIGURATION_DOMAIN_KEY = "configurationDomain";
     private static final String LIBRARY_VERSION_KEY = "libraryVersion";
+    private static final String USE_BROWSER = "useBrowser";
 
     private String clientId;
     private String domain;
     private String configurationDomain;
     private String libraryVersion;
+    private boolean useBrowser;
 
     public InitOptions(@Nullable ReadableMap options) {
         if (options == null) {
@@ -58,6 +63,10 @@ public InitOptions(@Nullable ReadableMap options) {
             this.configurationDomain = options.getString(CONFIGURATION_DOMAIN_KEY);
         }
 
+        if (options.hasKey(USE_BROWSER)) {
+            this.useBrowser = options.getBoolean(USE_BROWSER);
+        }
+
         this.libraryVersion = options.hasKey(LIBRARY_VERSION_KEY) ? options.getString(LIBRARY_VERSION_KEY) : "0.0.0";
     }
 
@@ -76,4 +85,8 @@ public String getConfigurationDomain() {
     public String getLibraryVersion() {
         return libraryVersion;
     }
+
+    public boolean useBrowser() {
+        return useBrowser;
+    }
 }

android/src/test/java/com/auth0/lock/react/bridge/InitOptionsTest.java

@@ -27,6 +27,7 @@
 import com.auth0.lock.react.BuildConfig;
 import com.facebook.react.bridge.SimpleMap;
 import com.facebook.react.bridge.WritableMap;
+import com.facebook.react.bridge.SimpleArray;
 
 import org.junit.Test;
 import org.junit.runner.RunWith;
@@ -57,11 +58,13 @@ public void testAll() throws Exception {
         options.putString("clientId", "client-id-value");
         options.putString("domain", "domain-value");
         options.putString("configurationDomain", "configuration-domain-value");
+        options.putBoolean("useBrowser", true);
 
         InitOptions initOptions = new InitOptions(options);
         assertThat(initOptions.getClientId(), is(equalTo("client-id-value")));
         assertThat(initOptions.getConfigurationDomain(), is(equalTo("configuration-domain-value")));
         assertThat(initOptions.getDomain(), is(equalTo("domain-value")));
+        assertThat(initOptions.useBrowser(), is(true));
     }
 
     @Test

auth0-lock.js

@@ -13,7 +13,8 @@ class Auth0Lock {
         domain: domain,
         style: style,
         configurationDomain: options.configurationDomain,
-        libraryVersion: VERSION
+        libraryVersion: VERSION,
+        useBrowser: options.useBrowser
       };
       this.nativeIntegrations = options.integrations;
       this.auth0 = new Auth0(domain);

bin/cocoapods.sh

@@ -24,7 +24,11 @@ if [ -f $podfile ]
     echo "Add the following pods":
     echo ""
     echo ""
-    cat $template
+    echo "pod 'Lock', '~> 1.29'"
+    echo "pod 'Lock/TouchID'"
+    echo "pod 'Lock/SMS'"
+    echo "pod 'Lock/Email'"
+    echo "pod 'Lock/Safari'"
     echo ""
     echo ""
     echo "and run 'pod install' to install Lock for iOS"
@@ -42,16 +46,15 @@ cat >ios/Podfile <<EOL
 target '${project_name}' do
   # Uncomment the next line if you're using Swift or would like to use dynamic frameworks
   # use_frameworks!
-
-  # Pods for tonypoc
 end
 
 # Auth0 Lock
 
-pod 'Lock', '~> 1.26'
+pod 'Lock', '~> 1.29'
 pod 'Lock/TouchID'
 pod 'Lock/SMS'
 pod 'Lock/Email'
+pod 'Lock/Safari'
 EOL
 
 echo "Installing Pods"

ios/A0RNLock/A0LockReactModule.h

@@ -21,7 +21,7 @@
 // THE SOFTWARE.
 
 #import <Foundation/Foundation.h>
-#import "RCTBridgeModule.h"
+#import <React/RCTBridgeModule.h>
 
 @interface A0LockReactModule : NSObject<RCTBridgeModule>
 

ios/A0RNLock/A0LockReactModule.m

@@ -24,6 +24,7 @@
 #import "A0LockReact.h"
 #import "A0ThemeReact.h"
 #import <Lock/Lock.h>
+#import <Lock/A0SafariAuthenticator.h>
 
 #if __has_include(<Lock-Facebook/A0FacebookAuthenticator.h>)
 #define FACEBOOK_ENABLED 1
@@ -48,7 +49,15 @@ @implementation A0LockReactModule
     NSString *clientId = values[@"clientId"];
     NSString *domain = values[@"domain"];
     if (clientId && domain) {
-        [[A0LockReact sharedInstance] configureLockWithClientId:clientId domain:domain version:values[@"libraryVersion"]];
+        A0LockReact *lockReact = [A0LockReact sharedInstance];
+        [lockReact configureLockWithClientId:clientId domain:domain version:values[@"libraryVersion"]];
+        BOOL useBrowser = [values[@"useBrowser"] boolValue];
+        if (useBrowser) {
+            A0Lock *lock = [lockReact lock];
+            [[lock identityProviderAuthenticator] registerDefaultAuthenticationProvider:^A0BaseAuthenticator * _Nonnull(A0Lock * _Nonnull lock, NSString * _Nonnull connectionName) {
+                return [[A0SafariAuthenticator alloc] initWithLock:lock connectionName:connectionName useUniversalLink:NO];
+            }];
+        }
     }
     NSDictionary *style = values[@"style"];
     if (style) {

ios/A0RNLock/Core/A0LockReact.h

@@ -37,6 +37,8 @@ typedef void(^A0LockCallback)(NSArray *parameters);
 
 - (void)configureLockWithClientId:(NSString *)clientId domain:(NSString *)domain version:(NSString *)version;
 
+- (BOOL)handleURL:(NSURL *)url sourceApplication:(NSString *)sourceApplication;
+
 + (instancetype)sharedInstance;
 
 @end

ios/A0RNLock/Core/A0LockReact.m

@@ -151,6 +151,10 @@ - (void)showWithOptions:(NSDictionary *)options callback:(A0LockCallback)callbac
     self.shown = YES;
 }
 
+- (BOOL)handleURL:(NSURL *)url sourceApplication:(NSString *)sourceApplication {
+    return [self.lock handleURL:url sourceApplication:sourceApplication];
+}
+
 - (void)authenticateWithConnectionName:(NSString *)connectionName options:(NSDictionary *)options callback:(A0LockCallback)callback {
     A0IdentityProviderAuthenticator *authenticator = [self.lock identityProviderAuthenticator];
     void(^success)(A0UserProfile *, A0Token *) = ^(A0UserProfile *profile, A0Token *token) {