@exodus/react-native-webview 11.26.1-exodus.8 → 13.16.0-exodus.0

package/lib/WebViewTypes.js

@@ -1,6 +1 @@
-/* eslint-disable react/no-multi-comp, max-classes-per-file */
-import { Component } from 'react';
-export class NativeWebViewIOS extends NativeWebViewIOSBase {
-}
-export class NativeWebViewAndroid extends NativeWebViewAndroidBase {
-}
+var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.NativeWebViewWindows=exports.NativeWebViewMacOS=void 0;var _createClass2=_interopRequireDefault(require("@babel/runtime/helpers/createClass"));var _classCallCheck2=_interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));var _possibleConstructorReturn2=_interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));var _getPrototypeOf2=_interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));var _inherits2=_interopRequireDefault(require("@babel/runtime/helpers/inherits"));var _react=require("react");function _callSuper(t,o,e){return o=(0,_getPrototypeOf2.default)(o),(0,_possibleConstructorReturn2.default)(t,_isNativeReflectConstruct()?Reflect.construct(o,e||[],(0,_getPrototypeOf2.default)(t).constructor):o.apply(t,e));}function _isNativeReflectConstruct(){try{var t=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}));}catch(t){}return(_isNativeReflectConstruct=function _isNativeReflectConstruct(){return!!t;})();}var NativeWebViewMacOS=exports.NativeWebViewMacOS=function(_NativeWebViewMacOSBa){(0,_inherits2.default)(NativeWebViewMacOS,_NativeWebViewMacOSBa);function NativeWebViewMacOS(){(0,_classCallCheck2.default)(this,NativeWebViewMacOS);return _callSuper(this,NativeWebViewMacOS,arguments);}return(0,_createClass2.default)(NativeWebViewMacOS);}(NativeWebViewMacOSBase);var NativeWebViewWindows=exports.NativeWebViewWindows=function(_NativeWebViewWindows){(0,_inherits2.default)(NativeWebViewWindows,_NativeWebViewWindows);function NativeWebViewWindows(){(0,_classCallCheck2.default)(this,NativeWebViewWindows);return _callSuper(this,NativeWebViewWindows,arguments);}return(0,_createClass2.default)(NativeWebViewWindows);}(NativeWebViewWindowsBase);

package/lib/index.d.ts

@@ -1,4 +1,3 @@
 import WebView from './WebView';
 export { WebView };
 export default WebView;
-//# sourceMappingURL=index.d.ts.map

package/lib/index.js

@@ -1,3 +1 @@
-import WebView from './WebView';
-export { WebView };
-export default WebView;
+var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"WebView",{enumerable:true,get:function get(){return _WebView.default;}});exports.default=void 0;var _WebView=_interopRequireDefault(require("./WebView"));var _default=exports.default=_WebView.default;

package/lib/validation.d.ts

@@ -0,0 +1,3 @@
+import type { AndroidWebViewProps, IOSWebViewProps } from './WebViewTypes';
+declare const validateProps: <P extends IOSWebViewProps | AndroidWebViewProps>(props: P) => P;
+export default validateProps;

package/lib/validation.js

@@ -0,0 +1 @@
+var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _invariant=_interopRequireDefault(require("invariant"));var validateProps=function validateProps(props){if(props.source&&'html'in props.source){var originWhitelist=props.originWhitelist;(0,_invariant.default)(originWhitelist&&originWhitelist.length>0&&!originWhitelist.includes('*'),'originWhitelist is required when using source.html prop and cannot include *');}return props;};var _default=exports.default=validateProps;

package/package.json

@@ -3,24 +3,30 @@
   "description": "React Native WebView component for iOS, Android, macOS, and Windows",
   "main": "index.js",
   "main-internal": "src/index.ts",
+  "react-native": "src/index.ts",
   "typings": "index.d.ts",
   "author": "Jamon Holmgren <jamon@infinite.red>",
   "contributors": [
     "Thibault Malbranche <malbranche.thibault@gmail.com>"
   ],
   "license": "MIT",
