Merge 8ca60d18c7 into 118663287a

.all-contributorsrc

 {
-  "projectName": "react-native-webview",
+  "projectName": "@react-native-community/webview",
   "projectOwner": "react-native-community",
   "repoType": "github",
   "repoHost": "https://github.com",

.github/ISSUE_TEMPLATE/bug-report.md

  - OS:
  - OS version:
  - react-native version:
- - react-native-webview version:
+ - @react-native-community/webview version:

docs/Contributing.md

 After you fork the repo, clone it to your machine, and make your changes, you'll want to test them in an app.
 
 There are two methods of testing:
-1) Testing within a clone of react-native-webview
+1) Testing within a clone of webview
 2) Testing in a new `react-native init` project
 
-### Testing within react-native-webview
+### Testing within webview
 
 #### For all platforms:
 ```
 In a new `react-native init` project, do this:
 
 ```
-$ yarn add ../react-native-webview
-$ react-native link react-native-webview
+$ yarn add ../webview
+$ react-native link webview
 ```
 
 You may run into a problem where the `jest-haste-map` module map says react-native was added twice:
 ```
 Loading dependency graph...(node:32651) UnhandledPromiseRejectionWarning: Error: jest-haste-map: Haste module naming collision:
   Duplicate module name: react-native
-  Paths: /Users/myuser/TestApp/node_modules/react-native/package.json collides with /Users/myuser/TestApp/node_modules/react-native-webview/node_modules/react-native/package.json
+  Paths: /Users/myuser/TestApp/node_modules/react-native/package.json collides with /Users/myuser/TestApp/node_modules/webview/node_modules/react-native/package.json
 ```
 
 Just remove the second path like this:
 
 ```
-$ rm -rf ./node_modules/react-native-webview/node_modules/react-native
+$ rm -rf ./node_modules/webview/node_modules/react-native
 ```
 
 And then re-run the packager:
 $ react-native start --reset-cache
 ```
 
-When you make a change, you'll probably need to unlink, remove, re-add, and re-link `react-native-webview`:
+When you make a change, you'll probably need to unlink, remove, re-add, and re-link `webview`:
 
 ```
-$ react-native unlink react-native-webview && yarn remove react-native-webview
-$ yarn add ../react-native-webview && react-native link react-native-webview
+$ react-native unlink webview && yarn remove webview
+$ yarn add ../webview && react-native link webview
 ```
 
 ## Notes

docs/Custom-Android.md

 
 You can trigger the event in your web view client. You can hook existing handlers if your events are based on them.
 
