sobey-monitor-sdk 1.1.3 → 1.1.5

package/dist/index.umd.js

@@ -280,13 +280,22 @@
          * 策略：优先使用 sendBeacon（更可靠），不支持或失败时降级为 fetch
          */
         doSend(data) {
+            // 检查配置是否已初始化
+            if (!config.isInitialized()) {
+                // 配置未初始化，数据放回缓冲区等待下次发送
+                this.buffer.unshift(...data);
+                this.scheduleFlush();
+                return;
+            }
             const cfg = config.get();
             const dsn = cfg.dsn;
-            // dsn 未配置，跳过发送
+            // dsn 未配置，将数据放回缓冲区等待下次发送
             if (!dsn) {
                 if (cfg.debug) {
-                    console.warn('[Monitor] dsn not configured, skip sending');
+                    console.warn('[Monitor] dsn not configured, buffering data for later');
                 }
+                this.buffer.unshift(...data);
+                this.scheduleFlush();
                 return;
             }
             const payload = JSON.stringify(data);
@@ -407,25 +416,83 @@
             }
         }
         /**
-         * 发送早期缓存的数据
+         * 发送早期缓存的数据（根据最新配置过滤）
          */
         flushEarlyBuffer() {
+            const cfg = config.get();
+            let skippedCount = 0;
+            // 全局开关检查：如果 enabled 为 false，清空缓存不上报
+            if (cfg.enabled === false) {
+                const totalCount = this.earlyBuffer.length;
+                this.earlyBuffer = [];
+                if (cfg.debug) {
+                    console.log(`[Monitor] SDK disabled, discarded ${totalCount} early buffered items`);
+                }
+                return;
+            }
             while (this.earlyBuffer.length > 0) {
                 const item = this.earlyBuffer.shift();
                 if (!item)
                     continue;
+                // 根据最新配置过滤数据
                 switch (item.type) {
                     case 'error':
+                        // 检查错误监控是否启用
+                        if (cfg.error?.enabled === false) {
+                            skippedCount++;
+                            continue;
+                        }
+                        // 根据错误类型检查具体开关
+                        const errorType = item.data?.type;
+                        if (errorType === 'js_error' && cfg.error?.jsError === false) {
+                            skippedCount++;
+                            continue;
+                        }
+                        if (errorType === 'promise_error' && cfg.error?.promiseError === false) {
+                            skippedCount++;
+                            continue;
+                        }
+                        if (errorType === 'resource_error' && cfg.error?.resourceError === false) {
+                            skippedCount++;
+                            continue;
+                        }
+                        if (errorType === 'http_error' && cfg.error?.httpError === false) {
+                            skippedCount++;
+                            continue;
+                        }
                         this.reportError(item.data);
                         break;
                     case 'performance':
+                        // 检查性能监控是否启用
+                        if (cfg.performance?.enabled === false) {
+                            skippedCount++;
+                            continue;
+                        }
                         this.reportPerformance(item.data);
                         break;
                     case 'behavior':
+                        // 检查行为监控是否启用
+                        if (cfg.behavior?.enabled === false) {
+                            skippedCount++;
+                            continue;
+                        }
+                        // 根据行为类型检查具体开关
+                        const action = item.data?.action;
+                        if (action === 'pv' && cfg.behavior?.pv === false) {
+                            skippedCount++;
+                            continue;
+                        }
+                        if (action === 'route' && cfg.behavior?.route === false) {
+                            skippedCount++;
+                            continue;
+                        }
                         this.reportBehavior(item.data);
                         break;
                 }
             }
+            if (skippedCount > 0 && cfg.debug) {
+                console.log(`[Monitor] Filtered out ${skippedCount} early buffered items based on config`);
+            }
         }
         /**
          * 缓存早期数据
@@ -553,15 +620,16 @@
      * 安装 JS 错误监听
      */
     function installJsErrorHandler() {
-        const cfg = config.get();
-        if (!cfg.error?.enabled || !cfg.error?.jsError) {
-            return;
-        }
         window.addEventListener('error', (event) => {
             // 过滤资源加载错误（由 resourceError 处理）
             if (event.target !== window) {
                 return;
             }
+            // 检查配置（在事件触发时检查，而不是安装时）
+            const cfg = config.isInitialized() ? config.get() : null;
+            if (cfg?.error?.enabled === false || cfg?.error?.jsError === false) {
+                return;
+            }
             const errorData = {
                 type: 'js_error',
                 message: event.message || 'Unknown error',
@@ -582,9 +650,7 @@
             });
             reporter.reportError(errorData);
         }, true);
