@javascriptcommon/react-native-webview 13.12.16

package/android/src/main/java/com/reactnativecommunity/webview/RNCWebView.java

@@ -0,0 +1,450 @@
+package com.reactnativecommunity.webview;
+
+import android.annotation.SuppressLint;
+import android.graphics.Rect;
+import android.text.TextUtils;
+import android.view.ActionMode;
+import android.view.Menu;
+import android.view.MenuItem;
+import android.view.MotionEvent;
+import android.view.View;
+import android.webkit.JavascriptInterface;
+import android.webkit.ValueCallback;
+import android.webkit.WebChromeClient;
+import android.webkit.WebView;
+import android.webkit.WebViewClient;
+
+import androidx.annotation.Nullable;
+
+import com.facebook.common.logging.FLog;
+import com.facebook.react.bridge.Arguments;
+import com.facebook.react.bridge.LifecycleEventListener;
+import com.facebook.react.bridge.ReactApplicationContext;
+import com.facebook.react.bridge.ReactContext;
+import com.facebook.react.bridge.WritableMap;
+import com.facebook.react.bridge.WritableNativeMap;
+import com.facebook.react.uimanager.ThemedReactContext;
+import com.facebook.react.uimanager.UIManagerHelper;
+import com.facebook.react.uimanager.events.ContentSizeChangeEvent;
+import com.facebook.react.uimanager.events.Event;
+import com.facebook.react.views.scroll.OnScrollDispatchHelper;
+import com.facebook.react.views.scroll.ScrollEvent;
+import com.facebook.react.views.scroll.ScrollEventType;
+import com.reactnativecommunity.webview.events.TopCustomMenuSelectionEvent;
+import com.reactnativecommunity.webview.events.TopMessageEvent;
+
+import org.json.JSONException;
+import org.json.JSONObject;
+
+import java.util.List;
+import java.util.Map;
+
+public class RNCWebView extends WebView implements LifecycleEventListener {
+    protected @Nullable
+    String injectedJS;
+    protected @Nullable
+    String injectedJSBeforeContentLoaded;
+    protected static final String JAVASCRIPT_INTERFACE = "ReactNativeWebView";
+    protected @Nullable
+    RNCWebViewBridge bridge;
+
+    /**
+     * android.webkit.WebChromeClient fundamentally does not support JS injection into frames other
+     * than the main frame, so these two properties are mostly here just for parity with iOS & macOS.
+     */
+    protected boolean injectedJavaScriptForMainFrameOnly = true;
+    protected boolean injectedJavaScriptBeforeContentLoadedForMainFrameOnly = true;
+
+    protected boolean messagingEnabled = false;
+    protected @Nullable
+    String messagingModuleName;
+    protected @Nullable
+    RNCWebViewMessagingModule mMessagingJSModule;
+    protected @Nullable
+    RNCWebViewClient mRNCWebViewClient;
+    protected boolean sendContentSizeChangeEvents = false;
+    private OnScrollDispatchHelper mOnScrollDispatchHelper;
+    protected boolean hasScrollEvent = false;
+    protected boolean nestedScrollEnabled = false;
+    protected ProgressChangedFilter progressChangedFilter;
+
+    /**
+     * WebView must be created with an context of the current activity
+     * <p>
+     * Activity Context is required for creation of dialogs internally by WebView
+     * Reactive Native needed for access to ReactNative internal system functionality
+     */
+    public RNCWebView(ThemedReactContext reactContext) {
+        super(reactContext);
+        ReactApplicationContext appContext = reactContext.getReactApplicationContext();
+        mMessagingJSModule = new RNCWebViewMessagingModule(appContext);
+        progressChangedFilter = new ProgressChangedFilter();
+    }
+
+    public void setIgnoreErrFailedForThisURL(String url) {
+        mRNCWebViewClient.setIgnoreErrFailedForThisURL(url);
+    }
+
+    public void setBasicAuthCredential(RNCBasicAuthCredential credential) {
+        mRNCWebViewClient.setBasicAuthCredential(credential);
+    }
+
+    public void setSendContentSizeChangeEvents(boolean sendContentSizeChangeEvents) {
+        this.sendContentSizeChangeEvents = sendContentSizeChangeEvents;
+    }
+
+    public void setHasScrollEvent(boolean hasScrollEvent) {
+        this.hasScrollEvent = hasScrollEvent;
+    }
+
+    public void setNestedScrollEnabled(boolean nestedScrollEnabled) {
+        this.nestedScrollEnabled = nestedScrollEnabled;
+    }
+
+    @Override
+    protected void onWindowVisibilityChanged(int visibility) {
+        if (visibility != View.GONE && visibility != View.INVISIBLE) super.onWindowVisibilityChanged(visibility);
+    }
+
+    @Override
+    public void onHostResume() {
+        // do nothing
+    }
+
+    @Override
+    public void onHostPause() {
+        // do nothing
+    }
+
+    @Override
+    public void onHostDestroy() {
+        cleanupCallbacksAndDestroy();
+    }
+
+    @Override
+    public boolean onTouchEvent(MotionEvent event) {
+        if (this.nestedScrollEnabled) {
+            requestDisallowInterceptTouchEvent(true);
+        }
+        return super.onTouchEvent(event);
+    }
+
+    @Override
+    protected void onSizeChanged(int w, int h, int ow, int oh) {
+        super.onSizeChanged(w, h, ow, oh);
+
+        if (sendContentSizeChangeEvents) {
+            dispatchEvent(
+                    this,
+                    new ContentSizeChangeEvent(
+                            RNCWebViewWrapper.getReactTagFromWebView(this),
+                            w,
+                            h
+                    )
+            );
+        }
+    }
+
+    protected @Nullable
+    List<Map<String, String>> menuCustomItems;
+
+    public void setMenuCustomItems(List<Map<String, String>> menuCustomItems) {
+      this.menuCustomItems = menuCustomItems;
+    }
+
+    @Override
+    public ActionMode startActionMode(ActionMode.Callback callback, int type) {
+      if(menuCustomItems == null ){
+        return super.startActionMode(callback, type);
+      }
+
+      return super.startActionMode(new ActionMode.Callback2() {
+        @Override
+        public boolean onCreateActionMode(ActionMode mode, Menu menu) {
+          for (int i = 0; i < menuCustomItems.size(); i++) {
+            menu.add(Menu.NONE, i, i, (menuCustomItems.get(i)).get("label"));
+          }
+          return true;
+        }
+
+        @Override
+        public boolean onPrepareActionMode(ActionMode actionMode, Menu menu) {
+          return false;
+        }
+
+        @Override
+        public boolean onActionItemClicked(ActionMode mode, MenuItem item) {
+          WritableMap wMap = Arguments.createMap();
+          RNCWebView.this.evaluateJavascript(
+            "(function(){return {selection: window.getSelection().toString()} })()",
+            new ValueCallback<String>() {
+              @Override
+              public void onReceiveValue(String selectionJson) {
+                Map<String, String> menuItemMap = menuCustomItems.get(item.getItemId());
+                wMap.putString("label", menuItemMap.get("label"));
+                wMap.putString("key", menuItemMap.get("key"));
+                String selectionText = "";
+                try {
+                  selectionText = new JSONObject(selectionJson).getString("selection");
+                } catch (JSONException ignored) {}
+                wMap.putString("selectedText", selectionText);
+                dispatchEvent(RNCWebView.this, new TopCustomMenuSelectionEvent(RNCWebViewWrapper.getReactTagFromWebView(RNCWebView.this), wMap));
+                mode.finish();
+              }
+            }
+          );
+          return true;
+        }
+
+        @Override
+        public void onDestroyActionMode(ActionMode mode) {
+          mode = null;
+        }
+
+        @Override
+        public void onGetContentRect (ActionMode mode,
+                View view,
+                Rect outRect){
+            if (callback instanceof ActionMode.Callback2) {
+                ((ActionMode.Callback2) callback).onGetContentRect(mode, view, outRect);
+            } else {
+                super.onGetContentRect(mode, view, outRect);
+            }
+          }
+      }, type);
+    }
+
+    @Override
+    public void setWebViewClient(WebViewClient client) {
+        super.setWebViewClient(client);
+        if (client instanceof RNCWebViewClient) {
+            mRNCWebViewClient = (RNCWebViewClient) client;
+            mRNCWebViewClient.setProgressChangedFilter(progressChangedFilter);
+        }
+    }
+
+    WebChromeClient mWebChromeClient;
+    @Override
+    public void setWebChromeClient(WebChromeClient client) {
+        this.mWebChromeClient = client;
+        super.setWebChromeClient(client);
+        if (client instanceof RNCWebChromeClient) {
+            ((RNCWebChromeClient) client).setProgressChangedFilter(progressChangedFilter);
+        }
+    }
+
+    public WebChromeClient getWebChromeClient() {
+        return this.mWebChromeClient;
+    }
+
+    public @Nullable
+    RNCWebViewClient getRNCWebViewClient() {
+        return mRNCWebViewClient;
+    }
+
+    public boolean getMessagingEnabled() {
+        return this.messagingEnabled;
+    }
+
+    protected RNCWebViewBridge createRNCWebViewBridge(RNCWebView webView) {
+        if (bridge == null) {
+            bridge = new RNCWebViewBridge(webView);
+            addJavascriptInterface(bridge, JAVASCRIPT_INTERFACE);
+        }
+        return bridge;
+    }
+
+    @SuppressLint("AddJavascriptInterface")
+    public void setMessagingEnabled(boolean enabled) {
+        if (messagingEnabled == enabled) {
+            return;
+        }
+
+        messagingEnabled = enabled;
+
+        if (enabled) {
+            createRNCWebViewBridge(this);
+        }
+    }
+
+    protected void evaluateJavascriptWithFallback(String script) {
+        evaluateJavascript(script, null);
+    }
+
+    public void callInjectedJavaScript() {
+        if (getSettings().getJavaScriptEnabled() &&
+                injectedJS != null &&
+                !TextUtils.isEmpty(injectedJS)) {
+            evaluateJavascriptWithFallback("(function() {\n" + injectedJS + ";\n})();");
+        }
+    }
+
+    public void callInjectedJavaScriptBeforeContentLoaded() {
+        if (getSettings().getJavaScriptEnabled() &&
+                injectedJSBeforeContentLoaded != null &&
+                !TextUtils.isEmpty(injectedJSBeforeContentLoaded)) {
+            evaluateJavascriptWithFallback("(function() {\n" + injectedJSBeforeContentLoaded + ";\n})();");
+        }
+    }
+
+    public void setInjectedJavaScriptObject(String obj) {
+        if (getSettings().getJavaScriptEnabled()) {
+            RNCWebViewBridge b = createRNCWebViewBridge(this);
+            b.setInjectedObjectJson(obj);
+        }
+    }
+
+    public void onMessage(String message) {
+        ThemedReactContext reactContext = getThemedReactContext();
+        RNCWebView mWebView = this;
+
+        if (mRNCWebViewClient != null) {
+            WebView webView = this;
+            webView.post(new Runnable() {
+                @Override
+                public void run() {
+                    if (mRNCWebViewClient == null) {
+                        return;
+                    }
+                    WritableMap data = mRNCWebViewClient.createWebViewEvent(webView, webView.getUrl());
+                    data.putString("data", message);
+
+                    if (mMessagingJSModule != null) {
+                        dispatchDirectMessage(data);
+                    } else {
+                        dispatchEvent(webView, new TopMessageEvent(RNCWebViewWrapper.getReactTagFromWebView(webView), data));
+                    }
+                }
+            });
+        } else {
+            WritableMap eventData = Arguments.createMap();
+            eventData.putString("data", message);
+
+            if (mMessagingJSModule != null) {
+                dispatchDirectMessage(eventData);
+            } else {
+                dispatchEvent(this, new TopMessageEvent(RNCWebViewWrapper.getReactTagFromWebView(this), eventData));
+            }
+        }
+    }
+
+    protected void dispatchDirectMessage(WritableMap data) {
+        WritableNativeMap event = new WritableNativeMap();
+        event.putMap("nativeEvent", data);
+        event.putString("messagingModuleName", messagingModuleName);
+
+        ReactContext reactContext = getReactApplicationContext();
+        if (mMessagingJSModule != null && reactContext != null) {
+            mMessagingJSModule.sendEvent(reactContext, "onMessage", event);
+        }
+    }
+
+    protected void dispatchDirectShouldStartLoadWithRequest(WritableMap data) {
+        WritableNativeMap event = new WritableNativeMap();
+        event.putMap("nativeEvent", data);
+        event.putString("messagingModuleName", messagingModuleName);
+
+        ReactContext reactContext = getReactApplicationContext();
+        if (mMessagingJSModule != null && reactContext != null) {
+            mMessagingJSModule.sendEvent(reactContext, "onShouldStartLoadWithRequest", event);
+        }
+    }
+
+    protected void onScrollChanged(int x, int y, int oldX, int oldY) {
+        super.onScrollChanged(x, y, oldX, oldY);
+
+        if (!hasScrollEvent) {
+            return;
+        }
+
+        if (mOnScrollDispatchHelper == null) {
+            mOnScrollDispatchHelper = new OnScrollDispatchHelper();
+        }
+
+        if (mOnScrollDispatchHelper.onScrollChanged(x, y)) {
+            ScrollEvent event = ScrollEvent.obtain(
+                    RNCWebViewWrapper.getReactTagFromWebView(this),
+                    ScrollEventType.SCROLL,
+                    x,
+                    y,
+                    mOnScrollDispatchHelper.getXFlingVelocity(),
+                    mOnScrollDispatchHelper.getYFlingVelocity(),
+                    this.computeHorizontalScrollRange(),
+                    this.computeVerticalScrollRange(),
+                    this.getWidth(),
+                    this.getHeight());
+
+            dispatchEvent(this, event);
+        }
+    }
+
+    protected void dispatchEvent(WebView webView, Event event) {
+        ThemedReactContext reactContext = getThemedReactContext();
+        int reactTag = RNCWebViewWrapper.getReactTagFromWebView(webView);
+        UIManagerHelper.getEventDispatcherForReactTag(reactContext, reactTag).dispatchEvent(event);
+    }
+
+    protected void cleanupCallbacksAndDestroy() {
+        setWebViewClient(null);
+        destroy();
+    }
+
+    @Override
+    public void destroy() {
+        if (mWebChromeClient != null) {
+            mWebChromeClient.onHideCustomView();
+        }
+        super.destroy();
+    }
+
+  public ThemedReactContext getThemedReactContext() {
+    return (ThemedReactContext) this.getContext();
+  }
+
+  public ReactApplicationContext getReactApplicationContext() {
+      return this.getThemedReactContext().getReactApplicationContext();
+  }
+
+  protected class RNCWebViewBridge {
+        private String TAG = "RNCWebViewBridge";
+        RNCWebView mWebView;
+        String injectedObjectJson;
+
+        RNCWebViewBridge(RNCWebView c) {
+          mWebView = c;
+        }
+
+        public void setInjectedObjectJson(String s) {
+            injectedObjectJson = s;
+        }
+
+        /**
+         * This method is called whenever JavaScript running within the web view calls:
+         * - window[JAVASCRIPT_INTERFACE].postMessage
+         */
+        @JavascriptInterface
+        public void postMessage(String message) {
+            if (mWebView.getMessagingEnabled()) {
+                mWebView.onMessage(message);
+            } else {
+                FLog.w(TAG, "ReactNativeWebView.postMessage method was called but messaging is disabled. Pass an onMessage handler to the WebView.");
+            }
+        }
+
+        @JavascriptInterface
+        public String injectedObjectJson() { return injectedObjectJson; }
+    }
+
+
+    protected static class ProgressChangedFilter {
+        private boolean waitingForCommandLoadUrl = false;
+
+        public void setWaitingForCommandLoadUrl(boolean isWaiting) {
+            waitingForCommandLoadUrl = isWaiting;
+        }
+
+        public boolean isWaitingForCommandLoadUrl() {
+            return waitingForCommandLoadUrl;
+        }
+    }
+}