webviewbridge.esm.js

/**
 * mpxjs webview bridge v2.10.6
 * (c) 2025 @mpxjs team
 * @license Apache
 */
function loadScript(url) {
  var _ref = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
    _ref$time = _ref.time,
    time = _ref$time === void 0 ? 5000 : _ref$time,
    _ref$crossOrigin = _ref.crossOrigin,
    crossOrigin = _ref$crossOrigin === void 0 ? false : _ref$crossOrigin;
  function request() {
    return new Promise(function (resolve, reject) {
      var sc = document.createElement('script');
      sc.type = 'text/javascript';
      sc.async = 'async';

      // 可选地增加 crossOrigin 特性
      if (crossOrigin) {
        sc.crossOrigin = 'anonymous';
      }
      sc.onload = sc.onreadystatechange = function () {
        if (!this.readyState || /^(loaded|complete)$/.test(this.readyState)) {
          resolve();
          sc.onload = sc.onreadystatechange = null;
        }
      };
      sc.onerror = function () {
        reject(new Error("load ".concat(url, " error")));
        sc.onerror = null;
      };
      sc.src = url;
      document.getElementsByTagName('head')[0].appendChild(sc);
    });
  }
  function timeout() {
    return new Promise(function (resolve, reject) {
      setTimeout(function () {
        reject(new Error("load ".concat(url, " timeout")));
      }, time);
    });
  }
  return Promise.race([request(), timeout()]);
}

var sdkReady;
var loadErrorCallbacks = [];
var SDK_URL_MAP = Object.assign({
  wx: {
    url: 'https://res.wx.qq.com/open/js/jweixin-1.3.2.js'
  },
  qq: {
    url: 'https://qqq.gtimg.cn/miniprogram/webview_jssdk/qqjssdk-1.0.0.js'
  },
  my: {
    url: 'https://appx/web-view.min.js'
  },
  swan: {
    url: 'https://b.bdstatic.com/searchbox/icms/searchbox/js/swan-2.0.4.js'
  },
  tt: {
    url: 'https://lf3-cdn-tos.bytegoofy.com/obj/goofy/developer/jssdk/jssdk-1.2.1.js'
  }
}, window.sdkUrlMap);
function getMpxWebViewId() {
  var href = location.href;
  var reg = /mpx_webview_id=(\d+)/g;
  var matchVal = reg.exec(href);
  var result;
  if (matchVal && matchVal[1]) {
    result = +matchVal[1];
  }
  return result;
}
var env = null;
var callbackId = 0;
var clientUid = getMpxWebViewId();
var callbacks = {};
var runCallback = function runCallback(msgData) {
  var callbackId = msgData.callbackId,
    error = msgData.error,
    result = msgData.result;
  if (callbackId !== undefined && callbacks[callbackId]) {
    if (error) {
      callbacks[callbackId](error);
    } else {
      callbacks[callbackId](null, result);
    }
    delete callbacks[callbackId];
  }
};
var eventListener = function eventListener(event) {
  // 接收web-view的回调
  var msgData = event.data;
  try {
    if (typeof msgData === 'string') {
      msgData = JSON.parse(msgData);
    }
  } catch (e) {}
  runCallback(msgData);
};

