@react-native-ohos/react-native-webview 13.10.5-rc.1

package/harmony/rn_webview/src/main/resources/zh_CN/element/string.json

@@ -0,0 +1,40 @@
+{
+  "string": [
+    {
+      "name": "page_show",
+      "value": "page from npm package"
+    },
+    {
+      "name": "deny",
+      "value": "不允许"
+    },
+    {
+      "name": "on_confirm",
+      "value": "允许"
+    },
+    {
+      "name": "use_your_camera",
+      "value": "使用你的摄像头？"
+    },
+    {
+      "name": "use_your_microphone",
+      "value": "使用你的麦克风？"
+    },
+    {
+      "name": "use_your_camera_and_microphone",
+      "value": "使用你的摄像头和麦克风？"
+    },
+    {
+      "name": "midi_sysex_resources",
+      "value": "访问 MIDI SYSEX 资源？"
+    },
+    {
+      "name": "determined",
+      "value": "确认"
+    },
+    {
+      "name": "cancel",
+      "value": "取消"
+    }
+  ]
+}

package/harmony/rn_webview/src/test/List.test.ets

@@ -0,0 +1,5 @@
+import localUnitTest from './LocalUnit.test';
+
+export default function testsuite() {
+  localUnitTest();
+}

package/harmony/rn_webview/src/test/LocalUnit.test.ets

@@ -0,0 +1,33 @@
+import { describe, beforeAll, beforeEach, afterEach, afterAll, it, expect } from '@ohos/hypium';
+
+export default function localUnitTest() {
+  describe('localUnitTest',() => {
+    // Defines a test suite. Two parameters are supported: test suite name and test suite function.
+    beforeAll(() => {
+      // Presets an action, which is performed only once before all test cases of the test suite start.
+      // This API supports only one parameter: preset action function.
+    });
+    beforeEach(() => {
+      // Presets an action, which is performed before each unit test case starts.
+      // The number of execution times is the same as the number of test cases defined by **it**.
+      // This API supports only one parameter: preset action function.
+    });
+    afterEach(() => {
+      // Presets a clear action, which is performed after each unit test case ends.
+      // The number of execution times is the same as the number of test cases defined by **it**.
+      // This API supports only one parameter: clear action function.
+    });
+    afterAll(() => {
+      // Presets a clear action, which is performed after all test cases of the test suite end.
+      // This API supports only one parameter: clear action function.
+    });
+    it('assertContain', 0, () => {
+      // Defines a test case. This API supports three parameters: test case name, filter parameter, and test case function.
+      let a = 'abc';
+      let b = 'b';
+      // Defines a variety of assertion methods, which are used to declare expected boolean conditions.
+      expect(a).assertContain(b);
+      expect(a).assertEqual(a);
+    });
+  });
+}

package/harmony/rn_webview/ts.ets

@@ -0,0 +1,29 @@
+/**
+ * MIT License
+ *
+ * Copyright (C) 2025 Huawei Device Co., Ltd.
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ */
+
+import {RNCWebViewPackage as WebViewPackage} from './src/main/ets/RNCWebViewPackage'
+
+export {WebViewPackage};
+
+export * from './src/main/ets/RNCWebViewPackage'

package/package.json