-        if (cfg.debug) {
-            console.log('[Monitor] JS error handler installed');
-        }
+        console.log('[Monitor] JS error handler installed');
     }
 
     /**
@@ -594,11 +660,12 @@
      * 安装 Promise 错误监听
      */
     function installPromiseErrorHandler() {
-        const cfg = config.get();
-        if (!cfg.error?.enabled || !cfg.error?.promiseError) {
-            return;
-        }
         window.addEventListener('unhandledrejection', (event) => {
+            // 检查配置（在事件触发时检查，而不是安装时）
+            const cfg = config.isInitialized() ? config.get() : null;
+            if (cfg?.error?.enabled === false || cfg?.error?.promiseError === false) {
+                return;
+            }
             let message = 'Unhandled Promise rejection';
             let stack;
             const reason = event.reason;
@@ -627,9 +694,7 @@
             });
             reporter.reportError(errorData);
         });
-        if (cfg.debug) {
-            console.log('[Monitor] Promise error handler installed');
-        }
+        console.log('[Monitor] Promise error handler installed');
     }
 
     /**
@@ -639,16 +704,17 @@
      * 安装资源错误监听
      */
     function installResourceErrorHandler() {
-        const cfg = config.get();
-        if (!cfg.error?.enabled || !cfg.error?.resourceError) {
-            return;
-        }
         window.addEventListener('error', (event) => {
             const target = event.target;
             // 只处理资源加载错误（target 不是 window）
             if (!target || target === window || !(target instanceof HTMLElement)) {
                 return;
             }
+            // 检查配置（在事件触发时检查，而不是安装时）
+            const cfg = config.isInitialized() ? config.get() : null;
+            if (cfg?.error?.enabled === false || cfg?.error?.resourceError === false) {
+                return;
+            }
             const tagName = target.tagName.toLowerCase();
             // 只监控特定标签的资源
             if (!['img', 'script', 'link', 'video', 'audio', 'source'].includes(tagName)) {
@@ -677,9 +743,7 @@
             });
             reporter.reportError(errorData);
         }, true); // 使用捕获阶段
-        if (cfg.debug) {
-            console.log('[Monitor] Resource error handler installed');
-        }
+        console.log('[Monitor] Resource error handler installed');
     }
 
     /**
@@ -694,23 +758,16 @@
      * 安装 HTTP 错误拦截
      */
     function installHttpErrorHandler() {
-        const cfg = config.get();
-        if (!cfg.error?.enabled || !cfg.error?.httpError) {
-            return;
-        }
         interceptXHR();
         interceptFetch();
-        if (cfg.debug) {
-            console.log('[Monitor] HTTP error handler installed');
-        }
+        console.log('[Monitor] HTTP error handler installed');
     }
-    /**
-     * 拦截 XMLHttpRequest
-     */
     /**
      * 检查是否是 SDK 自身的请求
      */
     function isSdkRequest(url) {
+        if (!config.isInitialized())
+            return false;
         const cfg = config.get();
         if (!cfg.dsn)
             return false;
@@ -880,10 +937,6 @@
         reporter.reportError(errorData);
     }
 
-    /**
-     * 白屏检测插件
-     * 使用 DOM 采样检测页面是否白屏
-     */
     // 采样点 - 页面关键区域
     const SAMPLE_POINTS = [
         { x: 0.5, y: 0.1 }, // 顶部中间
@@ -898,10 +951,6 @@
      * 安装白屏检测
      */
     function installWhiteScreenDetector() {
-        const cfg = config.get();
-        if (!cfg.error?.enabled) {
-            return;
-        }
         // 在页面加载完成后检测
         if (document.readyState === 'complete') {
             scheduleDetection();
@@ -911,9 +960,7 @@
                 scheduleDetection();
             });
         }
-        if (cfg.debug) {
-            console.log('[Monitor] White screen detector installed');
-        }
+        console.log('[Monitor] White screen detector installed');
     }
     /**
      * 调度检测（延迟执行，给页面渲染时间）
@@ -985,10 +1032,6 @@
      * 安装 Web Vitals 采集
      */
     function installWebVitals() {
-        const cfg = config.get();
-        if (!cfg.performance?.enabled || !cfg.performance?.webVitals) {
-            return;
-        }
         // 页面加载完成后采集
         if (document.readyState === 'complete') {
             collectMetrics();
@@ -999,14 +1042,17 @@
                 setTimeout(collectMetrics, 3000);
             });
         }
