@react-native-ohos/react-native-webview 13.15.1-rc.3 → 13.15.1-rc.5

package/harmony/rn_webview/oh-package.json5

@@ -6,7 +6,7 @@
   "name": "@react-native-ohos/react-native-webview",
   "description": "main cpai architecture",
   "main": "index.ets",
-  "version": "13.15.1-rc.3",
+  "version": "13.15.1-rc.5",
   "dependencies": {
     "@rnoh/react-native-openharmony": "../react_native_openharmony.har"
   }

package/harmony/rn_webview/src/main/ets/RNCWebView.ets

@@ -8,6 +8,7 @@ import { url as OSUrl } from '@kit.ArkTS';
 import { RNC, TM } from './generated';
 import Logger from './Logger';
 import { BaseOperate } from './WebViewBaseOperate';
+import { deviceInfo } from '@kit.BasicServicesKit';
 import {
   AlertEvent,
   CACHE_MODE,
@@ -26,7 +27,7 @@ import {
   MINHEIGHT,
 } from './Magic';
 
-import { bundleManager } from '@kit.AbilityKit';
+import { abilityAccessCtrl, bundleManager } from '@kit.AbilityKit';
 import { WebViewTurboModule, ShouldStartParams, ShouldOverrideCallbackState } from './WebViewTurboModule';
 import { AnyThreadRNInstance, WorkerTaskRunnable } from '@rnoh/react-native-openharmony/src/main/ets/RNOH';
 import buffer from '@ohos.buffer';
@@ -42,6 +43,8 @@ class WorkerRunnable implements WorkerTaskRunnable<ShouldStartParams> {
   }
 }
 
+let atManager = abilityAccessCtrl.createAtManager();
+
 @Component
 export struct RNCWebView {
   public static readonly NAME = RNC.RNCWebView.NAME
@@ -116,6 +119,10 @@ export struct RNCWebView {
           }
         })
       }
+      atManager.requestPermissionsFromUser(this.ctx.uiAbilityContext, ["ohos.permission.APPROXIMATELY_LOCATION"]).then((data) => {
+      }).catch((error: BusinessError) => {
+        console.error(`Failed to request permissions from user. Code is ${error.code}, message is ${error.message}`);
+      })
     } catch (error) {
       Logger.error(TAG, `[RNOH]Errorcode: ${error.code}, Message: ${error.message}`);
     }
