@cordova-ohos/cordova-plugin-themeablebrowser 0.2.18

package/src/main/ets/components/InAppBrowser/BrowserAction.ets

@@ -0,0 +1,383 @@
+/*
+ * Copyright (c) 2025 Huawei Device, Inc. Ltd. and <马弓手>.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import {
+  ArkTsAttribute,
+  cordovaWebIdToWebviewGlobe, cordovaWebTagToObjectGlobe,
+  cordovaWebViewGlobe,
+  NativeAttribute } from '../PluginGlobal';
+import { call } from '@kit.TelephonyKit';
+import { BusinessError } from '@kit.BasicServicesKit';
+import { common, Want } from '@kit.AbilityKit';
+import { MainPage } from '../MainPage';
+import { util } from '@kit.ArkTS';
+import { CordovaWebView } from '../CordovaWebView';
+import { webview } from '@kit.ArkWeb';
+import cordova from 'libcordova.so';
+import { NormalizeError } from '../NormalizeError';
+
+export function openInAppBrowser(pageIndex:NativeAttribute):void {
+  interface UrlAttribute {
+    url: string;
+    title: string;
+    target: string;
+    args:string;
+  }
+  let urlInfo:UrlAttribute = JSON.parse(pageIndex.pageArgs) as UrlAttribute;
+  if(urlInfo.url.indexOf("tel:") == 0) {
+    let tel:string = urlInfo.url.replace("tel:", "").replace("//", "");
+    let isSupport = call.hasVoiceCapability();
+    if(isSupport && call.makeCall) {
+      call.makeCall(tel, (err: BusinessError) => {
+        if (!err) {
+          console.log("make call success.");
+        } else {
+          console.log("make call fail, err is:" + JSON.stringify(err));
+        }
+      });
+    }
+    return;
+  }
+
+  if(urlInfo.url.indexOf("amapuri") >= 0) {
+    try {
+      if(!cordovaWebTagToObjectGlobe.hasKey(pageIndex.pageWebTag)) {
+        return;
+      }
+      let mainPage = cordovaWebTagToObjectGlobe.get(pageIndex.pageWebTag) as MainPage;
+      let context = mainPage.getUIContext().getHostContext() as common.UIAbilityContext;
+      let want: Want = {
+        uri: urlInfo.url
+      }
+      // this.context：一般是在 Component 组件里调用 getContext(this) as common.UIAbilityContext 获取到的 UIAbilityContext
+      context.startAbility(want, (err: BusinessError) => {
+        if (err.code) {
+          // 处理业务逻辑错误
+          console.error(`startAbility failed,code is ${err.code},message is ${err.message}`);
+          return
+        }
+        // 执行正常业务
+        console.info('startAbility succeed')
+      })
+    } catch (error) {
+      const cordovaError = NormalizeError(error);
+      console.error(`Failed to openInAppBrowser. Cause code: ${cordovaError.code}, message: ${cordovaError.message}`);
+    }
+    return;
+  }
+
+  if(urlInfo.url.indexOf("baidumap") >= 0) {
+    try {
+      if(!cordovaWebTagToObjectGlobe.hasKey(pageIndex.pageWebTag)) {
+        return;
+      }
+      let mainPage = cordovaWebTagToObjectGlobe.get(pageIndex.pageWebTag) as MainPage;
+      let context = mainPage.getUIContext().getHostContext() as common.UIAbilityContext;
+      let want: Want = {
+        uri: urlInfo.url
+      }
+      // this.context：一般是在 Component 组件里调用 getContext(this) as common.UIAbilityContext 获取到的 UIAbilityContext
+      context.startAbility(want, (err: BusinessError) => {
+        if (err.code) {
+          // 处理业务逻辑错误
+          console.error(`startAbility failed,code is ${err.code},message is ${err.message}`);
+          return
+        }
+        // 执行正常业务
+        console.info('startAbility succeed')
+      })
+    } catch (error) {
+      const cordovaError = NormalizeError(error);
+      console.error(`Failed to openInAppBrowser. Cause code: ${cordovaError.code}, message: ${cordovaError.message}`);
+    }
+    return;
+  }
+
+  if(urlInfo.target == "_system") {
+    try {
+      if(!cordovaWebTagToObjectGlobe.hasKey(pageIndex.pageWebTag)) {
+        return;
+      }
+      let mainPage = cordovaWebTagToObjectGlobe.get(pageIndex.pageWebTag) as MainPage;
+      let context = mainPage.getUIContext().getHostContext() as common.UIAbilityContext;
+      let wantInfo: Want = {
+        action: 'ohos.want.action.viewData',
+        entities: ['entity.system.browsable'],
+        uri: urlInfo.url
+      }
+      context.startAbility(wantInfo).then(() => {
+        console.log('[跳转至外部浏览器] - success')
+      }).catch((err: BusinessError) => {
+        console.error('[跳转至外部浏览器] - Failed to startAbility. Code: ' + err.code + 'message:' +  err.message);
+      })
+    } catch (error) {
+      const cordovaError = NormalizeError(error);
+      console.error(`Failed to openInAppBrowser. Cause code: ${cordovaError.code}, message: ${cordovaError.message}`);
+    }
+  } else { //除了在外置浏览器打开，其他都在内置浏览器打开
+    try {
+      if(!cordovaWebTagToObjectGlobe.hasKey(pageIndex.pageWebTag)) {
+        return;
+      }
+      let mainPage = cordovaWebTagToObjectGlobe.get(pageIndex.pageWebTag) as MainPage;
+      if(mainPage.inAppBrowserWebId != "") { //已经打开了，js侧重复打开
+        if(cordovaWebIdToWebviewGlobe.hasKey(mainPage.inAppBrowserWebId)) {
+          let webTag = cordovaWebIdToWebviewGlobe.get(mainPage.inAppBrowserWebId);
+          if(cordovaWebTagToObjectGlobe.hasKey(webTag)) {
+            let inAppBrowser:MainPage = cordovaWebTagToObjectGlobe.get(webTag) as MainPage;
+            inAppBrowser.indexPage = urlInfo.url;
+            return;
+          }
+        }
+      }
+  
+      if(mainPage.pageInfos) {
+        mainPage.inAppBrowserWebId = util.generateRandomUUID(false);
+        let paras:Array<string> = new Array<string>();
+        paras.push(pageIndex.pageArgs, mainPage.inAppBrowserWebId,pageIndex.pageWebTag,pageIndex.pageObject);
+        mainPage.pageInfos.pushDestinationByName('InAppBrowser', paras).catch((error: BusinessError) => {
+          console.error(`InAppBrowser error code = ${error.code}, error.message = ${error.message}.`);
+        }).then(() => {
+          console.info('InAppBrowser destination succeed.');
+        });
+      }
+    } catch (error) {
+      const cordovaError = NormalizeError(error);
+      console.error(`Failed to openInAppBrowser. Cause code: ${cordovaError.code}, message: ${cordovaError.message}`);
+    }
+  }
+}
+
+export function closeInAppBrowser(pageIndex:NativeAttribute):void {
+  try {
+    if(!cordovaWebTagToObjectGlobe.hasKey(pageIndex.pageWebTag)) {
+      return;
+    }
+    let mainPage = cordovaWebTagToObjectGlobe.get(pageIndex.pageWebTag) as MainPage;
+    if(mainPage.pageInfos) {
+      mainPage.pageInfos.removeByName("InAppBrowser");
+      mainPage.inAppBrowserWebId = "";
+    }
+  } catch (error) {
+    const cordovaError = NormalizeError(error);
+    console.error(`Failed to closeInAppBrowser. Cause code: ${cordovaError.code}, message: ${cordovaError.message}`);
+  }
+}
+
+export function  injectScriptCodeInAppBrowser(pageIndex:NativeAttribute):void {
+  interface InjectCode{
+    code:string;
+    callbackId:string;
+    cb:boolean;
+  }
+  try {
+    if(!cordovaWebTagToObjectGlobe.hasKey(pageIndex.pageWebTag)) {
+      return;
+    }
+    let mainPage = cordovaWebTagToObjectGlobe.get(pageIndex.pageWebTag) as MainPage;
+    if(mainPage.inAppBrowserWebId && mainPage.inAppBrowserWebId != "") {
+      if(cordovaWebViewGlobe.hasKey(mainPage.inAppBrowserWebId)) {
+        let cordovaWebView:CordovaWebView = cordovaWebViewGlobe.get(mainPage.inAppBrowserWebId);
+        let controller:webview.WebviewController = cordovaWebView.getWebviewController();
+        let injectCode:InjectCode = JSON.parse(pageIndex.pageArgs) as InjectCode;
+        if(injectCode.cb) {
+          controller.runJavaScriptExt(injectCode.code, (error, result) => {
+            if(error) {
+              let res: ArkTsAttribute = {content:"callback", result:[injectCode.callbackId, JSON.stringify(error)]};
+              cordova.onArkTsResult(JSON.stringify(res), "InAppBrowser", pageIndex.pageWebTag);
+            }
+            if(result) {
+              let type = result.getType();
+              let ret: string = "";
+              switch (type) {
+                case webview.JsMessageType.STRING: {
+                  ret = result.getString();
+                  ret = ret.substring(1, ret.length-1);
+                  break;
+                }
+                case webview.JsMessageType.NUMBER: {
+                  ret = "" + result.getNumber();
+                  break;
+                }
+                case webview.JsMessageType.BOOLEAN: {
+                  ret = "" + ((result.getBoolean()));
+                  break;
+                }
+                case webview.JsMessageType.ARRAY_BUFFER: {
+                  let base64 = new util.Base64Helper();
+                  ret = base64.encodeToStringSync(new Uint8Array(result.getArrayBuffer()));
+                  break;
+                }
+                case webview.JsMessageType.ARRAY: {
+                  ret = result.getArray().toString();
+                  break;
+                }
+                default: {
+                  break;
+                }
+              }
+              let res: ArkTsAttribute = { content: "callback", result: [injectCode.callbackId, ret] };
+              cordova.onArkTsResult(JSON.stringify(res), "InAppBrowser", pageIndex.pageWebTag);
+            }
+          });
+        } else {
+          controller.runJavaScriptExt(injectCode.code).catch(() => {
+            console.error("InAppBrowser runJavaScriptExt");
+          });
+        }
+      }
+    }
+  } catch (error) {
+    const cordovaError = NormalizeError(error);
+    console.error(`Failed to injectScriptCodeInAppBrowser. Cause code: ${cordovaError.code}, message: ${cordovaError.message}`);
+  }
+}
+
+export function  injectScriptFileInAppBrowser(pageIndex:NativeAttribute):void {
+  interface InjectCode{
+    file:string;
+    callbackId:string;
+    cb:boolean;
+  }
+  try {
+    if(!cordovaWebTagToObjectGlobe.hasKey(pageIndex.pageWebTag)) {
+      return;
+    }
+    let mainPage = cordovaWebTagToObjectGlobe.get(pageIndex.pageWebTag) as MainPage;
+    if(mainPage.inAppBrowserWebId && mainPage.inAppBrowserWebId != "") {
+      if(cordovaWebViewGlobe.hasKey(mainPage.inAppBrowserWebId)) {
+        let cordovaWebView:CordovaWebView = cordovaWebViewGlobe.get(mainPage.inAppBrowserWebId);
+        let controller:webview.WebviewController = cordovaWebView.getWebviewController();
+        let injectCode:InjectCode = JSON.parse(pageIndex.pageArgs) as InjectCode;
+        let code:string = "";
+        if(injectCode.cb) {//通过消息函数回调返回js侧
+          code = "(function() {var c = document.createElement('script'); c.src =\""+injectCode.file+"\";c.onload = function(){cordova_iab.postCallBack(\""+injectCode.callbackId+"\", '');}; document.body.appendChild(c);}())";
+        } else {
+          code = "(function() {var c = document.createElement('script'); c.src =\""+injectCode.file+"\"; document.body.appendChild(c);}())";
+        }
+        controller.runJavaScriptExt(code).catch(() => {
+          console.error("InAppBrowser runJavaScriptExt");
+        });
+      }
+    }
+  } catch (error) {
+    const cordovaError = NormalizeError(error);
+    console.error(`Failed to injectScriptFileInAppBrowser. Cause code: ${cordovaError.code}, message: ${cordovaError.message}`);
+  }
+}
+
+export function  injectStyleCodeInAppBrowser(pageIndex:NativeAttribute):void {
+  interface InjectCode{
+    code:string;
+    callbackId:string;
+    cb:boolean;
+  }
+  try {
+    if(!cordovaWebTagToObjectGlobe.hasKey(pageIndex.pageWebTag)) {
+      return;
+    }
+    let mainPage = cordovaWebTagToObjectGlobe.get(pageIndex.pageWebTag) as MainPage;
+    if(mainPage.inAppBrowserWebId && mainPage.inAppBrowserWebId != "") {
+      if(cordovaWebViewGlobe.hasKey(mainPage.inAppBrowserWebId)) {
+        let cordovaWebView:CordovaWebView = cordovaWebViewGlobe.get(mainPage.inAppBrowserWebId);
+        let controller:webview.WebviewController = cordovaWebView.getWebviewController();
+        let injectCode:InjectCode = JSON.parse(pageIndex.pageArgs) as InjectCode;
+        let code:string = "(function() { var c = document.createElement('style'); c.innerHTML = \""+injectCode.code+"\"; document.body.appendChild(c); })()";
+        if(injectCode.cb) {
+          controller.runJavaScriptExt(code, (error, result) => {
+            if(error) {
+              let res: ArkTsAttribute = {content:"callback", result:[injectCode.callbackId, JSON.stringify(error)]};
+              cordova.onArkTsResult(JSON.stringify(res), "InAppBrowser", pageIndex.pageWebTag);
+            }
+            if(result) {
+              let type = result.getType();
+              let ret: string = "";
+              switch (type) {
+                case webview.JsMessageType.STRING: {
+                  ret = result.getString();
+                  ret = ret.substring(1, ret.length-1);
+                  break;
+                }
+                case webview.JsMessageType.NUMBER: {
+                  ret = "" + result.getNumber();
+                  break;
+                }
+                case webview.JsMessageType.BOOLEAN: {
+                  ret = "" + ((result.getBoolean()));
+                  break;
+                }
+                case webview.JsMessageType.ARRAY_BUFFER: {
+                  let base64 = new util.Base64Helper();
+                  ret = base64.encodeToStringSync(new Uint8Array(result.getArrayBuffer()));
+                  break;
+                }
+                case webview.JsMessageType.ARRAY: {
+                  ret = result.getArray().toString();
+                  break;
+                }
+                default: {
+                  break;
+                }
+              }
+              let res: ArkTsAttribute = { content: "callback", result: [injectCode.callbackId, ret] };
+              cordova.onArkTsResult(JSON.stringify(res), "InAppBrowser", pageIndex.pageWebTag);
+            }
+          });
+        } else {
+          controller.runJavaScriptExt(code).catch(() => {
+            console.error("InAppBrowser runJavaScriptExt");
+          });
+        }
+      }
+    }
+  } catch (error) {
+    const cordovaError = NormalizeError(error);
+    console.error(`Failed to injectScriptFileInAppBrowser. Cause code: ${cordovaError.code}, message: ${cordovaError.message}`);
+  }
+}
+
+export function  injectStyleFileInAppBrowser(pageIndex:NativeAttribute):void {
+  interface InjectCode{
+    file:string;
+    callbackId:string;
+    cb:boolean;
+  }
+  try {
+    if(!cordovaWebTagToObjectGlobe.hasKey(pageIndex.pageWebTag)) {
+      return;
+    }
+    let mainPage = cordovaWebTagToObjectGlobe.get(pageIndex.pageWebTag) as MainPage;
+    if(mainPage.inAppBrowserWebId && mainPage.inAppBrowserWebId != "") {
+      if(cordovaWebViewGlobe.hasKey(mainPage.inAppBrowserWebId)) {
+        let cordovaWebView:CordovaWebView = cordovaWebViewGlobe.get(mainPage.inAppBrowserWebId);
+        let controller:webview.WebviewController = cordovaWebView.getWebviewController();
+        let injectCode:InjectCode = JSON.parse(pageIndex.pageArgs) as InjectCode;
+        let code:string = "";
+        if(injectCode.cb) {//通过消息函数回调返回js侧
+          code = "(function() {var c = document.createElement('link'); c.rel='stylesheet'; c.type='text/css'; c.href = \""+injectCode.file+"\"; c.onload=function(){cordova_iab.postCallBack(\""+injectCode.callbackId+"\",'');}; document.head.appendChild(c);})()";
+        } else {
+          code = "(function() {var c = document.createElement('link'); c.rel='stylesheet'; c.type='text/css'; c.href = \""+injectCode.file+"\"; document.head.appendChild(c);})()";
+        }
+        controller.runJavaScriptExt(code).catch(() => {
+          console.error("InAppBrowser runJavaScriptExt");
+        });
+      }
+    }
+  } catch (error) {
+    const cordovaError = NormalizeError(error);
+    console.error(`Failed to injectStyleFileInAppBrowser. Cause code: ${cordovaError.code}, message: ${cordovaError.message}`);
+  }
+}

package/www/themeablebrowser.js

@@ -0,0 +1,119 @@
+/*
+ *
+ * Licensed to the Apache Software Foundation (ASF) under one
+ * or more contributor license agreements.  See the NOTICE file
+ * distributed with this work for additional information
+ * regarding copyright ownership.  The ASF licenses this file
+ * to you under the Apache License, Version 2.0 (the
+ * "License"); you may not use this file except in compliance
+ * with the License.  You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing,
+ * software distributed under the License is distributed on an
+ * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+ * KIND, either express or implied.  See the License for the
+ * specific language governing permissions and limitations
+ * under the License.
+ *
+*/
+
+var exec = require('cordova/exec');
+var channel = require('cordova/channel');
+var modulemapper = require('cordova/modulemapper');
+var urlutil = require('cordova/urlutil');
+
+function ThemeableBrowser() {
+   this.channels = {};
+}
+
+ThemeableBrowser.prototype = {
+    _eventHandler: function (event) {
+        if (event && (event.type in this.channels)) {
+            this.channels[event.type].fire(event);
+        }
+    },
+    close: function (eventname) {
+        exec(null, null, 'ThemeableBrowser', 'close', []);
+        return this;
+    },
+    show: function (eventname) {
+        exec(null, null, 'ThemeableBrowser', 'show', []);
+        return this;
+    },
+    reload: function (eventname) {
+        exec(null, null, 'ThemeableBrowser', 'reload', []);
+        return this;
+    },
+    addEventListener: function (eventname,f) {
+        if (!(eventname in this.channels)) {
+            this.channels[eventname] = channel.create(eventname);
+        }
+        this.channels[eventname].subscribe(f);
+        return this;
+    },
+    removeEventListener: function(eventname, f) {
+        if (eventname in this.channels) {
+            this.channels[eventname].unsubscribe(f);
+        }
+        return this;
+    },
+
+    executeScript: function(injectDetails, cb) {
+        if (injectDetails.code) {
+            exec(cb, null, 'ThemeableBrowser', 'injectScriptCode', [injectDetails.code, !!cb]);
+        } else if (injectDetails.file) {
+            exec(cb, null, 'ThemeableBrowser', 'injectScriptFile', [injectDetails.file, !!cb]);
+        } else {
+            throw new Error('executeScript requires exactly one of code or file to be specified');
+        }
+        return this;
+    },
+
+    insertCSS: function(injectDetails, cb) {
+        if (injectDetails.code) {
+            exec(cb, null, 'ThemeableBrowser', 'injectStyleCode', [injectDetails.code, !!cb]);
+        } else if (injectDetails.file) {
+            exec(cb, null, 'ThemeableBrowser', 'injectStyleFile', [injectDetails.file, !!cb]);
+        } else {
+            throw new Error('insertCSS requires exactly one of code or file to be specified');
+        }
+        return this;
+    }
+};
+
+exports.open = function(strUrl, strWindowName, strWindowFeatures, callbacks) {
+    // Don't catch calls that write to existing frames (e.g. named iframes).
+    if (window.frames && window.frames[strWindowName]) {
+        var origOpenFunc = modulemapper.getOriginalSymbol(window, 'open');
+        return origOpenFunc.apply(window, arguments);
+    }
+
+    strUrl = urlutil.makeAbsolute(strUrl);
+    var iab = new ThemeableBrowser();
+
+    callbacks = callbacks || {};
+    for (var callbackName in callbacks) {
+        iab.addEventListener(callbackName, callbacks[callbackName]);
+    }
+
+    var cb = function(eventname) {
+       iab._eventHandler(eventname);
+    };
+
+    strWindowFeatures = strWindowFeatures && JSON.stringify(strWindowFeatures);
+    // Slightly delay the actual native call to give the user a chance to
+    // register event listeners first, otherwise some warnings or errors may be missed.
+    setTimeout(function() {
+        exec(cb, cb, 'ThemeableBrowser', 'open', [strUrl, strWindowName, strWindowFeatures || '']);
+    }, 0);
+    return iab;
+};
+
+exports.EVT_ERR = 'ThemeableBrowserError';
+exports.EVT_WRN = 'ThemeableBrowserWarning';
+exports.ERR_CRITICAL = 'critical';
+exports.ERR_LOADFAIL = 'loadfail';
+exports.WRN_UNEXPECTED = 'unexpected';
+exports.WRN_UNDEFINED = 'undefined';