-You should refer to [RNCWebViewManager.java](https://github.com/react-native-community/react-native-webview/blob/master/android/src/main/java/com/reactnativecommunity/webview/RNCWebViewManager.java) in the react-native-webview codebase to see what handlers are available and how they are implemented. You can extend any methods here to provide extra functionality.
+You should refer to [RNCWebViewManager.java](https://github.com/react-native-community/webview/blob/master/android/src/main/java/com/reactnativecommunity/webview/RNCWebViewManager.java) in the webview codebase to see what handlers are available and how they are implemented. You can extend any methods here to provide extra functionality.
 
 ```java
 public class NavigationCompletedEvent extends Event<NavigationCompletedEvent> {
 ```javascript
 import React, {Component, PropTypes} from 'react';
 import {requireNativeComponent} from 'react-native';
-import {WebView} from 'react-native-webview';
+import {WebView} from '@react-native-community/webview';
 
 export default class CustomWebView extends Component {
   static propTypes = WebView.propTypes;
 
 For events, the event handler must always be set to a function. This means it isn't safe to use the event handler directly from `this.props`, as the user might not have provided one. The standard approach is to create a event handler in your class, and then invoking the event handler given in `this.props` if it exists.
 
-If you are unsure how something should be implemented from the JS side, look at [WebView.android.js](https://github.com/react-native-community/react-native-webview/blob/master/js/WebView.android.js) in the React Native source.
+If you are unsure how something should be implemented from the JS side, look at [WebView.android.js](https://github.com/react-native-community/webview/blob/master/js/WebView.android.js) in the React Native source.
 
 ```javascript
 export default class CustomWebView extends Component {

docs/Getting-Started.md

 
 Here's how to get started quickly with the React Native WebView.
 
-## 1. Add react-native-webview to your dependencies
+## 1. Add @react-native-community/webview to your dependencies
 
 ```
-$ yarn add react-native-webview
+$ yarn add @react-native-community/webview
 ```
  (or)
  
  For npm use
 ```
-$ npm install --save react-native-webview
+$ npm install --save @react-native-community/webview
 ```
 
 ## 2. Link native dependencies
 React Native modules that include native Objective-C, Swift, Java, or Kotlin code have to be "linked" so that the compiler knows to include them in the app.
 
 ```
-$ react-native link react-native-webview
+$ react-native link @react-native-community/webview
 ```
 
-_NOTE: If you ever need to uninstall React Native WebView, run `react-native unlink react-native-webview` to unlink it._
+_NOTE: If you ever need to uninstall React Native WebView, run `react-native unlink @react-native-community/webview` to unlink it._
 
 ### iOS:
 
 
 ### Android:
 
-Android - react-native-webview version <6:
+Android - @react-native-community/webview version <6:
 This module does not require any extra step after running the link command 🎉
 
-Android - react-native-webview version >=6.X.X:
+Android - @react-native-community/webview version >=6.X.X:
 Please make sure AndroidX is enabled in your project by editting `android/gradle.properties` and adding 2 lines:
 
 ```
 
 Cocoapod and autolinking is not yet support for react-native macOS but is coming soon.  In the meantime you must manually link.
 
-The method is nearly identical to the [manual linking method for iOS](https://facebook.github.io/react-native/docs/linking-libraries-ios#manual-linking) except that you will include the `node_modules/react-native-webview/macos/RNCWebView.xcodeproj` project in your main project and link the `RNCWebView-macOS.a` library. 
+The method is nearly identical to the [manual linking method for iOS](https://facebook.github.io/react-native/docs/linking-libraries-ios#manual-linking) except that you will include the `node_modules/@react-native-community/webview/macos/RNCWebView.xcodeproj` project in your main project and link the `RNCWebView-macOS.a` library. 
 
 ## 3. Import the webview into your component
 
 ```js
 import React, { Component } from 'react';
-import { WebView } from 'react-native-webview';
+import { WebView } from '@react-native-community/webview';
 
 class MyWeb extends Component {
   render() {
 
 ```js
 import React, { Component } from 'react';
-import { WebView } from 'react-native-webview';
+import { WebView } from '@react-native-community/webview';
 
 class MyInlineWeb extends Component {
   render() {

docs/Guide.md

 
 ```js
 import React, { Component } from 'react';
-import { WebView } from 'react-native-webview';
+import { WebView } from '@react-native-community/webview';
 
 class MyInlineWeb extends Component {
   render() {
 
 ```js
 import React, { Component } from 'react';
-import { WebView } from 'react-native-webview';
+import { WebView } from '@react-native-community/webview';
 
 class MyWeb extends Component {
   render() {
 
 ```js
 import React, { Component } from 'react';
-import { WebView } from 'react-native-webview';
+import { WebView } from '@react-native-community/webview';
 
 const myHtmlFile = require("./my-asset-folder/local-site.html");
 
 
 ```js
 import React, { Component } from 'react';
-import { WebView } from 'react-native-webview';
+import { WebView } from '@react-native-community/webview';
 
 class MyWeb extends Component {
   render() {
 
 ```js
 import React, { Component } from 'react';
-import { WebView } from 'react-native-webview';
+import { WebView } from '@react-native-community/webview';
 
 class MyWeb extends Component {
   webview = null;
 File Upload using `<input type="file" />` is not supported for Android 4.4 KitKat (see [details](https://github.com/delight-im/Android-AdvancedWebView/issues/4#issuecomment-70372146)):
 
 ```
-import { WebView } from "react-native-webview";
+import { WebView } from "@react-native-community/webview";
 
 WebView.isFileUploadSupported().then(res => {
   if (res === true) {
 ```jsx
 import React, { Component } from 'react';
 import { View } from 'react-native';
-import { WebView } from 'react-native-webview';
+import { WebView } from '@react-native-community/webview';
 
 export default class App extends Component {
   render() {
         <WebView
           source={{
             uri:
-              'https://github.com/react-native-community/react-native-webview',
+              'https://github.com/react-native-community/webview',
           }}
           injectedJavaScript={runFirst}
         />
 ```jsx
 import React, { Component } from 'react';
 import { View } from 'react-native';
-import { WebView } from 'react-native-webview';
+import { WebView } from '@react-native-community/webview';
 
 export default class App extends Component {
   render() {
         <WebView
           source={{
             uri:
-              'https://github.com/react-native-community/react-native-webview',
+              'https://github.com/react-native-community/webview',
           }}
           injectedJavaScriptBeforeContentLoaded={runFirst}
         />
 ```jsx
 import React, { Component } from 'react';
 import { View } from 'react-native';
-import { WebView } from 'react-native-webview';
+import { WebView } from '@react-native-community/webview';
 
 export default class App extends Component {
   render() {
           ref={r => (this.webref = r)}
           source={{
             uri:
-              'https://github.com/react-native-community/react-native-webview',
+              'https://github.com/react-native-community/webview',
           }}
         />
       </View>
 ```jsx
 import React, { Component } from 'react';
 import { View } from 'react-native';
-import { WebView } from 'react-native-webview';
+import { WebView } from '@react-native-community/webview';
 
 export default class App extends Component {
   render() {

example/examples/Alerts.tsx

 import React, {Component} from 'react';
 import {Text, View} from 'react-native';
 
-import WebView from 'react-native-webview';
+import WebView from '@react-native-community/webview';
 
 const HTML = `
 <!DOCTYPE html>\n

example/examples/Background.tsx

 import React, {Component} from 'react';
 import {Text, View} from 'react-native';
 
-import WebView from 'react-native-webview';
+import WebView from '@react-native-community/webview';
 
 const HTML = `
 <!DOCTYPE html>\n

example/examples/Scrolling.tsx

 import React, {Component} from 'react';
 import {Button, Text, View} from 'react-native';
 
-import WebView from 'react-native-webview';
+import WebView from '@react-native-community/webview';
 
 const HTML = `
 <!DOCTYPE html>\n

example/ios/Podfile.lock

     - React-cxxreact (= 0.61.5)
     - React-jsi (= 0.61.5)
   - React-jsinspector (0.61.5)
-  - react-native-webview (8.0.6):
+  - react-native-webview (8.1.0):
     - React
   - React-RCTActionSheet (0.61.5):
     - React-Core/RCTActionSheetHeaders (= 0.61.5)
   React-jsi: cb2cd74d7ccf4cffb071a46833613edc79cdf8f7
   React-jsiexecutor: d5525f9ed5f782fdbacb64b9b01a43a9323d2386
   React-jsinspector: fa0ecc501688c3c4c34f28834a76302233e29dc0
-  react-native-webview: 222d83c9c489e09b5d3541519110a637490ad4fa
+  react-native-webview: 6a787655a50a59c309ea032561ea8a8d8b8d1c45
   React-RCTActionSheet: 600b4d10e3aea0913b5a92256d2719c0cdd26d76
   React-RCTAnimation: 791a87558389c80908ed06cc5dfc5e7920dfa360
   React-RCTBlob: d89293cc0236d9cb0933d85e430b0bbe81ad1d72

ios/RNCWebView.m

   BOOL _savedKeyboardDisplayRequiresUserAction;
 
   // Workaround for StatusBar appearance bug for iOS 12
-  // https://github.com/react-native-community/react-native-webview/issues/62
+  // https://github.com/react-native-community/webview/issues/62
   BOOL _isFullScreenVideoOpen;
 #if !TARGET_OS_OSX
   UIStatusBarStyle _savedStatusBarStyle;
       name:UIKeyboardWillShowNotification object:nil];
 
     // Workaround for StatusBar appearance bug for iOS 12
-    // https://github.com/react-native-community/react-native-webview/issues/62
+    // https://github.com/react-native-community/webview/issues/62
       [[NSNotificationCenter defaultCenter] addObserver:self
                                                selector:@selector(showFullScreenVideoStatusBars)
                                                    name:UIWindowDidBecomeVisibleNotification

package.json

 {
-  "name": "react-native-webview",
+  "name": "@react-native-community/webview",
   "description": "React Native WebView component for iOS, Android, and macOS",
   "main": "index.js",
   "typings": "index.d.ts",
   ],
   "license": "MIT",
   "version": "8.1.1",
-  "homepage": "https://github.com/react-native-community/react-native-webview#readme",
+  "homepage": "https://github.com/react-native-community/webview#readme",
   "scripts": {
     "start": "node node_modules/react-native/local-cli/cli.js start",
     "start:android": "react-native run-android --root example/",
   },
   "repository": {
     "type": "git",
-    "url": "https://github.com/react-native-community/react-native-webview.git"
+    "url": "https://github.com/react-native-community/webview.git"
   },
   "files": [
     "android",

react-native-webview.podspec

 package = JSON.parse(File.read(File.join(__dir__, 'package.json')))
 
 Pod::Spec.new do |s|
-  s.name         = package['name']
+  s.name         = "react-native-webview"
   s.version      = package['version']
   s.summary      = package['description']
   s.license      = package['license']
   s.homepage     = package['homepage']
   s.platform     = :ios, "9.0"
 
-  s.source       = { :git => "https://github.com/react-native-community/react-native-webview.git", :tag => "v#{s.version}" }
+  s.source       = { :git => "https://github.com/react-native-community/webview.git", :tag => "v#{s.version}" }
   s.source_files  = "ios/**/*.{h,m}"
 
   s.dependency 'React'