@alipay/ams-checkout 0.0.1762138227-dev.0 → 0.0.1762138227-dev.10

package/esm/loader/Proxy.js

@@ -15,11 +15,12 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
  * Proxy代理层
  * **/
 import ProxyPolyfillBuilder from 'proxy-polyfill/src/proxy';
-import { instanceApiMap } from "./constant";
+import { EConstructorName, instanceApiMap } from "./constant";
 import { supportsDefineProperty, supportsProxy } from "./utils/common";
 import { setDebugContext } from "./utils/debugger";
 import { loadSdk, newActualInstance } from "./utils/loadSDK";
 import { consoleLogger, logger } from "./utils/logger";
+import { setProxyEndTime, setProxyStartTime } from "./utils/proxyPerformance";
 
 // eslint-disable-next-line
 
@@ -49,6 +50,7 @@ export function createBaseProxy(constructorName) {
           } else {
             // SDK未加载，记录调用
             return new Promise(function (resolve, reject) {
+              consoleLogger.log("Cache API [".concat(constructorName, ".").concat(prop, "]"));
               self.pendingCalls.push({
                 method: prop,
                 args: args,
@@ -88,6 +90,7 @@ export function createBaseProxy(constructorName) {
           } else {
             // SDK未加载，记录调用
             return new Promise(function (resolve, reject) {
+              consoleLogger.log("Cache API [".concat(constructorName, ".").concat(prop, "]"));
               self.pendingCalls.push({
                 method: prop,
                 args: args,
@@ -125,21 +128,64 @@ export function createBaseProxy(constructorName) {
   };
   var BaseProxy = /*#__PURE__*/function () {
     // 返回代理实例对象
-    function BaseProxy(newProps, debugProps) {
+    function BaseProxy(_newProps, debugProps) {
+      var _this = this;
       _classCallCheck(this, BaseProxy);
       _defineProperty(this, "hasActualInstance", false);
       _defineProperty(this, "pendingCalls", []);
       _defineProperty(this, "actualInstance", null);
       _defineProperty(this, "proxyInstance", null);
       _defineProperty(this, "startTime", 0);
+      _defineProperty(this, "onCreateInstanceError", function (newProps) {
+        // 不同实例进行不同的错误处理方案
+        if (constructorName === EConstructorName.AMSElement) {
+          _this.throwErrorWithPromise({
+            error: {
+              code: 'UI_STATE_ERROR',
+              message: 'create_actual_instance_error'
+            }
+          });
+        } else if (constructorName === EConstructorName.AMSEasyPay) {
+          _this.throwErrorWithOnEventCallback({
+            code: 'SDK_INTERNAL_ERROR',
+            message: 'create_actual_instance_error'
+          }, newProps);
+        } else {
+          _this.throwErrorWithOnEventCallback({
+            code: 'SDK_INTERNAL_ERROR',
+            message: 'create_actual_instance_error'
+          }, newProps);
+        }
+      });
+      _defineProperty(this, "onLoadSDKError", function (newProps) {
+        if (constructorName === EConstructorName.AMSElement) {
+          _this.throwErrorWithPromise({
+            error: {
+              code: 'INITIALIZE_WEB_TIMEOUT',
+              message: 'load_sdk_resource_error'
+            }
+          });
+        } else if (constructorName === EConstructorName.AMSEasyPay) {
+          _this.throwErrorWithOnEventCallback({
+            code: 'SDK_INTERNAL_ERROR',
+            message: 'load_sdk_resource_error'
+          }, newProps);
+        } else {
+          _this.throwErrorWithOnEventCallback({
+            code: 'SDK_INTERNAL_ERROR',
+            message: 'load_sdk_resource_error'
+          }, newProps);
+        }
+      });
       this.startTime = Date.now();
-
       // 初始化debug参数
       setDebugContext(debugProps);
+      // 记录开始时间
+      setProxyStartTime(constructorName, this.startTime);
       // 创建代理实例
       this.proxyInstance = this.newProxyInstance();
       // 加载sdk并创建真实实例
-      this.loadSDKAndCreateInstance(constructorName, newProps);
+      this.loadSDKAndCreateInstance(constructorName, _newProps);
       logger.logInfo({
         title: 'create_proxy_instance_success'
       });
@@ -150,64 +196,49 @@ export function createBaseProxy(constructorName) {
     _createClass(BaseProxy, [{
       key: "loadSDKAndCreateInstance",
       value: function loadSDKAndCreateInstance(constructorName, newProps) {
-        var _this = this;
-        loadSdk().then(function () {
+        var _this2 = this;
+        loadSdk().then(function (_ref) {
+          var loadType = _ref.loadType;
           try {
             var actualInstance = newActualInstance(constructorName, newProps);
-            // 从newProxy到初始化真实sdk实例花费时间
+            var newActualInstanceDuration = Date.now() - _this2.startTime;
+            // 记录结束时间
+            setProxyEndTime(constructorName, Date.now());
+            // 上报newProxy到初始化真实sdk实例花费时间,忽略SDK缓存场景
             logger.logInfo({
-              title: 'report_customized_performance_m5'
+              title: 'loadSDK_and_create_actual_instance'
             }, {
-              m5: Date.now() - _this.startTime
+              constructorName: constructorName,
+              loadDuration: loadType === 'network' ? newActualInstanceDuration : undefined
             });
+            // 热更新全流程成功率监控
             logger.logInfo({
-              title: 'create_actual_instance_success'
+              title: 'create_antom_instance'
             }, {
-              constructorName: constructorName
+              constructorName: constructorName,
+              result: 'Y'
             });
             consoleLogger.log('create_actual_instance_success');
-            _this.actualInstance = actualInstance;
-            _this.hasActualInstance = true;
-            _this.executePendingCalls();
+            _this2.actualInstance = actualInstance;
+            _this2.hasActualInstance = true;
+            _this2.executePendingCalls();
           } catch (error) {
-            //创建实例失败时,构造一个虚拟错误对象来模拟产品实例,其中所有的API都会在.then中返回错误对象
-            var instanceForError = _newInstanceForError({
-              error: {
-                code: 'INTERNAL_ERROR',
-                message: 'create_actual_instance_error'
-              },
-              status: 'FAIL'
-            });
-            _this.actualInstance = instanceForError;
-            _this.hasActualInstance = true;
-            _this.executePendingCalls();
-            logger.logError({
-              title: 'create_actual_instance_error'
+            logger.logInfo({
+              title: 'create_antom_instance'
             }, {
-              errorMessage: error,
-              constructorName: constructorName
+              constructorName: constructorName,
+              result: 'N'
             });
-            consoleLogger.error('create_actual_instance_error');
+            _this2.onCreateInstanceError(newProps);
           }
-        }).catch(function (error) {
-          //SDK加载失败时,构造一个虚拟错误对象来模拟产品实例,其中所有的API都会在.then中返回错误对象
-          var instanceForError = _newInstanceForError({
-            error: {
-              code: 'INITIALIZE_WEB_TIMEOUT',
-              message: 'load_sdk_resource_error'
-            },
-            status: 'FAIL'
-          });
-          _this.actualInstance = instanceForError;
-          _this.hasActualInstance = true;
-          _this.executePendingCalls();
-          logger.logError({
-            title: 'load_sdk_resource_error'
+        }).catch(function () {
+          logger.logInfo({
+            title: 'create_antom_instance'
           }, {
-            errorMessage: error,
-            constructorName: constructorName
+            constructorName: constructorName,
+            result: 'N'
           });
-          consoleLogger.error('load_sdk_resource_error');
+          _this2.onLoadSDKError(newProps);
         });
       }
 
@@ -289,6 +320,43 @@ export function createBaseProxy(constructorName) {
           reject(error);
         }
       }
+    }, {
+      key: "throwErrorWithPromise",
+      value:
+      // 使用Promise.then来抛出错误对象 构造一个虚拟错误对象来模拟产品实例,其中所有的API都会在.then中返回错误对象
+      function throwErrorWithPromise(errorObj) {
+        var _errorObj$error;
+        var message = errorObj === null || errorObj === void 0 || (_errorObj$error = errorObj.error) === null || _errorObj$error === void 0 ? void 0 : _errorObj$error.message;
+        var instanceForError = _newInstanceForError(errorObj);
+        this.actualInstance = instanceForError;
+        this.hasActualInstance = true;
+        this.executePendingCalls();
+        logger.logError({
+          title: message
+        }, {
+          errorMessage: message,
+          constructorName: constructorName
+        });
+        consoleLogger.error(message);
+      }
+
+      // 使用onEventCallback向外抛出SDK内部错误
+    }, {
+      key: "throwErrorWithOnEventCallback",
+      value: function throwErrorWithOnEventCallback(errorObj, newProps) {
+        var onEventCallbackFn = newProps === null || newProps === void 0 ? void 0 : newProps.onEventCallback;
+        var message = errorObj.message;
+        if (typeof onEventCallbackFn === 'function') {
+          onEventCallbackFn === null || onEventCallbackFn === void 0 || onEventCallbackFn.call(null, errorObj);
+        }
+        logger.logError({
+          title: message
+        }, {
+          errorMessage: message,
+          constructorName: constructorName
+        });
+        consoleLogger.error(message);
+      }
     }]);
     return BaseProxy;
   }();

package/esm/loader/constant.d.ts

@@ -27,6 +27,9 @@ export declare const instanceApiMap: Record<EConstructorName, string[]>;
  * SDK 集成类型枚举
  */
 export type AntomWebSDKIntegrationType = 'CDN' | 'NPM';
+/**
+ * SDK 地址
+ */
 export declare const SDK_URL: {
     DEV: string;
     PROD: string;

package/esm/loader/constant.js

@@ -27,9 +27,10 @@ export var instanceApiMap = _defineProperty(_defineProperty(_defineProperty({},
  * SDK 集成类型枚举
  */
 
-// TODO SDK 地址
+/**
+ * SDK 地址
+ */
 export var SDK_URL = {
-  DEV: 'https://sdk-dev.marmot-cloud.com/package/ams-checkout/dev-1753362745/dist/umd/ams-checkout.min.js',
-  // marmot测试用sdk地址 待正式上线前替换
-  PROD: 'https://er-test.marmot-cloud.com/1.0.0/dist/umd/ams-checkout.min.js'
+  DEV: 'http://js-dev.antom.com/v2/ams-checkout.js',
+  PROD: 'https://js.antom.com/v2/ams-checkout.js'
 };

package/esm/loader/utils/loadSDK.d.ts

@@ -1,3 +1,8 @@
 import { EConstructorName, ProductType } from '../constant';
-export declare function loadSdk(): Promise<boolean>;
+type SdkLoadResult = {
+    success: boolean;
+    loadType?: 'cached' | 'network';
+};
+export declare function loadSdk(): Promise<SdkLoadResult>;
 export declare function newActualInstance<T extends ProductType>(constructorName: EConstructorName, newProps: any): T | null;
+export {};

package/esm/loader/utils/loadSDK.js

@@ -12,10 +12,19 @@ export function loadSdk() {
       sdkSrc = (debugContext === null || debugContext === void 0 ? void 0 : debugContext.sdkUrl) || SDK_URL.PROD;
     }
 
+    // 校验URL合法性
+    try {
+      new URL(sdkSrc);
+    } catch (e) {
+      consoleLogger.error("Invalid SDK URL: ".concat(sdkSrc));
+      reject();
+      return;
+    }
+
     // 检查 SDK URL 是否存在
     if (!sdkSrc) {
       consoleLogger.error("SDK URL not found for: ".concat(sdkSrc));
-      reject(false);
+      reject();
       return;
     }
 
@@ -23,7 +32,10 @@ export function loadSdk() {
     var existingScript = document.querySelector("script[src=\"".concat(sdkSrc, "\"]"));
     if (existingScript) {
       consoleLogger.log("SDK already loaded: ".concat(sdkSrc));
-      resolve(true);
+      resolve({
+        success: true,
+        loadType: 'cached'
+      });
       return;
     }
 
@@ -35,7 +47,10 @@ export function loadSdk() {
     // 定义onload和onerror事件
     script.onload = function () {
       consoleLogger.log("Load SDK Success , SDK URL: ".concat(sdkSrc));
-      resolve(true);
+      resolve({
+        success: true,
+        loadType: 'network'
+      });
     };
     script.onerror = function () {
       consoleLogger.log("Failed to load SDK: ".concat(sdkSrc));
@@ -44,7 +59,9 @@ export function loadSdk() {
       }, {
         sdkSrc: sdkSrc
       });
-      reject(false);
+      // 失败时移除缓存脚本
+      script.remove();
+      reject();
     };
   });
 }

package/esm/loader/utils/proxyPerformance.d.ts

@@ -0,0 +1,20 @@
+/**
+ * 在window对象上记录商户初始化SDK的StartTime,加载结束时间
+ * 后续传递给Web应用,用于进行端到端渲染总耗时计算
+ * ***/
+import { ProductSceneEnum } from "../../types";
+import { EConstructorName } from '../constant';
+type TimeObject = {
+    startTime: number;
+    endTime: number;
+};
+/*** 扩展 Window 接口，添加 _ANTOM_SDK_PROXY_TIME 属性*/
+declare global {
+    interface Window {
+        _ANTOM_SDK_PROXY_TIME?: Partial<Record<EConstructorName, TimeObject>>;
+    }
+}
+export declare function setProxyStartTime(constructorName: EConstructorName, startTime: number): number;
+export declare function setProxyEndTime(constructorName: EConstructorName, endTime: number): number;
+export declare const getProxyCostTime: (productScene: ProductSceneEnum) => number;
+export {};

package/esm/loader/utils/proxyPerformance.js

@@ -0,0 +1,66 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+/**
+ * 在window对象上记录商户初始化SDK的StartTime,加载结束时间
+ * 后续传递给Web应用,用于进行端到端渲染总耗时计算
+ * ***/
+
+import { ProductSceneEnum } from "../../types";
+
+/*** 扩展 Window 接口，添加 _ANTOM_SDK_PROXY_TIME 属性*/
+
+/*** 往window对象上注入全局变量 _ANTOM_SDK_PROXY_TIME */
+function injectAntomSDKProxyStartTime() {
+  if (typeof window === 'undefined') {
+    return;
+  }
+  if (_typeof(window._ANTOM_SDK_PROXY_TIME) !== 'object') {
+    window._ANTOM_SDK_PROXY_TIME = {};
+  }
+  return window._ANTOM_SDK_PROXY_TIME;
+}
+export function setProxyStartTime(constructorName, startTime) {
+  injectAntomSDKProxyStartTime();
+  if (_typeof(window._ANTOM_SDK_PROXY_TIME) !== 'object') return startTime;
+  var timeObject = window._ANTOM_SDK_PROXY_TIME[constructorName];
+  if (_typeof(timeObject) !== 'object') {
+    window._ANTOM_SDK_PROXY_TIME[constructorName] = {
+      startTime: startTime,
+      endTime: 0
+    };
+  } else {
+    timeObject.startTime = startTime;
+  }
+  return startTime;
+}
+export function setProxyEndTime(constructorName, endTime) {
+  if (_typeof(window._ANTOM_SDK_PROXY_TIME) !== 'object') return endTime;
+  var timeObject = window._ANTOM_SDK_PROXY_TIME[constructorName];
+  if (_typeof(timeObject) !== 'object') {
+    window._ANTOM_SDK_PROXY_TIME[constructorName] = {
+      startTime: 0,
+      endTime: endTime
+    };
+  } else {
+    timeObject.endTime = endTime;
+  }
+  return endTime;
+}
+export var getProxyCostTime = function getProxyCostTime(productScene) {
+  var _window, _window2, _timeObj, _timeObj2;
+  var timeObj;
+  switch (productScene) {
+    case ProductSceneEnum.ELEMENT_PAYMENT:
+      timeObj = (_window = window) === null || _window === void 0 || (_window = _window._ANTOM_SDK_PROXY_TIME) === null || _window === void 0 ? void 0 : _window['AMSElement'];
+      break;
+    case ProductSceneEnum.EASY_PAY:
+      timeObj = (_window2 = window) === null || _window2 === void 0 || (_window2 = _window2._ANTOM_SDK_PROXY_TIME) === null || _window2 === void 0 ? void 0 : _window2['AMSEasyPay'];
+      break;
+    default:
+      timeObj = {
+        startTime: 0,
+        endTime: 0
+      };
+      break;
+  }
+  return ((_timeObj = timeObj) === null || _timeObj === void 0 ? void 0 : _timeObj.endTime) - ((_timeObj2 = timeObj) === null || _timeObj2 === void 0 ? void 0 : _timeObj2.startTime) || 0;
+};

package/esm/plugin/component/cashierApp.js

@@ -15,6 +15,7 @@ function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e
  * 1. 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; and
  * 2. If applicable, the use of the Software is also subject to the terms and conditions of any non-disclosure agreement signed by you and the relevant Ant Group entity.
  */
+import { getProxyCostTime } from "../../loader/utils/proxyPerformance";
 import { marmotMap, sdkVersion, v2AppMarmotMap } from "../../config/index";
 import { ComponentSignEnum, ComponentSignEnumV2 } from "../../types";
 import { isDebugLog } from "../../util/debug";
@@ -184,6 +185,7 @@ export var getIframeUrl = function getIframeUrl(iframeParams) {
     sdkVersion: sdkVersion,
     refUrl: window.location.href,
     _componentStartTime: "".concat(Date.now()),
+    _proxyCostTime: "".concat(getProxyCostTime(productScene)),
     isPreload: isPreload || '',
     hostSign: hostSign || ''
   });

package/esm/util/integrationType.js

@@ -18,13 +18,11 @@ export function injectAntomSDKIntegrationType(integrationType) {
   // 参数验证
   var validTypes = ['CDN', 'NPM'];
   if (!validTypes.includes(integrationType)) {
-    console.warn("Integration type must be one of: ".concat(validTypes.join(', ')));
     return;
   }
 
   // 检查是否在浏览器环境中
   if (typeof window === 'undefined') {
-    console.warn('window object is not available');
     return;
   }
 
@@ -39,7 +37,6 @@ export function injectAntomSDKIntegrationType(integrationType) {
   logger.setMedta({
     integrationType: integrationType
   });
-  console.log("Successfully injected window._ANTOM_SDK_INTEGRATION_TYPE: ".concat(integrationType));
 }
 
 /**

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alipay/ams-checkout",
-  "version": "0.0.1762138227-dev.0",
+  "version": "0.0.1762138227-dev.10",
   "description": "",
   "author": "",
   "main": "esm/index.js",
@@ -9,6 +9,7 @@
   "files": [
     "dist",
     "esm",
+    "ams-checkout.js",
     "LEGAL.md",
     "LICENSE",
     "README.md"