// 环境判断逻辑
var systemUA = navigator.userAgent;
if (systemUA.indexOf('AlipayClient') > -1 && systemUA.indexOf('MiniProgram') > -1) {
  env = 'my';
} else if (systemUA.toLowerCase().indexOf('miniprogram') > -1) {
  env = systemUA.indexOf('QQ') > -1 ? 'qq' : 'wx';
} else if (systemUA.indexOf('swan/') > -1) {
  env = 'swan';
} else if (systemUA.toLocaleLowerCase().indexOf('toutiao') > -1) {
  env = 'tt';
} else if (window.ReactNativeWebView) {
  env = 'rn';
  window.mpxWebviewMessageCallback = runCallback;
} else {
  env = 'web';
  window.addEventListener('message', eventListener, false);
}
var initWebviewBridge = function initWebviewBridge() {
  sdkReady = env !== 'web' && env !== 'rn' ? SDK_URL_MAP[env].url ? loadScript(SDK_URL_MAP[env].url) : Promise.reject(new Error('未找到对应的sdk')) : Promise.resolve();
  sdkReady["catch"](function () {
    var err = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
    loadErrorCallbacks.forEach(function (callback) {
      if (typeof callback === 'function') {
        callback(err.message || err);
      }
    });
  });
  getWebviewApi();
};
var webviewSdkready = false;
function runWebviewApiMethod(callback) {
  if (webviewSdkready) {
    callback();
  } else {
    sdkReady.then(function () {
      webviewSdkready = true;
      callback();
    });
  }
}
var webviewBridge = {
  config: function config(_config) {
    if (env !== 'wx') {
      console.warn('非微信环境不需要配置config');
      return;
    }
    runWebviewApiMethod(function () {
      if (window.wx) {
        window.wx.config(_config);
      }
    });
  },
  onLoadScriptError: function onLoadScriptError(callback) {
    if (loadErrorCallbacks.indexOf(callback) === -1) {
      loadErrorCallbacks.push(callback);
    }
  },
  offLoadScriptError: function offLoadScriptError(callback) {
    var index = loadErrorCallbacks.indexOf(callback);
    if (index > -1) {
      loadErrorCallbacks.splice(index, 1);
    }
  }
};
function postMessage(type) {
  for (var _len = arguments.length, extraData = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
    extraData[_key - 1] = arguments[_key];
  }
  if (type === 'invoke') {
    type = extraData[0];
    extraData = extraData.slice(1);
  }
  var data = extraData[0] || {};
  if (type !== 'getEnv') {
    var currentCallbackId = ++callbackId;
    callbacks[currentCallbackId] = function (err, res) {
      if (err) {
        data.fail && data.fail(err);
        data.complete && data.complete(err);
      } else {
        data.success && data.success(res);
        data.complete && data.complete(res);
      }
      delete callbacks[currentCallbackId];
    };
    var postParams = {
      type: type,
      callbackId: callbackId,
      args: extraData
    };
    if (clientUid !== undefined) {
      postParams.clientUid = clientUid;
    }
    if (window.ReactNativeWebView) {
      window.ReactNativeWebView.postMessage && window.ReactNativeWebView.postMessage(JSON.stringify(postParams));
    } else {
      window.parent.postMessage && window.parent.postMessage(JSON.stringify(postParams), '*');
    }
  } else {
    var result = {
      webapp: true
    };
    if (window.ReactNativeWebView) {
      result = {
        reactNative: true
      };
    }
    data(result);
  }
}
var getWebviewApi = function getWebviewApi() {
  var multiApiMap = {
    wx: {
      keyName: 'miniProgram',
      api: ['navigateTo', 'navigateBack', 'switchTab', 'reLaunch', 'redirectTo', 'postMessage', 'getEnv']
    },
    tt: {
      keyName: 'miniProgram',
      api: ['redirectTo', 'navigateTo', 'switchTab', 'reLaunch', 'navigateBack', 'setSwipeBackModeSync', 'postMessage', 'getEnv', 'checkJsApi', 'chooseImage', 'compressImage', 'previewImage', 'uploadFile', 'getNetworkType', 'openLocation', 'getLocation']
    },
    swan: {
      keyName: 'webView',
      api: ['navigateTo', 'navigateBack', 'switchTab', 'reLaunch', 'redirectTo', 'getEnv', 'postMessage']
    },
    qq: {
      keyName: 'miniProgram',
      api: ['navigateTo', 'navigateBack', 'switchTab', 'reLaunch', 'redirectTo', 'getEnv', 'postMessage']
    }
  };
  var singleApiMap = {
    wx: ['checkJSApi', 'chooseImage', 'previewImage', 'uploadImage', 'downloadImage', 'getLocalImgData', 'startRecord', 'stopRecord', 'onVoiceRecordEnd', 'playVoice', 'pauseVoice', 'stopVoice', 'onVoicePlayEnd', 'uploadVoice', 'downloadVoice', 'translateVoice', 'getNetworkType', 'openLocation', 'getLocation', 'startSearchBeacons', 'stopSearchBeacons', 'onSearchBeacons', 'scanQRCode', 'chooseCard', 'addCard', 'openCard'],
    my: ['navigateTo', 'navigateBack', 'switchTab', 'reLaunch', 'redirectTo', 'chooseImage', 'previewImage', 'getLocation', 'openLocation', 'alert', 'showLoading', 'hideLoading', 'getNetworkType', 'startShare', 'tradePay', 'postMessage', 'onMessage', 'getEnv'],
    swan: ['makePhoneCall', 'setClipboardData', 'getNetworkType', 'openLocation', 'getLocation', 'chooseLocation', 'chooseImage', 'previewImage', 'openShare', 'navigateToSmartProgram'],
    web: ['navigateTo', 'navigateBack', 'switchTab', 'reLaunch', 'redirectTo', 'getEnv', 'postMessage', 'getLocation', 'invoke'],
    rn: ['navigateTo', 'navigateBack', 'switchTab', 'reLaunch', 'redirectTo', 'getEnv', 'postMessage', 'getLocation', 'invoke'],
    tt: []
  };
  var multiApi = multiApiMap[env] || {};
  var singleApi = singleApiMap[env] || [];
  var multiApiLists = multiApi.api || [];
  multiApiLists.forEach(function (item) {
    webviewBridge[item] = function () {
      for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
        args[_key2] = arguments[_key2];
      }
      runWebviewApiMethod(function () {
        var _window$env$multiApi$;
        (_window$env$multiApi$ = window[env][multiApi.keyName])[item].apply(_window$env$multiApi$, args);
      });
    };
  });
  singleApi.forEach(function (item) {
    webviewBridge[item] = function () {
      for (var _len3 = arguments.length, args = new Array(_len3), _key3 = 0; _key3 < _len3; _key3++) {
        args[_key3] = arguments[_key3];
      }
      if (env === 'web' || env === 'rn') {
        postMessage.apply(void 0, [item].concat(args));
      } else if (env === 'wx') {
        runWebviewApiMethod(function () {
          window[env] && window[env].ready(function () {
            var _window$env;
            (_window$env = window[env])[item].apply(_window$env, args);
          });
        });
      } else {
        runWebviewApiMethod(function () {
          var _window$env2;
          (_window$env2 = window[env])[item].apply(_window$env2, args);
        });
      }
    };
  });
};
initWebviewBridge();

export default webviewBridge;