-  "version": "11.26.1-exodus.8",
+  "version": "13.16.0-exodus.0",
   "homepage": "https://github.com/ExodusMovement/react-native-webview#readme",
   "scripts": {
     "android": "react-native run-android",
-    "ios": "react-native run-ios --project-path example/ios",
-    "start": "cd example && react-native start",
+    "ios": "react-native run-ios",
+    "macos": "react-native run-macos --scheme WebviewExample --project-path example/macos",
+    "start": "react-native start",
+    "windows": "install-windows-test-app --project-directory example/windows && react-native run-windows --root example --arch x64",
     "ci": "CI=true && yarn lint",
     "ci:publish": "yarn semantic-release",
-    "lint": "yarn tsc --noEmit && yarn eslint ./src --ext .ts,.tsx",
-    "build": "yarn tsc",
-    "prepare": "yarn build",
-    "appium": "appium"
+    "lint": "yarn tsc --noEmit && yarn eslint ./src --ext .ts,.tsx,.js,.jsx",
+    "build": "babel --extensions \".ts,.tsx\" --out-dir lib src",
+    "prepare:types": "tsc --noEmit false --emitDeclarationOnly --declaration --rootDir src --outDir lib",
+    "prepare": "yarn prepare:types && yarn build",
+    "appium": "appium",
+    "test:windows": "yarn jest --setupFiles=./jest-setups/jest.setup.js",
+    "add:macos": "yarn add react-native-macos@0.73.17"
   },
   "rn-docs": {
     "title": "Webview",
@@ -31,38 +37,37 @@
     "react-native": "*"
   },
   "dependencies": {
-    "escape-string-regexp": "2.0.0",
+    "escape-string-regexp": "^4.0.0",
     "invariant": "2.2.4"
   },
   "devDependencies": {
-    "@babel/core": "^7.0.0",
-    "@babel/runtime": "^7.0.0",
+    "@babel/cli": "^7.20.0",
+    "@babel/core": "^7.20.0",
+    "@babel/runtime": "^7.20.0",
+    "@callstack/react-native-visionos": "0.73.8",
+    "@react-native/babel-preset": "0.73.21",
+    "@react-native/eslint-config": "0.73.2",
+    "@react-native/metro-config": "0.73.5",
+    "@react-native/typescript-config": "0.73.1",
+    "@rnx-kit/metro-config": "1.3.15",
     "@semantic-release/git": "7.0.16",
     "@types/invariant": "^2.2.30",
-    "@types/jest": "^26.0.0",
-    "@types/react": "^17.0.0",
-    "@types/react-native": "^0.67.3",
+    "@types/jest": "^29.5.12",
+    "@types/react": "18.2.61",
     "@types/selenium-webdriver": "4.0.9",
-    "@typescript-eslint/eslint-plugin": "2.1.0",
-    "@typescript-eslint/parser": "2.1.0",
     "appium": "1.17.0",
-    "eslint": "6.3.0",
-    "eslint-config-airbnb": "18.0.1",
-    "eslint-config-prettier": "6.2.0",
-    "eslint-plugin-import": "2.18.2",
-    "eslint-plugin-jsx-a11y": "6.2.3",
-    "eslint-plugin-react": "7.14.3",
-    "eslint-plugin-react-hooks": "^4.5.0",
-    "eslint-plugin-react-native": "3.7.0",
-    "jest": "^26.6.3",
-    "metro-react-native-babel-preset": "^0.67.0",
-    "react": "17.0.2",
-    "react-native": "0.68.5",
-    "react-native-test-app": "2.3.2",
+    "eslint": "8.57.0",
+    "jest": "^29.6.3",
+    "prettier": "2.8.8",
+    "react": "18.2.0",
+    "react-native": "0.73.5",
+    "react-native-macos": "0.73.17",
+    "react-native-test-app": "3.7.2",
+    "react-native-windows": "0.73.8",
     "selenium-appium": "1.0.2",
     "selenium-webdriver": "4.0.0-alpha.7",
     "semantic-release": "15.13.24",
-    "typescript": "^4.0.0",
+    "typescript": "5.1.3",
     "winappdriver": "^0.0.7"
   },
   "repository": {
@@ -70,14 +75,33 @@
     "url": "https://github.com/ExodusMovement/react-native-webview.git"
   },
   "files": [
-    "android",
+    "android/src",
+    "android/build.gradle",
+    "android/gradle.properties",
     "apple",
     "ios",
     "lib",
+    "src",
     "index.js",
     "index.d.ts",
     "react-native-webview.podspec",
-    "react-native.config.js",
-    "!**/*.map"
-  ]
+    "react-native.config.js"
+  ],
+  "codegenConfig": {
+    "name": "RNCWebViewSpec",
+    "type": "all",
+    "jsSrcsDir": "./src",
+    "android": {
+      "javaPackageName": "com.reactnativecommunity.webview"
+    },
+    "ios": {
+      "componentProvider": {
+        "RNCWebView": "RNCWebView"
+      },
+      "modulesProvider": {
+        "RNCWebViewModule": "RNCWebViewModule"
+      }
+    }
+  },
+  "packageManager": "yarn@1.22.19"
 }