@@ -0,0 +1,107 @@
+{
+  "name": "@react-native-ohos/react-native-webview",
+  "description": "React Native WebView component for harmony",
+  "react-native": "src/index",
+  "source": "src/index",
+  "typings": "index.d.ts",
+  "author": "Jamon Holmgren <jamon@infinite.red>",
+  "contributors": [
+    "Thibault Malbranche <malbranche.thibault@gmail.com>"
+  ],
+  "license": "MIT",
+  "version": "13.10.5-rc.1",
+  "homepage": "https://github.com/react-native-oh-library/react-native-webview#readme",
+  "scripts": {
+    "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,.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",
+    "codegen-lib": "react-native codegen-lib-harmony --no-safety-check --npm-package-name react-native-webview --cpp-output-path ./harmony/rn_webview/src/main/cpp/generated --ets-output-path ./harmony/rn_webview/src/main/ets/generated --turbo-modules-spec-paths ./src  --arkts-components-spec-paths ./src"
+  },
+  "rn-docs": {
+    "title": "Webview",
+    "type": "Component"
+  },
+  "peerDependencies": {
+    "react": "*",
+    "react-native": "*"
+  },
+  "dependencies": {
+    "escape-string-regexp": "2.0.0",
+    "invariant": "2.2.4",
+    "react-native-webview": "13.10.2",
+    "yarn": "^1.22.22"
+  },
+  "devDependencies": {
+    "@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",
+    "@rnoh/react-native-harmony-cli": "npm:@react-native-oh/react-native-harmony-cli@^0.0.27",
+    "@rnx-kit/metro-config": "1.3.15",
+    "@semantic-release/git": "7.0.16",
+    "@types/invariant": "^2.2.30",
+    "@types/jest": "^29.5.12",
+    "@types/minimatch": "^6.0.0",
+    "@types/react": "18.2.61",
+    "@types/selenium-webdriver": "4.0.9",
+    "appium": "1.17.0",
+    "eslint": "8.57.0",
+    "jest": "^29.6.3",
+    "metro-react-native-babel-preset": "0.73.7",
+    "minimatch": "^10.0.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": "5.1.3",
+    "winappdriver": "^0.0.7"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git://github.com/react-native-oh-library/react-native-webview.git"
+  },
+  "files": [
+    "src",
+    "harmony",
+    "react-native-webview.podspec",
+    "!**/__tests__",
+    "!**/__fixtures__",
+    "!**/__mocks__"
+  ],
+  "keywords": [
+    "react-native",
+    "harmony"
+  ],
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org/",
+    "access": "public"
+  },
+  "harmony": {
+    "alias": "react-native-webview",
+    "autolinking": {
+      "etsPackageClassName": "WebViewPackage",
+      "cppPackageClassName": "WebViewPackage",
+      "cmakeLibraryTargetName": "rnoh_webview",
+      "ohPackageName": "@react-native-ohos/react-native-webview"
+    }
+  },
+  "packageManager": "yarn@1.22.19"
+}

package/src/NativeRNCWebView.ts

@@ -0,0 +1,16 @@
+import type { TurboModule } from 'react-native';
+import { TurboModuleRegistry } from 'react-native';
+import { Double } from 'react-native/Libraries/Types/CodegenTypes';
+
+export interface Spec extends TurboModule {
+  readonly getConstants: () => {};
+
+  // your module methods go here, for example:
+  isFileUploadSupported(): Promise<boolean>;
+  shouldStartLoadWithLockIdentifier(
+    shouldStart: boolean,
+    lockIdentifier: Double
+  ): void;
+}
+
+export default TurboModuleRegistry.getEnforcing<Spec>('RNCWebView');

package/src/NativeRNCWebViewModule.ts