-        if (cfg.debug) {
-            console.log('[Monitor] Web Vitals collector installed');
-        }
+        console.log('[Monitor] Web Vitals collector installed');
     }
     /**
      * 采集性能指标
      */
     function collectMetrics() {
+        // 检查配置（在采集时检查，而不是安装时）
+        const cfg = config.isInitialized() ? config.get() : null;
+        if (cfg?.performance?.enabled === false || cfg?.performance?.webVitals === false) {
+            return;
+        }
         const metrics = {};
         // 使用 Performance API
         if (!window.performance) {
@@ -1115,22 +1161,13 @@
         installWebVitals();
     }
 
-    /**
-     * PV (Page View) 统计插件
-     */
     /**
      * 安装 PV 统计
      */
     function installPVTracker() {
-        const cfg = config.get();
-        if (!cfg.behavior?.enabled || !cfg.behavior?.pv) {
-            return;
-        }
-        // 页面加载时上报
+        // 页面加载时上报（reporter 会缓存直到 SDK 就绪）
         reportPV();
-        if (cfg.debug) {
-            console.log('[Monitor] PV tracker installed');
-        }
+        console.log('[Monitor] PV tracker installed');
     }
     /**
      * 上报 PV
@@ -1153,11 +1190,12 @@
      * 安装点击追踪
      */
     function installClickTracker() {
-        const cfg = config.get();
-        if (!cfg.behavior?.enabled || !cfg.behavior?.click) {
-            return;
-        }
         document.addEventListener('click', (event) => {
+            // 检查配置（在事件触发时检查，而不是安装时）
+            const cfg = config.isInitialized() ? config.get() : null;
+            if (cfg?.behavior?.enabled === false || cfg?.behavior?.click === false) {
+                return;
+            }
             const target = event.target;
             if (!target)
                 return;
@@ -1175,9 +1213,7 @@
             //   data: clickData,
             // });
         }, true);
-        if (cfg.debug) {
-            console.log('[Monitor] Click tracker installed');
-        }
+        console.log('[Monitor] Click tracker installed');
     }
     /**
      * 提取点击数据
@@ -1256,10 +1292,6 @@
      * 安装路由监控
      */
     function installRouteTracker() {
-        const cfg = config.get();
-        if (!cfg.behavior?.enabled || !cfg.behavior?.route) {
-            return;
-        }
         // 拦截 pushState
         history.pushState = function (...args) {
             const result = originalPushState.apply(this, args);
@@ -1280,14 +1312,17 @@
         window.addEventListener('hashchange', () => {
             handleRouteChange('hashchange');
         });
-        if (cfg.debug) {
-            console.log('[Monitor] Route tracker installed');
-        }
+        console.log('[Monitor] Route tracker installed');
     }
     /**
      * 处理路由变化
      */
     function handleRouteChange(trigger) {
+        // 检查配置（在事件触发时检查，而不是安装时）
+        const cfg = config.isInitialized() ? config.get() : null;
+        if (cfg?.behavior?.enabled === false || cfg?.behavior?.route === false) {
+            return;
+        }
         const routeData = {
             url: getPageUrl(),
             title: getPageTitle(),
@@ -1322,16 +1357,16 @@
      * 安装控制台追踪
      */
     function installConsoleTracker() {
-        const cfg = config.get();
-        // 默认启用控制台追踪（跟随 behavior.enabled）
-        if (!cfg.behavior?.enabled) {
-            return;
-        }
         const levels = ['log', 'info', 'warn', 'error'];
         levels.forEach((level) => {
             console[level] = function (...args) {
                 // 调用原始方法
                 originalConsole[level].apply(console, args);
+                // 检查配置（在调用时检查，而不是安装时）
+                const cfg = config.isInitialized() ? config.get() : null;
+                if (cfg?.behavior?.enabled === false) {
+                    return;
+                }
                 // 添加到面包屑（只记录 warn 和 error）
                 if (level === 'warn' || level === 'error') {
                     const message = formatConsoleArgs(args);
@@ -1346,9 +1381,7 @@
                 }
             };
         });
-        if (cfg.debug) {
-            originalConsole.log('[Monitor] Console tracker installed');
-        }
+        originalConsole.log('[Monitor] Console tracker installed');
     }
     /**
      * 格式化控制台参数
@@ -1380,24 +1413,22 @@
      * 安装输入追踪
      */
     function installInputTracker() {
-        const cfg = config.get();
-        // 默认启用输入追踪（跟随 behavior.enabled）
-        if (!cfg.behavior?.enabled) {
-            return;
-        }
         // 监听 input 事件（使用 change 事件减少数据量）
         document.addEventListener('change', handleInputChange, true);
         // 监听焦点事件
         document.addEventListener('focus', handleFocus, true);
         document.addEventListener('blur', handleBlur, true);
-        if (cfg.debug) {
-            console.log('[Monitor] Input tracker installed');
-        }
+        console.log('[Monitor] Input tracker installed');
     }
     /**
      * 处理输入变化
      */
     function handleInputChange(event) {
+        // 检查配置（在事件触发时检查，而不是安装时）
+        const cfg = config.isInitialized() ? config.get() : null;
+        if (cfg?.behavior?.enabled === false) {
+            return;
+        }
         const target = event.target;
         if (!target || !isFormElement(target))
             return;
@@ -1412,6 +1443,11 @@
      * 处理焦点获取
      */
     function handleFocus(event) {
+        // 检查配置
+        const cfg = config.isInitialized() ? config.get() : null;
+        if (cfg?.behavior?.enabled === false) {
+            return;
+        }
         const target = event.target;
         if (!target || !isFormElement(target))
             return;
@@ -1425,6 +1461,11 @@
      * 处理焦点失去
      */
     function handleBlur(event) {
+        // 检查配置
+        const cfg = config.isInitialized() ? config.get() : null;
+        if (cfg?.behavior?.enabled === false) {
+            return;
+        }
         const target = event.target;
         if (!target || !isFormElement(target))
             return;