@react-native-ohos/react-native-webview 13.15.1-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,9 @@
+// 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 {RNCWebViewPackage as WebViewPackage} from './src/main/ets/RNCWebViewPackage'
+
+export {WebViewPackage};
+
+export * from './src/main/ets/RNCWebViewPackage'

package/package.json

@@ -0,0 +1,99 @@
+{
+  "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.15.1-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": "^4.0.0",
+    "invariant": "2.2.4",
+    "react-native-webview": "13.15.0"
+  },
+  "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",
+    "@react-native-oh/react-native-harmony-cli": "file:./packages/rnoh-react-native-harmony-cli-0.77.10.tgz",
+    "@rnx-kit/metro-config": "1.3.15",
+    "@semantic-release/git": "7.0.16",
+    "@types/invariant": "^2.2.30",
+    "@types/jest": "^29.5.12",
+    "@types/react": "18.2.61",
+    "@types/selenium-webdriver": "4.0.9",
+    "@types/minimatch": "^5.1.2",
+    "appium": "1.17.0",
+    "eslint": "8.57.0",
+    "jest": "^29.6.3",
+    "metro-react-native-babel-preset": "0.73.7",
+    "prettier": "2.8.8",
+    "react": "18.3.1",
+    "react-native": "0.77.1",
+    "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"
+  },
+  "packageManager": "yarn@1.22.19"
+}

package/src/NativeRNCWebView.ts

@@ -0,0 +1,22 @@
+/*
+ * Copyright (c) 2025 Huawei Device Co., Ltd. All rights reserved
+ * Use of this source code is governed by a MIT 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 {
+  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,19 @@
+/*
+ * Copyright (c) 2025 Huawei Device Co., Ltd. All rights reserved
+ * Use of this source code is governed by a MIT 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,354 @@
+/*
+ * Copyright (c) 2025 Huawei Device Co., Ltd. All rights reserved
+ * Use of this source code is governed by a MIT license that can be
+ * found in the LICENSE file.
+ */
+
+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;
+  injectedJavaScriptObject?: string;
+  // !Android only
+  paymentRequestEnabled?: boolean;
+  // iOS only
+  allowingReadAccessToURL?: string;
+  allowsBackForwardNavigationGestures?: boolean;
+  allowsInlineMediaPlayback?: boolean;
+  allowsPictureInPictureMediaPlayback?: boolean;
+  allowsAirPlayForMediaPlayback?: boolean;
+  allowsLinkPreview?: WithDefault<boolean, true>;
+  automaticallyAdjustContentInsets?: WithDefault<boolean, true>;
+  ignoreSilentHardwareSwitch?:boolean;
+  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;
+  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?: 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;
+}
+
+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>;