@fle-sdk/event-tracking-web 1.2.6 → 1.2.8

package/lib/index.esm.js

@@ -624,10 +624,16 @@ function () {
             g.setRequestHeader && g.setRequestHeader("X-Requested-With", "XMLHttpRequest");
           }
 
-          if (para.contentType === "application/json") {
-            g.setRequestHeader && g.setRequestHeader("Content-type", "application/json; charset=UTF-8");
-          } else {
-            g.setRequestHeader && g.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
+          var hasContentType = _this.isObject(para.header) && Object.keys(para.header).some(function (key) {
+            return key.toLowerCase() === 'content-type' || key.toLowerCase() === 'content-type';
+          });
+
+          if (!hasContentType) {
+            if (para.contentType === "application/json") {
+              g.setRequestHeader && g.setRequestHeader("Content-type", "application/json; charset=UTF-8");
+            } else {
+              g.setRequestHeader && g.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
+            }
           }
         }
       } catch (e) {
@@ -865,11 +871,7 @@ function () {
 
       fingerprint.canvas = _this.getCanvasFingerprint(); // 8. 音频上下文指纹
 
-      fingerprint.audio = _this.getAudioFingerprint(); // 9. 字体检测
-
-      fingerprint.fonts = _this.getFontFingerprint(); // 10. 插件信息
-
-      fingerprint.plugins = _this.getPluginsFingerprint(); // 11. 存储检测
+      fingerprint.audio = _this.getAudioFingerprint(); // 11. 存储检测
 
       fingerprint.localStorage = _this.hasLocalStorage();
       fingerprint.sessionStorage = _this.hasSessionStorage();
@@ -877,9 +879,7 @@ function () {
 
       fingerprint.hardwareConcurrency = navigator.hardwareConcurrency;
       fingerprint.deviceMemory = navigator.deviceMemory;
-      fingerprint.maxTouchPoints = navigator.maxTouchPoints; // 13. 连接信息
-
-      fingerprint.connection = _this.getConnectionFingerprint();
+      fingerprint.maxTouchPoints = navigator.maxTouchPoints;
       return fingerprint;
     };
     /**
@@ -951,75 +951,6 @@ function () {
         return "error";
       }
     };
-    /**
-     * 获取字体指纹
-     * @returns 字体指纹字符串
-     */
-
-
-    this.getFontFingerprint = function () {
-      try {
-        var baseFonts_1 = ["monospace", "sans-serif", "serif"];
-        var testString_1 = "mmmmmmmmmmlli";
-        var testSize_1 = "72px";
-        var canvas = document.createElement("canvas");
-        var ctx_1 = canvas.getContext("2d");
-        if (!ctx_1) return "not-supported";
-        var detectedFonts_1 = []; // 测试字体列表
-
-        var fonts = ["Arial", "Arial Black", "Comic Sans MS", "Courier New", "Georgia", "Helvetica", "Impact", "Times New Roman", "Trebuchet MS", "Verdana"]; // 获取基准宽度
-
-        var baseWidths_1 = {};
-        baseFonts_1.forEach(function (font) {
-          ctx_1.font = testSize_1 + " " + font;
-          baseWidths_1[font] = ctx_1.measureText(testString_1).width;
-        }); // 测试每个字体
-
-        fonts.forEach(function (font) {
-          var detected = false;
-          baseFonts_1.forEach(function (baseFont) {
-            ctx_1.font = testSize_1 + " '" + font + "', " + baseFont;
-            var width = ctx_1.measureText(testString_1).width;
-
-            if (width !== baseWidths_1[baseFont]) {
-              detected = true;
-            }
-          });
-
-          if (detected) {
-            detectedFonts_1.push(font);
-          }
-        });
-        return detectedFonts_1.join(",");
-      } catch (e) {
-        return "error";
-      }
-    };
-    /**
-     * 获取插件指纹
-     * @returns 插件指纹字符串
-     */
-
-
-    this.getPluginsFingerprint = function () {
-      try {
-        var plugins = [];
-
-        if (navigator.plugins) {
-          for (var i = 0; i < navigator.plugins.length; i++) {
-            var plugin = navigator.plugins[i];
-
-            if (plugin) {
-              plugins.push(plugin.name + "|" + plugin.description + "|" + plugin.filename);
-            }
-          }
-        }
-
-        return plugins.join(";");
-      } catch (e) {
-        return "error";
-      }
-    };
     /**
      * 检测localStorage支持
      * @returns 是否支持localStorage
@@ -1061,22 +992,6 @@ function () {
     this.hasIndexedDB = function () {
       return "indexedDB" in window && indexedDB !== null;
     };
-    /**
-     * 获取网络连接指纹
-     * @returns 网络连接指纹字符串
-     */
-
-
-    this.getConnectionFingerprint = function () {
-      try {
-        var connection = navigator.connection || navigator.mozConnection || navigator.webkitConnection;
-        if (!connection) return "not-supported"; // 只使用稳定的 effectiveType，不使用 downlink 和 rtt（会随网络状态变化导致指纹不一致）
-
-        return connection.effectiveType || "unknown";
-      } catch (e) {
-        return "error";
-      }
-    };
     /**
      * 将指纹信息哈希为唯一ID
      * @param fingerprint 指纹信息
@@ -1356,6 +1271,19 @@ function () {
     if (this.config.showLog && elements.length > 0) {
       this.callbacks.printLog("\u5DF2\u76D1\u542C " + elements.length + " \u4E2A\u66DD\u5149\u5143\u7D20");
     }
+
+    if (!document.body) {
+      document.addEventListener("DOMContentLoaded", function () {
+        var deferredElements = document.querySelectorAll('[data-exposure="true"]');
+        deferredElements.forEach(function (element) {
+          _this.addExposureElement(element);
+        });
+
+        if (_this.config.showLog && deferredElements.length > 0) {
+          _this.callbacks.printLog("DOMContentLoaded \u540E\u76D1\u542C " + deferredElements.length + " \u4E2A\u66DD\u5149\u5143\u7D20");
+        }
+      });
+    }
   };
 
   ExposureTracker.prototype.initMutationObserver = function () {
@@ -1387,13 +1315,29 @@ function () {
         });
       });
     });
-    this.mutationObserver.observe(document.body, {
-      childList: true,
-      subtree: true
-    });
 
-    if (this.config.showLog) {
-      this.callbacks.printLog("MutationObserver 已启动，监听动态添加的曝光元素");
+    if (document.body) {
+      this.mutationObserver.observe(document.body, {
+        childList: true,
+        subtree: true
+      });
+
+      if (this.config.showLog) {
+        this.callbacks.printLog("MutationObserver 已启动，监听动态添加的曝光元素");
+      }
+    } else {
+      document.addEventListener("DOMContentLoaded", function () {
+        if (_this.mutationObserver && document.body) {
+          _this.mutationObserver.observe(document.body, {
+            childList: true,
+            subtree: true
+          });
+
+          if (_this.config.showLog) {
+            _this.callbacks.printLog("MutationObserver 已启动，监听动态添加的曝光元素");
+          }
+        }
+      });
     }
   };
 
@@ -1444,7 +1388,13 @@ function () {
   }
 
   PageDurationTracker.prototype.updateConfig = function (config) {
+    var oldInterval = this.config.pageDurationInterval;
     this.config = __assign(__assign({}, this.config), config);
+
+    if (config.pageDurationInterval !== undefined && config.pageDurationInterval !== oldInterval && this.timer !== null) {
+      this.stop();
+      this.start();
+    }
   };
 
   PageDurationTracker.prototype.start = function () {
@@ -1511,17 +1461,31 @@ var BatchSender =
 function () {
   function BatchSender(config, callbacks) {
     this.timer = null;
+    this.isFlushingQueue = false;
     this.config = config;
     this.callbacks = callbacks;
   }
 
+  BatchSender.prototype.start = function () {
+    var _this = this;
+
+    if (!this.config.batchSend) {
+      return;
+    }
+
+    this.clearTimer();
+    this.timer = window.setInterval(function () {
+      _this.flushQueue();
+    }, this.config.batchInterval);
+  };
+
   BatchSender.prototype.updateConfig = function (config) {
     this.config = __assign(__assign({}, this.config), config);
+    this.clearTimer();
+    this.start();
   };
 
   BatchSender.prototype.addToQueue = function (params) {
-    var _this = this;
-
     if (!this.config.batchSend) {
       return;
     }
@@ -1542,19 +1506,11 @@ function () {
       this.flushQueue();
       return;
     }
-
-    if (!this.timer) {
-      this.timer = window.setTimeout(function () {
-        _this.flushQueue();
-
-        _this.timer = null;
-      }, this.config.batchInterval);
-    }
   };
 
   BatchSender.prototype.clearTimer = function () {
     if (this.timer !== null) {
-      clearTimeout(this.timer);
+      clearInterval(this.timer);
       this.timer = null;
     }
   };
@@ -1612,6 +1568,12 @@ function () {
   };
 
   BatchSender.prototype.flushQueue = function () {
+    var _this = this;
+
+    if (this.isFlushingQueue) {
+      return;
+    }
+
     var batchQueue = this.getQueueFromStorage();
     if (batchQueue.length === 0) return;
     var currentTime = this.callbacks.getTimeStamp();
@@ -1639,10 +1601,13 @@ function () {
       return item._nextRetryTime > currentTime;
     });
     this.saveQueueToStorage(remainingQueue);
-    this.sendBatchData(readyToSend);
+    this.isFlushingQueue = true;
+    this.sendBatchData(readyToSend, function () {
+      _this.isFlushingQueue = false;
+    });
   };
 
-  BatchSender.prototype.sendBatchData = function (data) {
+  BatchSender.prototype.sendBatchData = function (data, onComplete) {
     var _this = this;
 
     var _a = this.config,
@@ -1661,6 +1626,12 @@ function () {
 
     var shouldUseBeacon = this.callbacks.shouldUseBeacon(sendMethod, undefined, initHeader);
 
+    var complete = function complete() {
+      if (onComplete) {
+        onComplete();
+      }
+    };
+
     if (shouldUseBeacon) {
       try {
         var blob = new Blob([JSON.stringify(data)], {
@@ -1669,18 +1640,20 @@ function () {
         var sent = navigator.sendBeacon(serverUrl, blob);
 
         if (sent) {
-          this.saveQueueToStorage([]);
-
           if (showLog) {
             this.callbacks.printLog("\u6279\u91CF\u53D1\u9001\u6210\u529F: " + data.length + " \u6761\u6570\u636E");
           }
+
+          complete();
         } else {
           this.callbacks.printLog("\u6279\u91CF\u53D1\u9001\u5931\u8D25: sendBeacon \u8FD4\u56DE false\uFF0C\u6570\u636E\u5DF2\u91CD\u65B0\u52A0\u5165\u961F\u5217");
           this.retryBatchData(data);
+          complete();
         }
       } catch (e) {
         this.callbacks.printLog("\u6279\u91CF\u53D1\u9001\u5931\u8D25: " + e + "\uFF0C\u6570\u636E\u5DF2\u91CD\u65B0\u52A0\u5165\u961F\u5217");
         this.retryBatchData(data);
+        complete();
       }
     } else {
       this.callbacks.ajax({
@@ -1694,16 +1667,18 @@ function () {
         timeout: this.config.sendTimeout,
         cors: true,
         success: function success() {
-          _this.saveQueueToStorage([]);
-
           if (_this.config.showLog) {
             _this.callbacks.printLog("\u6279\u91CF\u53D1\u9001\u6210\u529F: " + data.length + " \u6761\u6570\u636E");
           }
+
+          complete();
         },
         error: function error(err) {
           _this.callbacks.printLog("\u6279\u91CF\u53D1\u9001\u5931\u8D25: " + err + "\uFF0C\u6570\u636E\u5DF2\u91CD\u65B0\u52A0\u5165\u961F\u5217");
 
           _this.retryBatchData(data);
+
+          complete();
         }
       });
     }
@@ -2052,11 +2027,15 @@ function (_super) {
 
       _this.pendingRequestsManager.setupUnloadListener();
 
-      if (_this.initConfig.autoTrackPageDurationInterval) {
+      var autoTrackConfig = _this.getAutoTrackConfig();
+
+      _this.currentAutoTrackConfig = autoTrackConfig;
+
+      if (autoTrackConfig.retained) {
         _this.pageDurationTracker.start();
       }
 
-      if (_this.initConfig.autoTrackExposure) {
+      if (autoTrackConfig.exposure) {
         _this.exposureTracker.init();
       }
     };
@@ -2077,22 +2056,27 @@ function (_super) {
         _this.each(presetParams, function (val, key) {
           if (key === "pageKey") return;
 
+          if (key === "autoTrack" && _typeof(val) === "object" && val !== null) {
+            var newAutoTrackConfig = val;
+            _this.initConfig.autoTrack = __assign(__assign({}, _this.currentAutoTrackConfig), newAutoTrackConfig);
+            _this.currentAutoTrackConfig = _this.getAutoTrackConfig();
+            return;
+          }
+
           if (_this.initConfig.hasOwnProperty(key)) {
             var validationResult = _this.validateConfigParam(String(key), val);
 
             if (validationResult.valid) {
               _this.initConfig[key] = val;
             } else {
-              _this.printLog("\u914D\u7F6E\u53C2\u6570\u9A8C\u8BC1\u5931\u8D25: " + String(key) + " = " + val + ", \u539F\u56E0: " + validationResult.message);
+              console.warn("\u914D\u7F6E\u53C2\u6570\u9A8C\u8BC1\u5931\u8D25: " + String(key) + " = " + val + ", \u539F\u56E0: " + validationResult.message);
             }
           }
         });
       }
 
-      if (!/^(((ht|f)tps?):\/\/)?[\w-]+(\.[\w-]+)+([\w.,@?^=%&:/~+#-\(\)]*[\w@?^=%&/~+#-\(\)])?$/.test(_this.initConfig["serverUrl"])) {
-        _this.printLog("当前 server_url 为空或不正确，只在控制台打印日志，network 中不会发数据，请配置正确的 server_url！");
-
-        _this.initConfig["showLog"] = true;
+      if (!/^(((ht|f)tps?):\/\/)?[\w\-]+(\.[\w\-]+)+([\w\-\.,@?^=%&:/~+#\(\)]*[\w\-\.,@?^=%&/~+#\(\)])?$/.test(_this.initConfig["serverUrl"])) {
+        console.warn("当前 server_url 为空或不正确，只在控制台打印日志，network 中不会发数据，请配置正确的 server_url！");
       }
 
       if (!!_this.initConfig["autoTrack"] || !!_this.initConfig["trackPartKeyClick"]) {
@@ -2122,7 +2106,9 @@ function (_super) {
         header: _this.initConfig.header
       });
 
-      if (_this.initConfig.autoTrackPageDurationInterval) {
+      var autoTrackConfig = _this.getAutoTrackConfig();
+
+      if (autoTrackConfig.retained) {
         _this.pageDurationTracker.updateConfig({
           pageDurationInterval: _this.initConfig.pageDurationInterval,
           showLog: _this.initConfig.showLog
@@ -2133,9 +2119,9 @@ function (_super) {
         _this.pageDurationTracker.stop();
       }
 
-      if (_this.initConfig.autoTrackExposure) {
+      if (autoTrackConfig.exposure) {
         _this.exposureTracker.updateConfig({
-          autoTrackExposure: _this.initConfig.autoTrackExposure,
+          autoTrackExposure: true,
           exposureThreshold: _this.initConfig.exposureThreshold,
           exposureTime: _this.initConfig.exposureTime,
           exposureNum: _this.initConfig.exposureNum,
@@ -2251,12 +2237,8 @@ function (_super) {
           break;
 
         case "showLog":
-        case "autoTrack":
         case "isTrackSinglePage":
         case "batchSend":
-        case "trackPartKeyClick":
-        case "autoTrackPageDurationInterval":
-        case "autoTrackExposure":
           if (typeof value !== "boolean") {
             return {
               valid: false,
@@ -2266,6 +2248,37 @@ function (_super) {
 
           break;
 
+        case "autoTrack":
+          if (typeof value !== "boolean" && _typeof(value) !== "object") {
+            return {
+              valid: false,
+              message: "autoTrack 必须是布尔值或对象"
+            };
+          }
+
+          if (_typeof(value) === "object" && value !== null) {
+            var autoTrackConfig = value;
+            var validKeys = ["view", "click", "exposure", "retained"];
+
+            for (var k in autoTrackConfig) {
+              if (!validKeys.includes(k)) {
+                return {
+                  valid: false,
+                  message: "autoTrack \u5BF9\u8C61\u4E2D\u5305\u542B\u65E0\u6548\u7684\u5C5E\u6027: " + k
+                };
+              }
+
+              if (typeof autoTrackConfig[k] !== "boolean") {
+                return {
+                  valid: false,
+                  message: "autoTrack." + k + " \u5FC5\u987B\u662F\u5E03\u5C14\u503C"
+                };
+              }
+            }
+          }
+
+          break;
+
         case "business":
         case "header":
           if (value !== null && _typeof(value) !== "object") {
@@ -2303,6 +2316,37 @@ function (_super) {
       };
     };
 
+    _this.getAutoTrackConfig = function () {
+      var _a, _b, _c, _d;
+
+      var autoTrack = _this.initConfig.autoTrack;
+
+      if (typeof autoTrack === "boolean") {
+        return {
+          view: autoTrack,
+          click: autoTrack,
+          exposure: autoTrack,
+          retained: autoTrack
+        };
+      }
+
+      if (_typeof(autoTrack) === "object" && autoTrack !== null) {
+        return {
+          view: (_a = autoTrack.view) !== null && _a !== void 0 ? _a : false,
+          click: (_b = autoTrack.click) !== null && _b !== void 0 ? _b : false,
+          exposure: (_c = autoTrack.exposure) !== null && _c !== void 0 ? _c : false,
+          retained: (_d = autoTrack.retained) !== null && _d !== void 0 ? _d : false
+        };
+      }
+
+      return {
+        view: false,
+        click: false,
+        exposure: false,
+        retained: false
+      };
+    };
+
     _this.login = function (userInfo) {
       if (_this.isObject(userInfo)) _this.userInfo = userInfo;
     };
@@ -2337,7 +2381,9 @@ function (_super) {
     _this.listener = function () {
       _this.unlistener();
 
-      if (!!_this.initConfig.autoTrack) {
+      var autoTrackConfig = _this.getAutoTrackConfig();
+
+      if (autoTrackConfig.view) {
         if (!!_this.initConfig.isTrackSinglePage) {
           _this.rewriteHistory();
 
@@ -2349,7 +2395,7 @@ function (_super) {
         });
       }
 
-      if (!!_this.initConfig.autoTrack || !!_this.initConfig.trackPartKeyClick) {
+      if (autoTrackConfig.click) {
         _this.addEventListener(window, "click", _this.onClickCallback);
       }
     };
@@ -2464,40 +2510,17 @@ function (_super) {
         _this.pageKey = window.location.pathname.replace(/\//g, "_").substring(1);
       }
 
-      if (_this.initConfig.autoTrackPageDurationInterval) {
+      var autoTrackConfig = _this.getAutoTrackConfig();
+
+      if (autoTrackConfig.retained) {
         _this.pageDurationTracker.stop();
 
         _this.pageDurationTracker.start();
       }
 
-      _this.sendRetained(e.type);
-
       _this.sendData(params);
     };
 
-    _this.sendRetained = function (type) {
-      var params = _this.getParams({
-        event: "PageRetained",
-        desc: _this.eventDescMap["PageRetained"]
-      });
-
-      if (["beforeunload", "pushState", "replaceState", "hashchange", "popstate"].indexOf(type) >= 0) {
-        var __time = _this.getCookie("retainedStartTime");
-
-        var retainedStartTime = __time ? +__time : _this.getTimeStamp();
-
-        var retainedData = __assign(__assign({}, params), {
-          privateParamMap: __assign(__assign({}, params.privateParamMap), {
-            retainedDuration: Math.max(params.requestTime - retainedStartTime, 0)
-          })
-        });
-
-        _this.sendData(retainedData);
-
-        _this.setCookie("retainedStartTime", _this.getTimeStamp());
-      }
-    };
-
     _this.getParams = function (_a) {
       var event = _a.event,
           desc = _a.desc,
@@ -2798,7 +2821,7 @@ function (_super) {
       });
     };
 
-    _this.sdkVersion = "1.2.4";
+    _this.sdkVersion = "1.2.8";
     _this.initConfig = {
       appKey: "",
       platform: undefined,
@@ -2814,12 +2837,9 @@ function (_super) {
       batchSend: false,
       batchInterval: 5000,
       batchMaxSize: 10,
-      trackPartKeyClick: false,
       pendingRequestsMaxSize: 50,
-      autoTrackPageDurationInterval: false,
       pageDurationInterval: 30000,
       sendMethod: "auto",
-      autoTrackExposure: false,
       exposureThreshold: 0.5,
       exposureTime: 500,
       exposureNum: undefined
@@ -2891,6 +2911,20 @@ function (_super) {
     return _this;
   }
 
+  WebTracking.prototype.printLog = function () {
+    var rest = [];
+
+    for (var _i = 0; _i < arguments.length; _i++) {
+      rest[_i] = arguments[_i];
+    }
+
+    if (!this.initConfig.showLog) {
+      return;
+    }
+
+    _super.prototype.printLog.apply(this, rest);
+  };
+
   WebTracking.prototype.addSinglePageEvent = function (callback) {
     var _this = this;