@@ -273,6 +280,7 @@ export struct RNCWebView {
     this.webViewBaseOperate.setCustomUserAgent(this.descriptorWrapper.rawProps.userAgent,
       this.descriptorWrapper.rawProps.applicationNameForUserAgent)
     this.webViewBaseOperate.setFraudulentWebsiteWarningEnabled(this.descriptorWrapper.rawProps.fraudulentWebsiteWarningEnabled)
+
     let baseUrl = this.source.baseUrl
     let uri = this.source.uri
     if (this.source.html != undefined && this.source.html != "") {
@@ -381,78 +389,152 @@ export struct RNCWebView {
 
   build() {
     Stack() {
-      Web({ src: "", controller: this.controller, renderMode: this.renderMode })
-        .mixedMode(this.mode)
-        .onPermissionRequest((event: OnPermissionRequestEvent) => {
-          if (event && (this.getPermissionDialogMessage(event) != "TYPE_SENSOR")) {
-            AlertDialog.show({
-              title: this.resourceToString($r('app.string.on_confirm')) + event.request.getOrigin(),
-              message: this.getPermissionDialogMessage(event),
-              alignment: DialogAlignment.Center,
-              primaryButton: {
-                value: $r('app.string.deny'),
-                action: () => {
-                  event.request.deny();
-                }
-              },
-              secondaryButton: {
-                value: $r('app.string.on_confirm'),
-                action: () => {
-                  event.request.grant(event.request.getAccessibleResource());
-                }
-              },
-              cancel: () => {
-                event.request.deny();
+        if ( deviceInfo.sdkApiVersion >= 20) {
+          Web({ src: "", controller: this.controller, renderMode: this.renderMode })
+            .mixedMode(this.mode)
+            .onPermissionRequest((event: OnPermissionRequestEvent) => {
+              if (event && (this.getPermissionDialogMessage(event) != "TYPE_SENSOR")) {
+                AlertDialog.show({
+                  title: this.resourceToString($r('app.string.on_confirm')) + event.request.getOrigin(),
+                  message: this.getPermissionDialogMessage(event),
+                  alignment: DialogAlignment.Center,
+                  primaryButton: {
+                    value: $r('app.string.deny'),
+                    action: () => {
+                      event.request.deny();
+                    }
+                  },
+                  secondaryButton: {
+                    value: $r('app.string.on_confirm'),
+                    action: () => {
+                      event.request.grant(event.request.getAccessibleResource());
+                    }
+                  },
+                  cancel: () => {
+                    event.request.deny();
+                  }
+                })
+              }
+            })
+            .width(this.webviewWidth)
+            .height(this.webviewHeight)
+            .fileAccess(this.allowFileAccess)
+            .constraintSize({ minHeight: MINHEIGHT })
+            .overScrollMode(this.overScrollMode)
+            .javaScriptAccess(this.javaScriptEnable)
+            .javaScriptOnDocumentStart(this.injectedJavaScriptBeforeContentLoaded)
+            .horizontalScrollBarAccess(this.descriptorWrapper.rawProps.showsHorizontalScrollIndicator)
+            .verticalScrollBarAccess(this.descriptorWrapper.rawProps.showsVerticalScrollIndicator)
+            .overviewModeAccess(this.descriptorWrapper.rawProps.scalesPageToFit)
+            .textZoomRatio(this.descriptorWrapper.rawProps.textZoom)
+            .backgroundColor(BaseOperate.getColorMode(this.ctx.uiAbilityContext,
+              this.descriptorWrapper.rawProps.forceDarkOn) === WebDarkMode.On ? Color.White : Color.Transparent)
+            .darkMode(BaseOperate.getColorMode(this.ctx.uiAbilityContext, this.descriptorWrapper.rawProps.forceDarkOn))
+            .forceDarkAccess(this.forceDark)
+            .cacheMode(this.cacheMode)
+            .minFontSize(this.minFontSize)
+            .domStorageAccess(this.descriptorWrapper.rawProps.domStorageEnabled)
+            .zoomAccess(this.descriptorWrapper.rawProps.scalesPageToFit)
+            .overScrollMode(this.overScrollMode)
+            .onProgressChange((event: OnProgressChangeEvent) => this.onProgressChange(event))
+            .onScroll((event: OnScrollEvent) => this.webViewBaseOperate?.emitScroll(event))
+            .nestedScroll({
+              scrollForward: this.nestedScroll,
+              scrollBackward: this.nestedScroll,
+            })
+            .onLoadStarted(() => this.onPageBegin())
+            .onLoadFinished(() => this.onPageEnd())
+            .onErrorReceive((event: OnErrorReceiveEvent) => this.webViewBaseOperate?.emitLoadingError(event))
+            .onHttpErrorReceive((event: OnHttpErrorReceiveEvent) => this.webViewBaseOperate?.emitHttpError(event))
+            .onControllerAttached(() => this.controllerAttachedInit())
+            .onAlert((event: AlertEvent) => this.onJavascriptAlert(event))
+            .onConfirm((event: AlertEvent) => this.onJavascriptConfirm(event))
+            .onDownloadStart((event: OnDownloadStartEvent) => this.webViewBaseOperate?.onDownloadStart(event))
+            .geolocationAccess(this.descriptorWrapper.rawProps.geolocationEnabled)
+            .onGeolocationShow((event) => {
+              if (event && (this.descriptorWrapper.rawProps.geolocationEnabled != undefined)) {
+                event.geolocation.invoke(event.origin, this.descriptorWrapper.rawProps.geolocationEnabled, true);
+              }
+            })
+            .mediaPlayGestureAccess(this.descriptorWrapper.rawProps.mediaPlaybackRequiresUserAction)
+            .onRenderExited((event: OnRenderExitedEvent) => this.webViewBaseOperate?.onRenderExited(event))
+            .onLoadIntercept((event: OnLoadInterceptEvent) => this.onLoadIntercept(event))
+            .onTitleReceive((event: OnTitleReceiveEvent) => this.webViewBaseOperate?.onTitleReceive(event))
+        } else {
+          Web({ src: "", controller: this.controller, renderMode: this.renderMode })
+            .mixedMode(this.mode)
+            .onPermissionRequest((event: OnPermissionRequestEvent) => {
+              if (event && (this.getPermissionDialogMessage(event) != "TYPE_SENSOR")) {
+                AlertDialog.show({
+                  title: this.resourceToString($r('app.string.on_confirm')) + event.request.getOrigin(),
+                  message: this.getPermissionDialogMessage(event),
+                  alignment: DialogAlignment.Center,
+                  primaryButton: {
+                    value: $r('app.string.deny'),
+                    action: () => {
+                      event.request.deny();
+                    }
+                  },
+                  secondaryButton: {
+                    value: $r('app.string.on_confirm'),
+                    action: () => {
+                      event.request.grant(event.request.getAccessibleResource());
+                    }
+                  },
+                  cancel: () => {
+                    event.request.deny();
+                  }
+                })
               }
             })
-          }
-        })
 
-        .width(this.webviewWidth)
-        .height(this.webviewHeight)
-        .fileAccess(this.allowFileAccess)
-        .constraintSize({ minHeight: MINHEIGHT })
-        .overScrollMode(this.overScrollMode)
-        .javaScriptAccess(this.javaScriptEnable)
-        .javaScriptOnDocumentStart(this.injectedJavaScriptBeforeContentLoaded)
-        .horizontalScrollBarAccess(this.descriptorWrapper.rawProps.showsHorizontalScrollIndicator)
-        .verticalScrollBarAccess(this.descriptorWrapper.rawProps.showsVerticalScrollIndicator)
-        .overviewModeAccess(this.descriptorWrapper.rawProps.scalesPageToFit)
-        .textZoomRatio(this.descriptorWrapper.rawProps.textZoom)
-        .backgroundColor(BaseOperate.getColorMode(this.ctx.uiAbilityContext,
-          this.descriptorWrapper.rawProps.forceDarkOn) === WebDarkMode.On ? Color.White : Color.Transparent)
-        .darkMode(BaseOperate.getColorMode(this.ctx.uiAbilityContext, this.descriptorWrapper.rawProps.forceDarkOn))
-        .forceDarkAccess(this.forceDark)
-        .cacheMode(this.cacheMode)
-        .minFontSize(this.minFontSize)
-        .domStorageAccess(this.descriptorWrapper.rawProps.domStorageEnabled)
-        .zoomAccess(this.descriptorWrapper.rawProps.scalesPageToFit)
-        .overScrollMode(this.overScrollMode)
-        .onProgressChange((event: OnProgressChangeEvent) => this.onProgressChange(event))
-        .onScroll((event: OnScrollEvent) => this.webViewBaseOperate?.emitScroll(event))
-        .nestedScroll({
-          scrollForward: this.nestedScroll,
-          scrollBackward: this.nestedScroll,
-        })
-        .onPageBegin(() => this.onPageBegin())
-        .onPageEnd(() => this.onPageEnd())
-        .onErrorReceive((event: OnErrorReceiveEvent) => this.webViewBaseOperate?.emitLoadingError(event))
-        .onHttpErrorReceive((event: OnHttpErrorReceiveEvent) => this.webViewBaseOperate?.emitHttpError(event))
-        .onControllerAttached(() => this.controllerAttachedInit())
-        .onAlert((event: AlertEvent) => this.onJavascriptAlert(event))
-        .onConfirm((event: AlertEvent) => this.onJavascriptConfirm(event))
-        .onDownloadStart((event: OnDownloadStartEvent) => this.webViewBaseOperate?.onDownloadStart(event))
-        .geolocationAccess(this.descriptorWrapper.rawProps.geolocationEnabled)
-        .onGeolocationShow((event) => {
-          if (event && (this.descriptorWrapper.rawProps.geolocationEnabled != undefined)) {
-            event.geolocation.invoke(event.origin, this.descriptorWrapper.rawProps.geolocationEnabled, true);
+            .width(this.webviewWidth)
+            .height(this.webviewHeight)
+            .fileAccess(this.allowFileAccess)
+            .constraintSize({ minHeight: MINHEIGHT })
+            .overScrollMode(this.overScrollMode)
+            .javaScriptAccess(this.javaScriptEnable)
+            .javaScriptOnDocumentStart(this.injectedJavaScriptBeforeContentLoaded)
+            .horizontalScrollBarAccess(this.descriptorWrapper.rawProps.showsHorizontalScrollIndicator)
+            .verticalScrollBarAccess(this.descriptorWrapper.rawProps.showsVerticalScrollIndicator)
+            .overviewModeAccess(this.descriptorWrapper.rawProps.scalesPageToFit)
+            .textZoomRatio(this.descriptorWrapper.rawProps.textZoom)
+            .backgroundColor(BaseOperate.getColorMode(this.ctx.uiAbilityContext,
+              this.descriptorWrapper.rawProps.forceDarkOn) === WebDarkMode.On ? Color.White : Color.Transparent)
+            .darkMode(BaseOperate.getColorMode(this.ctx.uiAbilityContext, this.descriptorWrapper.rawProps.forceDarkOn))
+            .forceDarkAccess(this.forceDark)
+            .cacheMode(this.cacheMode)
+            .minFontSize(this.minFontSize)
+            .domStorageAccess(this.descriptorWrapper.rawProps.domStorageEnabled)
+            .zoomAccess(this.descriptorWrapper.rawProps.scalesPageToFit)
+            .overScrollMode(this.overScrollMode)
+            .onProgressChange((event: OnProgressChangeEvent) => this.onProgressChange(event))
+            .onScroll((event: OnScrollEvent) => this.webViewBaseOperate?.emitScroll(event))
+            .nestedScroll({
+              scrollForward: this.nestedScroll,
+              scrollBackward: this.nestedScroll,
+            })
+            .onPageBegin(() => this.onPageBegin())
+            .onPageEnd(() => this.onPageEnd())
+            .onErrorReceive((event: OnErrorReceiveEvent) => this.webViewBaseOperate?.emitLoadingError(event))
+            .onHttpErrorReceive((event: OnHttpErrorReceiveEvent) => this.webViewBaseOperate?.emitHttpError(event))
+            .onControllerAttached(() => this.controllerAttachedInit())
+            .onAlert((event: AlertEvent) => this.onJavascriptAlert(event))
+            .onConfirm((event: AlertEvent) => this.onJavascriptConfirm(event))
+            .onDownloadStart((event: OnDownloadStartEvent) => this.webViewBaseOperate?.onDownloadStart(event))
+            .geolocationAccess(this.descriptorWrapper.rawProps.geolocationEnabled)
+            .onGeolocationShow((event) => {
+              if (event && (this.descriptorWrapper.rawProps.geolocationEnabled != undefined)) {
+                event.geolocation.invoke(event.origin, this.descriptorWrapper.rawProps.geolocationEnabled, true);
+              }
+            })
+            .mediaPlayGestureAccess(this.descriptorWrapper.rawProps.mediaPlaybackRequiresUserAction)
+            .onRenderExited((event: OnRenderExitedEvent) => this.webViewBaseOperate?.onRenderExited(event))
+            .onLoadIntercept((event: OnLoadInterceptEvent) => this.onLoadIntercept(event))
+            .onTitleReceive((event: OnTitleReceiveEvent) => this.webViewBaseOperate?.onTitleReceive(event))
+
           }
-        })
-        .mediaPlayGestureAccess(this.descriptorWrapper.rawProps.mediaPlaybackRequiresUserAction)
-        .onRenderExited((event: OnRenderExitedEvent) => this.webViewBaseOperate?.onRenderExited(event))
-        .onLoadIntercept((event: OnLoadInterceptEvent) => this.onLoadIntercept(event))
-        .onTitleReceive((event: OnTitleReceiveEvent) => this.webViewBaseOperate?.onTitleReceive(event))
-    }
+      }
     .width(this.webviewWidth)
     .height(this.webviewHeight)
     .position({

package/package.json

@@ -9,7 +9,7 @@
     "Thibault Malbranche <malbranche.thibault@gmail.com>"
   ],
   "license": "MIT",
-  "version": "13.15.1-rc.3",
+  "version": "13.15.1-rc.5",
   "homepage": "https://gitcode.com/openharmony-sig/rntpc_react-native-webview/tree/br_rnoh0.77#readme",
   "scripts": {
     "macos": "react-native run-macos --scheme WebviewExample --project-path example/macos",
@@ -48,7 +48,6 @@
     "@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/react-native-oh-react-native-harmony-cli-0.77.18.tgz",
     "@rnx-kit/metro-config": "1.3.15",
     "@semantic-release/git": "7.0.16",
     "@types/invariant": "^2.2.30",