package/react-native-webview.podspec

@@ -1,19 +1,46 @@
 require 'json'
 
+new_arch_enabled = ENV['RCT_NEW_ARCH_ENABLED'] == '1'
+ios_platform = new_arch_enabled ? '11.0' : '9.0'
+
 package = JSON.parse(File.read(File.join(__dir__, 'package.json')))
 
 Pod::Spec.new do |s|
-  s.name         = 'react-native-webview'
+  s.name         = "react-native-webview"
   s.version      = package['version']
   s.summary      = package['description']
   s.license      = package['license']
 
   s.authors      = package['author']
   s.homepage     = package['homepage']
-  s.platforms    = { :ios => "9.0" }
+  s.platforms    = { :ios => ios_platform, :osx => "10.13", :visionos => "1.0" }
+
+  s.source       = { :git => "https://github.com/react-native-webview/react-native-webview.git", :tag => "v#{s.version}" }
+
+  s.source_files    = "apple/**/*.{h,m,mm,swift}"
+
+  if defined?(install_modules_dependencies()) != nil
+    install_modules_dependencies(s);
+  else
+    if new_arch_enabled
+      folly_compiler_flags = '-DFOLLY_NO_CONFIG -DFOLLY_MOBILE=1 -DFOLLY_USE_LIBCPP=1 -Wno-comma -Wno-shorten-64-to-32'
+
+      s.compiler_flags = folly_compiler_flags + " -DRCT_NEW_ARCH_ENABLED=1"
 
-  s.source       = { :git => "https://github.com/ExodusMovement/react-native-webview.git", :tag => "v#{s.version}" }
-  s.source_files  = "apple/**/*.{h,m}"
+      s.pod_target_xcconfig = {
+          "HEADER_SEARCH_PATHS" => "\"$(PODS_ROOT)/boost\"",
+          "OTHER_CPLUSPLUSFLAGS" => "-DFOLLY_NO_CONFIG -DFOLLY_MOBILE=1 -DFOLLY_USE_LIBCPP=1",
+          "CLANG_CXX_LANGUAGE_STANDARD" => "c++17"
+      }
 
-  s.dependency 'React-Core'
+      s.dependency "React-RCTFabric"
+      s.dependency "React-Codegen"
+      s.dependency "RCT-Folly"
+      s.dependency "RCTRequired"
+      s.dependency "RCTTypeSafety"
+      s.dependency "ReactCommon/turbomodule/core"
+    else
+      s.dependency "React-Core"
+    end
+  end
 end

package/react-native.config.js