@@ -0,0 +1,17 @@
+// Copyright (c) 2025 Huawei Device Co., Ltd. All rights reserved
+// Use of this source code is governed by a Apache-2.0 license that can be
+// found in the LICENSE file.
+
+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,286 @@
+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';
+import type { UnsafeMixed } from './codegenUtils';
+
+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?: WithDefault<boolean, false>;
+  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?: boolean;
+  setBuiltInZoomControls?: boolean;
+  setDisplayZoomControls?: boolean;
+  setSupportMultipleWindows?: boolean;
+  textZoom?: Int32;
+  thirdPartyCookiesEnabled?: boolean;
+  // Workaround to watch if listener if defined
+  hasOnScroll?: boolean;
+  injectedJavaScriptObject?: string;
+  // !Android only
+
+  // iOS only
+  allowingReadAccessToURL?: string;
+  allowsBackForwardNavigationGestures?: boolean;
+  allowsInlineMediaPlayback?: boolean;
+  allowsAirPlayForMediaPlayback?: boolean;
+  allowsLinkPreview?: boolean;
+  automaticallyAdjustContentInsets?: boolean;
+  ignoreSilentHardwareSwitch?:boolean;
+  autoManageStatusBarEnabled?: boolean;
+  bounces?: boolean;
+  contentInset?: UnsafeMixed<Readonly<{
+    top?: Double;
+    left?: Double;
+    bottom?: Double;
+    right?: Double;
+  }>>;
+  contentInsetAdjustmentBehavior?: WithDefault<'never' | 'automatic' | 'scrollableAxes' | 'always', 'never'>;
+  contentMode?: WithDefault<'recommended' | 'mobile' | 'desktop', 'recommended'>;
+  dataDetectorTypes?: WithDefault<
+    // eslint-disable-next-line @typescript-eslint/array-type
+    UnsafeMixed<ReadonlyArray<'address' | 'link' | 'calendarEvent' | 'trackingNumber' | 'flightNumber' | 'lookupSuggestion' | 'phoneNumber' | 'all' | 'none'>>,
+    'phoneNumber'
+  >;
+  decelerationRate?: Double;
+  directionalLockEnabled?: boolean;
+  enableApplePay?: boolean;
+  hideKeyboardAccessoryView?: boolean;
+  keyboardDisplayRequiresUserAction?: boolean;
+  limitsNavigationsToAppBoundDomains?: boolean;
+  mediaCapturePermissionGrantType?: WithDefault<'prompt' | 'grant' | 'deny' | 'grantIfSameHostElsePrompt' | 'grantIfSameHostElseDeny', 'prompt'>;
+  pagingEnabled?: boolean;
+  pullToRefreshEnabled?: boolean;
+  scrollEnabled?: boolean;
+  sharedCookiesEnabled?: boolean;
+  textInteractionEnabled?: boolean;
+  useSharedProcessPool?: boolean;
+  onContentProcessDidTerminate?: DirectEventHandler<WebViewNativeEvent>;
+  onCustomMenuSelection?: DirectEventHandler<WebViewCustomMenuSelectionEvent>;
+  onFileDownload?: DirectEventHandler<WebViewDownloadEvent>;
+  // eslint-disable-next-line @typescript-eslint/array-type
+  menuItems?: UnsafeMixed<ReadonlyArray<UnsafeMixed<Readonly<{label: string, key: string}>>>>;
+  suppressMenuItems?: UnsafeMixed<Readonly<string>>[];
+  // Workaround to watch if listener if defined
+  hasOnFileDownload?: boolean;
+  fraudulentWebsiteWarningEnabled?: boolean;
+  
+  // !iOS only
+
+  allowFileAccessFromFileURLs?: boolean;
+  allowUniversalAccessFromFileURLs?: boolean;
+  applicationNameForUserAgent?: string;
+  basicAuthCredential?: UnsafeMixed<Readonly<{
+    username: string;
+    password: string;
+  }>>;
+  cacheEnabled?: boolean;
+  incognito?: boolean;
+  injectedJavaScript?: string;
+  injectedJavaScriptBeforeContentLoaded?: string;
+  injectedJavaScriptForMainFrameOnly?: boolean;
+  injectedJavaScriptBeforeContentLoadedForMainFrameOnly?: boolean;
+  javaScriptCanOpenWindowsAutomatically?: boolean;
+  javaScriptEnabled?: boolean;
+  webviewDebuggingEnabled?: WithDefault<boolean, false>;
+  mediaPlaybackRequiresUserAction?: boolean;
+  messagingEnabled: boolean;
+  shouldStartLoadWithRequestEnabled: boolean;
+  onLoadingError: 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?: boolean;
+  showsVerticalScrollIndicator?: boolean;
+  newSource: UnsafeMixed<Readonly<{
+    uri?: string
+    method?: string;
+    body?: string;
+    // eslint-disable-next-line @typescript-eslint/array-type
+    headers?: UnsafeMixed<ReadonlyArray<UnsafeMixed<Readonly<{name: string, value: string}>>>>;
+    html?: string;
+    baseUrl?: string;
+  }>>;
+  userAgent?: string;
+  schemeList?: UnsafeMixed<ReadonlyArray<string>>;
+}
+
+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>;