Add warmup and mayLaunchUrl function for optimization in Android

Author: vincent-paing

android/build.gradle

@@ -1,3 +1,13 @@
+buildscript {
+    repositories {
+        google()
+        mavenCentral()
+    }
+    dependencies {
+        classpath 'com.android.tools.build:gradle:3.5.3'
+    }
+}
+
 apply plugin: 'com.android.library'
 
 buildscript {
@@ -45,7 +55,12 @@ android {
 }
 
 repositories {
-  mavenCentral()
+    maven {
+        // All of React Native (JS, Obj-C sources, Android binaries) is installed from npm
+        url("$rootDir/../node_modules/react-native/android")
+    }
+    google()
+    mavenCentral()
 }
 
 dependencies {

android/src/main/java/com/proyecto26/inappbrowser/RNInAppBrowser.java

@@ -1,36 +1,44 @@
 package com.proyecto26.inappbrowser;
 
-import android.R.anim;
-import android.net.Uri;
-import android.os.Bundle;
-import android.text.TextUtils;
 import android.app.Activity;
+import android.content.ComponentName;
 import android.content.Context;
 import android.content.Intent;
 import android.content.pm.ResolveInfo;
-import android.graphics.Color;
 import android.graphics.BitmapFactory;
+import android.graphics.Color;
+import android.net.Uri;
+import android.os.Bundle;
 import android.provider.Browser;
+import android.text.TextUtils;
+
+import androidx.annotation.NonNull;
 import androidx.annotation.Nullable;
+import androidx.browser.customtabs.CustomTabsCallback;
 import androidx.browser.customtabs.CustomTabsClient;
 import androidx.browser.customtabs.CustomTabsIntent;
+import androidx.browser.customtabs.CustomTabsService;
+import androidx.browser.customtabs.CustomTabsServiceConnection;
+import androidx.browser.customtabs.CustomTabsSession;
 import androidx.core.graphics.ColorUtils;
 
 import com.facebook.react.bridge.Arguments;
+import com.facebook.react.bridge.JSApplicationIllegalArgumentException;
 import com.facebook.react.bridge.Promise;
-import com.facebook.react.bridge.WritableMap;
+import com.facebook.react.bridge.ReadableArray;
 import com.facebook.react.bridge.ReadableMap;
-import com.facebook.react.bridge.ReadableType;
 import com.facebook.react.bridge.ReadableMapKeySetIterator;
-import com.facebook.react.bridge.JSApplicationIllegalArgumentException;
+import com.facebook.react.bridge.ReadableType;
+import com.facebook.react.bridge.WritableMap;
 
 import org.greenrobot.eventbus.EventBus;
 import org.greenrobot.eventbus.Subscribe;
 
 import java.lang.reflect.Method;
+import java.util.ArrayList;
 import java.util.Arrays;
-import java.util.regex.Pattern;
 import java.util.List;
+import java.util.regex.Pattern;
 
 public class RNInAppBrowser {
   private final static String ERROR_CODE = "InAppBrowser";
@@ -63,6 +71,18 @@ public class RNInAppBrowser {
   private Activity currentActivity;
   private static final Pattern animationIdentifierPattern = Pattern.compile("^.+:.+/");
 
+  @Nullable
+  private CustomTabsClient customTabsClient;
+
+  private static RNInAppBrowser _inAppBrowser;
+
+  public static RNInAppBrowser getInstance() {
+    if (_inAppBrowser == null) {
+      _inAppBrowser = new RNInAppBrowser();
+    }
+    return _inAppBrowser;
+  }
+
   public Integer setColor(CustomTabsIntent.Builder builder, final ReadableMap options, String key, String method, String colorName) {
     String colorString = null;
     Integer color = null;
@@ -303,4 +323,57 @@ private String getDefaultBrowser(Context context) {
     }
     return packageName;
   }
+
+  public void onStart(Activity activity) {
+    Context applicationContext = activity.getApplicationContext();
+    CustomTabsServiceConnection connection = new CustomTabsServiceConnection() {
+      @Override
+      public void onCustomTabsServiceConnected(@NonNull ComponentName name, @NonNull CustomTabsClient client) {
+        customTabsClient = client;
+        if (!customTabsClient.warmup(0L)) {
+          System.err.println("Couldn't warmup custom tabs client");
+        }
+        applicationContext.unbindService(this);
+      }
+
+      @Override
+      public void onServiceDisconnected(ComponentName name) {
+        customTabsClient = null;
+      }
+    };
+
+    final String packageName = getDefaultBrowser(applicationContext);
+    if (packageName != null) {
+      CustomTabsClient.bindCustomTabsService(applicationContext, packageName, connection);
+    } else {
+      System.err.println("No browser supported to bind custom tab service");
+    }
+  }
+
+  public void warmup(final Promise promise) {
+    if (customTabsClient != null) {
+      promise.resolve(customTabsClient.warmup(0L));
+    }
+    promise.resolve(false);
+  }
+
+  public void mayLaunchUrl(String mostLikelyUrl, ReadableArray otherUrls) {
+    if (customTabsClient != null) {
+      final CustomTabsSession customTabsSession = customTabsClient.newSession(new CustomTabsCallback());
+      if (customTabsSession != null) {
+        final ArrayList<Bundle> otherUrlBundles = new ArrayList<>(otherUrls.size());
+
+        for (int index = 0; index < otherUrls.size(); index++) {
+          String link = otherUrls.getString(index);
+          if (link != null) {
+            final Bundle bundle = new Bundle();
+            bundle.putParcelable(CustomTabsService.KEY_URL, Uri.parse(link));
+            otherUrlBundles.add(bundle);
+          }
+        }
+
+        customTabsSession.mayLaunchUrl(Uri.parse(mostLikelyUrl), null, otherUrlBundles);
+      }
+    }
+  }
 }

android/src/main/java/com/proyecto26/inappbrowser/RNInAppBrowserModule.java

@@ -6,20 +6,19 @@
 import com.facebook.react.bridge.ReactApplicationContext;
 import com.facebook.react.bridge.ReactContextBaseJavaModule;
 import com.facebook.react.bridge.ReactMethod;
+import com.facebook.react.bridge.ReadableArray;
 import com.facebook.react.bridge.ReadableMap;
 import com.facebook.react.module.annotations.ReactModule;
 
 @ReactModule(name = RNInAppBrowserModule.NAME)
 public class RNInAppBrowserModule extends ReactContextBaseJavaModule {
   public final static String NAME = "RNInAppBrowser";
 
-  private final RNInAppBrowser inAppBrowser;
   private final ReactApplicationContext reactContext;
 
   public RNInAppBrowserModule(ReactApplicationContext reactContext) {
     super(reactContext);
     this.reactContext = reactContext;
-    this.inAppBrowser = new RNInAppBrowser();
   }
 
   @Override
@@ -30,16 +29,31 @@ public String getName() {
   @ReactMethod
   public void open(final ReadableMap options, final Promise promise) {
     final Activity activity = getCurrentActivity();
-    inAppBrowser.open(this.reactContext, options, promise, activity);
+    RNInAppBrowser.getInstance().open(this.reactContext, options, promise, activity);
   }
 
   @ReactMethod
   public void close() {
-    inAppBrowser.close();
+    RNInAppBrowser.getInstance().close();
   }
 
   @ReactMethod
   public void isAvailable(final Promise promise) {
-    inAppBrowser.isAvailable(this.reactContext, promise);
+    RNInAppBrowser.getInstance().isAvailable(this.reactContext, promise);
   }
+
+  public static void onStart(final Activity activity) {
+    RNInAppBrowser.getInstance().onStart(activity);
+  }
+
+  @ReactMethod
+  public void warmup(final Promise promise) {
+    RNInAppBrowser.getInstance().warmup(promise);
+  }
+
+  @ReactMethod
+  public void mayLaunchUrl(final String mostLikelyUrl, final ReadableArray otherUrls) {
+    RNInAppBrowser.getInstance().mayLaunchUrl(mostLikelyUrl, otherUrls);
+  }
+
 }

example/App.js

@@ -6,7 +6,7 @@
  * @flow strict-local
  */
 
-import React, {useCallback, useState} from 'react';
+import React, {useEffect, useCallback, useState} from 'react';
 import {
   Platform,
   StatusBar,
@@ -17,6 +17,7 @@ import {
   Button,
 } from 'react-native';
 import {openLink, tryDeepLinking} from './utils';
+import {InAppBrowser} from 'react-native-inappbrowser-reborn';
 
 const instructions = Platform.select({
   ios: 'Press Cmd+R to reload,\n' + 'Cmd+D or shake for dev menu',
@@ -29,6 +30,10 @@ const App = () => {
   const [url, setUrl] = useState('https://reactnative.dev');
   const [statusBarStyle] = useState('dark-content');
 
+  useEffect(() => {
+    InAppBrowser.mayLaunchUrl('https://reactnative.dev', []);
+  }, []);
+
   const onOpenLink = useCallback(async () => {
     await openLink(url, statusBarStyle);
   }, [url, statusBarStyle]);

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

@@ -1,6 +1,7 @@
 package com.example;
 
 import com.facebook.react.ReactActivity;
+import com.proyecto26.inappbrowser.RNInAppBrowserModule;
 
 public class MainActivity extends ReactActivity {
 
@@ -12,4 +13,10 @@ public class MainActivity extends ReactActivity {
   protected String getMainComponentName() {
     return "example";
   }
+
+  @Override
+  protected void onStart() {
+    super.onStart();
+   RNInAppBrowserModule.onStart(this);
+  }
 }

index.d.ts

@@ -70,6 +70,8 @@ declare module 'react-native-inappbrowser-reborn' {
       options?: InAppBrowserOptions,
     ) => Promise<BrowserResult>;
     close: () => void;
+    warmup: () => Promise<boolean>;
+    mayLaunchUrl: (mostLikelyUrl: string, otherUrls: Array<string>) => void;
     openAuth: (
       url: string,
       redirectUrl: string,

index.js

@@ -12,6 +12,7 @@ import type {
   InAppBrowserOptions,
 } from './types';
 import {
+  isAndroid,
   RNInAppBrowser,
   openBrowserAsync,
   openAuthSessionAsync,
@@ -43,6 +44,22 @@ function close(): void {
   RNInAppBrowser.close();
 }
 
+function warmup(): Promise<boolean> {
+  if (isAndroid) {
+    return RNInAppBrowser.warmup();
+  }
+  return Promise.resolve(false);
+}
+
+function mayLaunchUrl(
+  mostLikelyUrl: string,
+  otherUrls: Array<string> = []
+): void {
+  if (isAndroid) {
+    RNInAppBrowser.mayLaunchUrl(mostLikelyUrl, otherUrls);
+  }
+}
+
 function closeAuth(): void {
   closeAuthSessionPolyfillAsync();
   if (authSessionIsNativelySupported()) {
@@ -62,6 +79,8 @@ export const InAppBrowser = {
   close,
   closeAuth,
   isAvailable,
+  warmup,
+  mayLaunchUrl,
 };
 
 export default InAppBrowser;

utils.js

@@ -151,3 +151,5 @@ export function authSessionIsNativelySupported(): boolean {
   const versionNumber = parseInt(Platform.Version, 10);
   return versionNumber >= 11;
 }
+
+export const isAndroid = Platform.OS === 'android';