@@ -1,36 +1,40 @@
 const project = (() => {
-  const fs = require('fs');
   const path = require('path');
   try {
-    const {
-      androidManifestPath,
-      iosProjectPath,
-    } = require('react-native-test-app');
-    return {
+    const { configureProjects } = require('react-native-test-app');
+    return configureProjects({
       android: {
         sourceDir: path.join('example', 'android'),
-        manifestPath: androidManifestPath(
-          path.join(__dirname, 'example', 'android'),
-        ),
       },
       ios: {
-        project: iosProjectPath('example/ios'),
+        sourceDir: 'example/ios',
       },
-    };
-  } catch (_) {
+      windows: {
+        sourceDir: path.join('example', 'windows'),
+        solutionFile: path.join('example', 'windows', 'WebviewExample.sln'),
+      },
+    });
+  } catch (e) {
     return undefined;
   }
 })();
 
 module.exports = {
-  dependencies: {
-    // Help rn-cli find and autolink this library
-    'react-native-webview': {
-      root: __dirname,
-    },
-  },
   dependency: {
     platforms: {
+      ios: {
+        podspecPath: __dirname + '/react-native-webview.podspec',
+      },
+      windows: {
+        sourceDir: 'windows',
+        solutionFile: 'ReactNativeWebView.sln',
+        projects: [
+          {
+            projectFile: 'ReactNativeWebView/ReactNativeWebView.vcxproj',
+            directDependency: true,
+          },
+        ],
+      },
     },
   },
   ...(project ? { project } : undefined),

package/src/NativeRNCWebViewModule.ts

@@ -0,0 +1,13 @@
+import type { TurboModule } from 'react-native';
+import { TurboModuleRegistry } from 'react-native';
+import { Double } from 'react-native/Libraries/Types/CodegenTypes';
+
+export interface Spec extends TurboModule {
+  isFileUploadSupported(): Promise<boolean>;
+  shouldStartLoadWithLockIdentifier(
+    shouldStart: boolean,
+    lockIdentifier: Double
+  ): void;
+}
+
+export default TurboModuleRegistry.getEnforcing<Spec>('RNCWebViewModule');

package/src/RNCWebViewNativeComponent.ts

@@ -0,0 +1,348 @@
+import type { HostComponent, ViewProps } from 'react-native';
+import codegenNativeComponent from 'react-native/Libraries/Utilities/codegenNativeComponent';
+import {
+  DirectEventHandler,
+  Double,
+  Int32,
+  WithDefault,
+} from 'react-native/Libraries/Types/CodegenTypes';
+import codegenNativeCommands from 'react-native/Libraries/Utilities/codegenNativeCommands';
+
+export type WebViewNativeEvent = Readonly<{
+  url: string;
+  loading: boolean;
+  title: string;
+  canGoBack: boolean;
+  canGoForward: boolean;
+  lockIdentifier: Double;
+}>;
+export type WebViewCustomMenuSelectionEvent = Readonly<{
+  label: string;
+  key: string;
+  selectedText: string;
+}>;
+export type WebViewMessageEvent = Readonly<{
+  url: string;
+  loading: boolean;
+  title: string;
+  canGoBack: boolean;
+  canGoForward: boolean;
+  lockIdentifier: Double;
+  data: string;
+}>;
+export type WebViewOpenWindowEvent = Readonly<{
+  targetUrl: string;
+}>;
+export type WebViewHttpErrorEvent = Readonly<{
+  url: string;
+  loading: boolean;
+  title: string;
+  canGoBack: boolean;
+  canGoForward: boolean;
+  lockIdentifier: Double;
+  description: string;
+  statusCode: Int32;
+}>;
+
+export type WebViewErrorEvent = Readonly<{
+  url: string;
+  loading: boolean;
+  title: string;
+  canGoBack: boolean;
+  canGoForward: boolean;
+  lockIdentifier: Double;
+  domain?: string;
+  code: Int32;
+  description: string;
+}>;
+
+export type WebViewNativeProgressEvent = Readonly<{
+  url: string;
+  loading: boolean;
+  title: string;
+  canGoBack: boolean;
+  canGoForward: boolean;
+  lockIdentifier: Double;
+  progress: Double;
+}>;
+
+export type WebViewNavigationEvent = Readonly<{
+  url: string;
+  loading: boolean;
+  title: string;
+  canGoBack: boolean;
+  canGoForward: boolean;
+  lockIdentifier: Double;
+  navigationType:
+    | 'click'
+    | 'formsubmit'
+    | 'backforward'
+    | 'reload'
+    | 'formresubmit'
+    | 'other';
+  mainDocumentURL?: string;
+}>;
+
+export type ShouldStartLoadRequestEvent = Readonly<{
+  url: string;
+  loading: boolean;
+  title: string;
+  canGoBack: boolean;
+  canGoForward: boolean;
+  lockIdentifier: Double;
+  navigationType:
+    | 'click'
+    | 'formsubmit'
+    | 'backforward'
+    | 'reload'
+    | 'formresubmit'
+    | 'other';
+  mainDocumentURL?: string;
+  isTopFrame: boolean;
+}>;
+
+type ScrollEvent = Readonly<{
+  contentInset: {
+    bottom: Double;
+    left: Double;
+    right: Double;
+    top: Double;
+  };
+  contentOffset: {
+    y: Double;
+    x: Double;
+  };
+  contentSize: {
+    height: Double;
+    width: Double;
+  };
+  layoutMeasurement: {
+    height: Double;
+    width: Double;
+  };
+  targetContentOffset?: {
+    y: Double;
+    x: Double;
+  };
+  velocity?: {
+    y: Double;
+    x: Double;
+  };
+  zoomScale?: Double;
+  responderIgnoreScroll?: boolean;
+}>;
+
+type WebViewRenderProcessGoneEvent = Readonly<{
+  didCrash: boolean;
+}>;
+
+type WebViewDownloadEvent = Readonly<{
+  downloadUrl: string;
+}>;
+
+// type MenuItem = Readonly<{label: string, key: string}>;
+
+export interface NativeProps extends ViewProps {
+  // Android only
+  allowFileAccess?: boolean;
+  allowsProtectedMedia?: boolean;
+  allowsFullscreenVideo?: boolean;
+  androidLayerType?: WithDefault<'none' | 'software' | 'hardware', 'none'>;
+  cacheMode?: WithDefault<
+    | 'LOAD_DEFAULT'
+    | 'LOAD_CACHE_ELSE_NETWORK'
+    | 'LOAD_NO_CACHE'
+    | 'LOAD_CACHE_ONLY',
+    'LOAD_DEFAULT'
+  >;
+  domStorageEnabled?: boolean;
+  downloadingMessage?: string;
+  forceDarkOn?: boolean;
+  geolocationEnabled?: boolean;
+  lackPermissionToDownloadMessage?: string;
+  messagingModuleName: string;
+  minimumFontSize?: Int32;
+  mixedContentMode?: WithDefault<'never' | 'always' | 'compatibility', 'never'>;
+  nestedScrollEnabled?: boolean;
+  onContentSizeChange?: DirectEventHandler<WebViewNativeEvent>;
+  onRenderProcessGone?: DirectEventHandler<WebViewRenderProcessGoneEvent>;
+  overScrollMode?: string;
+  saveFormDataDisabled?: boolean;
+  scalesPageToFit?: WithDefault<boolean, true>;
+  setBuiltInZoomControls?: WithDefault<boolean, true>;
+  setDisplayZoomControls?: boolean;
+  setSupportMultipleWindows?: WithDefault<boolean, true>;
+  textZoom?: Int32;
+  thirdPartyCookiesEnabled?: WithDefault<boolean, true>;
+  // Workaround to watch if listener if defined
+  hasOnScroll?: boolean;
+  // !Android only
+
+  // iOS only
+  allowingReadAccessToURL?: string;
+  allowsBackForwardNavigationGestures?: boolean;
+  allowsInlineMediaPlayback?: boolean;
+  allowsPictureInPictureMediaPlayback?: boolean;
+  allowsAirPlayForMediaPlayback?: boolean;
+  allowsLinkPreview?: WithDefault<boolean, true>;
+  automaticallyAdjustContentInsets?: WithDefault<boolean, true>;
+  autoManageStatusBarEnabled?: WithDefault<boolean, true>;
+  bounces?: WithDefault<boolean, true>;
+  contentInset?: Readonly<{
+    top?: Double;
+    left?: Double;
+    bottom?: Double;
+    right?: Double;
+  }>;
+  contentInsetAdjustmentBehavior?: WithDefault<
+    'never' | 'automatic' | 'scrollableAxes' | 'always',
+    'never'
+  >;
+  contentMode?: WithDefault<
+    'recommended' | 'mobile' | 'desktop',
+    'recommended'
+  >;
+  dataDetectorTypes?: WithDefault<
+    ReadonlyArray<
+      | 'address'
+      | 'link'
+      | 'calendarEvent'
+      | 'trackingNumber'
+      | 'flightNumber'
+      | 'lookupSuggestion'
+      | 'phoneNumber'
+      | 'all'
+      | 'none'
+    >,
+    'phoneNumber'
+  >;
+  decelerationRate?: Double;
+  directionalLockEnabled?: WithDefault<boolean, true>;
+  enableApplePay?: boolean;
+  hideKeyboardAccessoryView?: boolean;
+  keyboardDisplayRequiresUserAction?: WithDefault<boolean, true>;
+  limitsNavigationsToAppBoundDomains?: boolean;
+  mediaCapturePermissionGrantType?: WithDefault<
+    | 'prompt'
+    | 'grant'
+    | 'deny'
+    | 'grantIfSameHostElsePrompt'
+    | 'grantIfSameHostElseDeny',
+    'prompt'
+  >;
+  pagingEnabled?: boolean;
+  pullToRefreshEnabled?: boolean;
+  refreshControlLightMode?: boolean;
+  scrollEnabled?: WithDefault<boolean, true>;
+  sharedCookiesEnabled?: boolean;
+  textInteractionEnabled?: WithDefault<boolean, true>;
+  useSharedProcessPool?: WithDefault<boolean, true>;
+  onContentProcessDidTerminate?: DirectEventHandler<WebViewNativeEvent>;
+  onCustomMenuSelection?: DirectEventHandler<WebViewCustomMenuSelectionEvent>;
+  onFileDownload?: DirectEventHandler<WebViewDownloadEvent>;
+
+  menuItems?: ReadonlyArray<Readonly<{ label: string; key: string }>>;
+  suppressMenuItems?: Readonly<string>[];
+  // Workaround to watch if listener if defined
+  hasOnFileDownload?: boolean;
+  fraudulentWebsiteWarningEnabled?: WithDefault<boolean, true>;
+  // !iOS only
+
+  allowFileAccessFromFileURLs?: boolean;
+  allowUniversalAccessFromFileURLs?: boolean;
+  applicationNameForUserAgent?: string;
+  basicAuthCredential?: Readonly<{
+    username: string;
+    password: string;
+  }>;
+  cacheEnabled?: WithDefault<boolean, true>;
+  incognito?: boolean;
+  injectedJavaScript?: string;
+  injectedJavaScriptBeforeContentLoaded?: string;
+  injectedJavaScriptForMainFrameOnly?: WithDefault<boolean, true>;
+  injectedJavaScriptBeforeContentLoadedForMainFrameOnly?: WithDefault<
+    boolean,
+    true
+  >;
+  javaScriptCanOpenWindowsAutomatically?: boolean;
+  javaScriptEnabled?: WithDefault<boolean, true>;
+  webviewDebuggingEnabled?: boolean;
+  mediaPlaybackRequiresUserAction?: WithDefault<boolean, true>;
+  messagingEnabled: boolean;
+  onLoadingError: DirectEventHandler<WebViewErrorEvent>;
+  onLoadingSubResourceError: DirectEventHandler<WebViewErrorEvent>;
+  onLoadingFinish: DirectEventHandler<WebViewNavigationEvent>;
+  onLoadingProgress: DirectEventHandler<WebViewNativeProgressEvent>;
+  onLoadingStart: DirectEventHandler<WebViewNavigationEvent>;
+  onHttpError: DirectEventHandler<WebViewHttpErrorEvent>;
+  onMessage: DirectEventHandler<WebViewMessageEvent>;
+  onOpenWindow?: DirectEventHandler<WebViewOpenWindowEvent>;
+  hasOnOpenWindowEvent?: boolean;
+  onScroll?: DirectEventHandler<ScrollEvent>;
+  onShouldStartLoadWithRequest: DirectEventHandler<ShouldStartLoadRequestEvent>;
+  showsHorizontalScrollIndicator?: WithDefault<boolean, true>;
+  showsVerticalScrollIndicator?: WithDefault<boolean, true>;
+  indicatorStyle?: WithDefault<'default' | 'black' | 'white', 'default'>;
+  newSource: Readonly<{
+    uri?: string;
+    method?: string;
+    body?: string;
+
+    headers?: ReadonlyArray<Readonly<{ name: string; value: string }>>;
+    html?: string;
+    baseUrl?: string;
+  }>;
+  userAgent?: string;
+  injectedJavaScriptObject?: string;
+  paymentRequestEnabled?: boolean;
+}
+
+export interface NativeCommands {
+  goBack: (viewRef: React.ElementRef<HostComponent<NativeProps>>) => void;
+  goForward: (viewRef: React.ElementRef<HostComponent<NativeProps>>) => void;
+  reload: (viewRef: React.ElementRef<HostComponent<NativeProps>>) => void;
+  stopLoading: (viewRef: React.ElementRef<HostComponent<NativeProps>>) => void;
+  injectJavaScript: (
+    viewRef: React.ElementRef<HostComponent<NativeProps>>,
+    javascript: string
+  ) => void;
+  requestFocus: (viewRef: React.ElementRef<HostComponent<NativeProps>>) => void;
+  postMessage: (
+    viewRef: React.ElementRef<HostComponent<NativeProps>>,
+    data: string
+  ) => void;
+  // Android Only
+  loadUrl: (
+    viewRef: React.ElementRef<HostComponent<NativeProps>>,
+    url: string
+  ) => void;
+  clearFormData: (
+    viewRef: React.ElementRef<HostComponent<NativeProps>>
+  ) => void;
+  clearCache: (
+    viewRef: React.ElementRef<HostComponent<NativeProps>>,
+    includeDiskFiles: boolean
+  ) => void;
+  clearHistory: (viewRef: React.ElementRef<HostComponent<NativeProps>>) => void;
+  // !Android Only
+}
+
+export const Commands = codegenNativeCommands<NativeCommands>({
+  supportedCommands: [
+    'goBack',
+    'goForward',
+    'reload',
+    'stopLoading',
+    'injectJavaScript',
+    'requestFocus',
+    'postMessage',
+    'loadUrl',
+    'clearFormData',
+    'clearCache',
+    'clearHistory',
+  ],
+});
+
+export default codegenNativeComponent<NativeProps>(
+  'RNCWebView'
+) as HostComponent<NativeProps>;