@be-link/cls-logger 1.0.1-beta.2 → 1.0.1-beta.21

package/dist/web.esm.js

@@ -0,0 +1,2094 @@
+import * as tencentcloudClsSdkJsWeb from 'tencentcloud-cls-sdk-js-web';
+import { onFCP, onLCP, onCLS, onINP, onTTFB } from 'web-vitals';
+
+function isPlainObject(value) {
+    return Object.prototype.toString.call(value) === '[object Object]';
+}
+function isFlatFieldValue(value) {
+    return (value === null ||
+        value === undefined ||
+        typeof value === 'string' ||
+        typeof value === 'number' ||
+        typeof value === 'boolean' ||
+        typeof value === 'bigint');
+}
+/**
+ * 把任意对象字段“规范化”为一维对象：
+ * - 原始值保持不变
+ * - 非原始值（对象/数组/函数等）会被 stringify 成 string
+ * - 若发现非一维字段，会触发一次 warn（避免刷屏）
+ */
+function normalizeFlatFields(fields, warnOnceKey) {
+    const out = {};
+    let hasNonFlat = false;
+    for (const k of Object.keys(fields ?? {})) {
+        const v = fields[k];
+        if (isFlatFieldValue(v)) {
+            out[k] = v;
+            continue;
+        }
+        hasNonFlat = true;
+        out[k] = stringifyLogValue(v);
+    }
+    if (hasNonFlat && warnOnceKey) {
+        const g = globalThis;
+        if (!g.__beLinkClsLoggerWarned__)
+            g.__beLinkClsLoggerWarned__ = {};
+        if (!g.__beLinkClsLoggerWarned__?.[warnOnceKey]) {
+            g.__beLinkClsLoggerWarned__[warnOnceKey] = true;
+            // eslint-disable-next-line no-console
+            console.warn(`ClsLogger：检测到非一维字段（嵌套对象/数组等），已自动 stringify；key=${warnOnceKey}`);
+        }
+    }
+    return out;
+}
+function safeJsonParse(value, fallback) {
+    if (!value)
+        return fallback;
+    try {
+        return JSON.parse(value);
+    }
+    catch {
+        return fallback;
+    }
+}
+function canUseStorage() {
+    try {
+        if (typeof window === 'undefined')
+            return false;
+        if (!window.localStorage)
+            return false;
+        const k = '__be_link_cls_logger__';
+        window.localStorage.setItem(k, '1');
+        window.localStorage.removeItem(k);
+        return true;
+    }
+    catch {
+        return false;
+    }
+}
+function isMiniProgramEnv() {
+    const wxAny = globalThis.wx;
+    return !!(wxAny && typeof wxAny.getSystemInfoSync === 'function');
+}
+function readQueue(storageKey) {
+    if (!canUseStorage())
+        return [];
+    const raw = window.localStorage.getItem(storageKey);
+    const parsed = safeJsonParse(raw, []);
+    return Array.isArray(parsed) ? parsed : [];
+}
+function writeQueue(storageKey, queue) {
+    if (!canUseStorage())
+        return;
+    window.localStorage.setItem(storageKey, JSON.stringify(queue));
+}
+function readStringStorage(key) {
+    if (isMiniProgramEnv()) {
+        const wxAny = globalThis.wx;
+        try {
+            const v = wxAny.getStorageSync(key);
+            return typeof v === 'string' ? v : v ? String(v) : null;
+        }
+        catch {
+            return null;
+        }
+    }
+    if (!canUseStorage())
+        return null;
+    return window.localStorage.getItem(key);
+}
+function writeStringStorage(key, value) {
+    if (isMiniProgramEnv()) {
+        const wxAny = globalThis.wx;
+        try {
+            wxAny.setStorageSync(key, value);
+        }
+        catch {
+            // ignore
+        }
+        return;
+    }
+    if (!canUseStorage())
+        return;
+    window.localStorage.setItem(key, value);
+}
+function mergeFields(base, fields) {
+    if (!base || !isPlainObject(base))
+        return fields;
+    // base 覆盖 fields：保证基础字段优先级更高（兼容历史行为）
+    return { ...fields, ...base };
+}
+function stringifyLogValue(v) {
+    if (v === null || v === undefined)
+        return '';
+    if (typeof v === 'string')
+        return v;
+    if (typeof v === 'number' || typeof v === 'boolean' || typeof v === 'bigint')
+        return String(v);
+    try {
+        return JSON.stringify(v);
+    }
+    catch {
+        return String(v);
+    }
+}
+
+function enterClsSendingGuard() {
+    const g = globalThis;
+    const next = (g.__beLinkClsLoggerSendingCount__ ?? 0) + 1;
+    g.__beLinkClsLoggerSendingCount__ = next;
+    return () => {
+        const cur = g.__beLinkClsLoggerSendingCount__ ?? 0;
+        g.__beLinkClsLoggerSendingCount__ = cur > 0 ? cur - 1 : 0;
+    };
+}
+/**
+ * CLS Logger 核心基类
+ * - 负责所有上报、队列、监控逻辑
+ * - 不包含具体的 SDK 加载实现（由子类负责）
+ * - 这样可以把 web/mini 的 SDK 依赖彻底解耦到子入口
+ */
+class ClsLoggerCore {
+    constructor() {
+        this.sdk = null;
+        this.sdkPromise = null;
+        this.sdkOverride = null;
+        this.sdkLoaderOverride = null;
+        this.client = null;
+        this.clientPromise = null;
+        this.topicId = '17475bcd-6315-4b20-859c-e7b087fb3683';
+        this.endpoint = 'https://ap-shanghai.cls.tencentcs.com';
+        this.retryTimes = 3;
+        this.source = '127.0.0.1';
+        this.enabled = true;
+        this.projectId = '';
+        this.projectName = '';
+        this.appId = '';
+        this.appVersion = '';
+        this.envType = 'browser';
+        this.userGenerateBaseFields = null;
+        this.autoGenerateBaseFields = null;
+        this.storageKey = 'beLink_logs';
+        this.batchSize = 15;
+        // 参考文档：内存队列批量发送（500ms 或 20 条触发）
+        this.memoryQueue = [];
+        this.batchMaxSize = 20;
+        this.batchIntervalMs = 500;
+        this.batchTimer = null;
+        this.batchTimerDueAt = null;
+        this.initTs = 0;
+        this.startupDelayMs = 0;
+        this.useIdleCallback = false;
+        this.idleTimeout = 3000;
+        this.visibilityCleanup = null;
+        // 参考文档：失败缓存 + 重试
+        this.failedCacheKey = 'cls_failed_logs';
+        this.failedCacheMax = 200;
+        this.requestMonitorStarted = false;
+        this.errorMonitorStarted = false;
+        this.performanceMonitorStarted = false;
+        this.behaviorMonitorStarted = false;
+        this.behaviorMonitorCleanup = null;
+    }
+    /**
+     * 子类可按需重写（默认检测 wx）
+     */
+    detectEnvType() {
+        const g = globalThis;
+        // 微信、支付宝、字节跳动、UniApp 等小程序环境通常都有特定全局变量
+        if ((g.wx && typeof g.wx.getSystemInfoSync === 'function') ||
+            (g.my && typeof g.my.getSystemInfoSync === 'function') ||
+            (g.tt && typeof g.tt.getSystemInfoSync === 'function') ||
+            (g.uni && typeof g.uni.getSystemInfoSync === 'function')) {
+            return 'miniprogram';
+        }
+        return 'browser';
+    }
+    init(options) {
+        this.initTs = Date.now();
+        const topicId = options?.tencentCloud?.topicID ?? options?.topic_id ?? options?.topicID ?? this.topicId;
+        const endpoint = options?.tencentCloud?.endpoint ?? options?.endpoint ?? this.endpoint;
+        const retryTimes = options?.tencentCloud?.retry_times ?? options?.retry_times ?? this.retryTimes;
+        const source = options?.source ?? this.source;
+        if (!topicId) {
+            // eslint-disable-next-line no-console
+            console.warn('ClsLogger.init 没有传 topicID/topic_id');
+            return;
+        }
+        const nextEnvType = options.envType ?? this.detectEnvType();
+        // envType/endpoint/retryTimes 变化时：重置 client（以及可能的 sdk）
+        const envChanged = nextEnvType !== this.envType;
+        const endpointChanged = endpoint !== this.endpoint;
+        const retryChanged = retryTimes !== this.retryTimes;
+        if (envChanged || endpointChanged || retryChanged) {
+            this.client = null;
+            this.clientPromise = null;
+        }
+        if (envChanged) {
+            this.sdk = null;
+            this.sdkPromise = null;
+        }
+        this.topicId = topicId;
+        this.endpoint = endpoint;
+        this.retryTimes = retryTimes;
+        this.source = source;
+        this.userId = options.userId ?? this.userId;
+        this.userName = options.userName ?? this.userName;
+        this.projectId = options.projectId ?? this.projectId;
+        this.projectName = options.projectName ?? this.projectName;
+        this.appId = options.appId ?? this.appId;
+        this.appVersion = options.appVersion ?? this.appVersion;
+        this.envType = nextEnvType;
+        this.enabled = options.enabled ?? true;
+        // 可选：外部注入 SDK（优先级：sdkLoader > sdk）
+        this.sdkLoaderOverride = options.sdkLoader ?? this.sdkLoaderOverride;
+        this.sdkOverride = options.sdk ?? this.sdkOverride;
+        this.userGenerateBaseFields = options.generateBaseFields ?? this.userGenerateBaseFields;
+        this.autoGenerateBaseFields = this.createDeviceInfoBaseFields(options.deviceInfo);
+        this.storageKey = options.storageKey ?? this.storageKey;
+        this.batchSize = options.batchSize ?? this.batchSize;
+        this.batchMaxSize = options.batch?.maxSize ?? this.batchMaxSize;
+        this.batchIntervalMs = options.batch?.intervalMs ?? this.batchIntervalMs;
+        this.startupDelayMs = options.batch?.startupDelayMs ?? this.startupDelayMs;
+        this.useIdleCallback = options.batch?.useIdleCallback ?? this.useIdleCallback;
+        this.idleTimeout = options.batch?.idleTimeout ?? this.idleTimeout;
+        this.failedCacheKey = options.failedCacheKey ?? this.failedCacheKey;
+        this.failedCacheMax = options.failedCacheMax ?? this.failedCacheMax;
+        // 预热（避免首条日志触发 import/初始化开销）
+        void this.getInstance().catch(() => {
+            // ignore
+        });
+        if (this.enabled) {
+            // 启动时尝试发送失败缓存
+            this.flushFailed();
+            // 添加页面可见性监听（确保页面关闭时数据不丢失）
+            this.setupVisibilityListener();
+            // 初始化后立即启动请求监听
+            this.startRequestMonitor(options.requestMonitor);
+            // 初始化后立即启动错误监控/性能监控
+            this.startErrorMonitor(options.errorMonitor);
+            this.startPerformanceMonitor(options.performanceMonitor);
+            // 初始化后立即启动行为埋点（PV/UV/点击）
+            this.startBehaviorMonitor(options.behaviorMonitor);
+        }
+    }
+    getBaseFields() {
+        let auto = undefined;
+        let user = undefined;
+        try {
+            const autoRaw = this.autoGenerateBaseFields ? this.autoGenerateBaseFields() : undefined;
+            if (autoRaw && isPlainObject(autoRaw))
+                auto = normalizeFlatFields(autoRaw, 'deviceInfo');
+        }
+        catch {
+            auto = undefined;
+        }
+        try {
+            const userRaw = this.userGenerateBaseFields ? this.userGenerateBaseFields() : undefined;
+            if (userRaw && isPlainObject(userRaw))
+                user = normalizeFlatFields({ ...userRaw }, 'generateBaseFields');
+        }
+        catch {
+            user = undefined;
+        }
+        if (auto && user)
+            return mergeFields(user, auto);
+        if (user)
+            return user;
+        if (auto)
+            return auto;
+        return undefined;
+    }
+    /**
+     * 设置页面可见性监听
+     * - visibilitychange: 页面隐藏时使用 sendBeacon 发送队列
+     * - pagehide: 作为移动端 fallback
+     */
+    setupVisibilityListener() {
+        if (typeof document === 'undefined' || typeof window === 'undefined')
+            return;
+        // 避免重复监听
+        if (this.visibilityCleanup)
+            return;
+        const handleVisibilityChange = () => {
+            if (document.visibilityState === 'hidden') {
+                this.flushBatchSync();
+            }
+        };
+        const handlePageHide = () => {
+            this.flushBatchSync();
+        };
+        document.addEventListener('visibilitychange', handleVisibilityChange);
+        window.addEventListener('pagehide', handlePageHide);
+        this.visibilityCleanup = () => {
+            document.removeEventListener('visibilitychange', handleVisibilityChange);
+            window.removeEventListener('pagehide', handlePageHide);
+        };
+    }
+    /**
+     * 同步发送内存队列（使用 sendBeacon）
+     * - 用于页面关闭时确保数据发送
+     * - sendBeacon 不可用时降级为缓存到 localStorage
+     */
+    flushBatchSync() {
+        if (this.memoryQueue.length === 0)
+            return;
+        // 清除定时器
+        if (this.batchTimer) {
+            try {
+                if (this.useIdleCallback && typeof cancelIdleCallback !== 'undefined') {
+                    cancelIdleCallback(this.batchTimer);
+                }
+                else {
+                    clearTimeout(this.batchTimer);
+                }
+            }
+            catch {
+                // ignore
+            }
+            this.batchTimer = null;
+        }
+        this.batchTimerDueAt = null;
+        const logs = [...this.memoryQueue];
+        this.memoryQueue = [];
+        // 优先使用 sendBeacon（页面关闭时可靠发送）
+        if (typeof navigator !== 'undefined' && typeof navigator.sendBeacon === 'function') {
+            try {
+                const payload = this.buildSendBeaconPayload(logs);
+                const blob = new Blob([payload], { type: 'application/json' });
+                const url = `${this.endpoint}/structuredlog?topic_id=${this.topicId}`;
+                const success = navigator.sendBeacon(url, blob);
+                if (!success) {
+                    // sendBeacon 返回 false 时，降级缓存
+                    this.cacheFailedReportLogs(logs);
+                }
+            }
+            catch {
+                this.cacheFailedReportLogs(logs);
+            }
+        }
+        else {
+            // 不支持 sendBeacon，降级缓存到 localStorage
+            this.cacheFailedReportLogs(logs);
+        }
+    }
+    /**
+     * 构建 sendBeacon 的 payload
+     */
+    buildSendBeaconPayload(logs) {
+        const logList = logs.map((log) => this.buildReportFields(log));
+        return JSON.stringify({
+            source: this.source,
+            logs: logList,
+        });
+    }
+    startRequestMonitor(requestMonitor) {
+        if (this.requestMonitorStarted)
+            return;
+        // 默认开启；传 false 则关闭
+        const enabled = requestMonitor === undefined ? true : !!requestMonitor;
+        if (!enabled)
+            return;
+        const opts = typeof requestMonitor === 'object' && requestMonitor ? requestMonitor : {};
+        this.requestMonitorStarted = true;
+        this.installRequestMonitor((type, data) => {
+            this.track(type, data);
+        }, {
+            ...opts,
+            enabled: opts.enabled ?? true,
+            clsEndpoint: this.endpoint,
+        });
+    }
+    startErrorMonitor(errorMonitor) {
+        if (this.errorMonitorStarted)
+            return;
+        const enabled = errorMonitor === undefined ? true : !!errorMonitor;
+        if (!enabled)
+            return;
+        this.errorMonitorStarted = true;
+        this.installErrorMonitor((type, data) => this.track(type, data), errorMonitor ?? true);
+    }
+    startPerformanceMonitor(performanceMonitor) {
+        if (this.performanceMonitorStarted)
+            return;
+        const enabled = performanceMonitor === undefined ? true : !!performanceMonitor;
+        if (!enabled)
+            return;
+        this.performanceMonitorStarted = true;
+        this.installPerformanceMonitor((type, data) => this.track(type, data), performanceMonitor ?? true);
+    }
+    startBehaviorMonitor(behaviorMonitor) {
+        if (this.behaviorMonitorStarted)
+            return;
+        const enabled = behaviorMonitor === undefined ? true : !!behaviorMonitor;
+        if (!enabled)
+            return;
+        this.behaviorMonitorStarted = true;
+        this.behaviorMonitorCleanup = this.installBehaviorMonitor((type, data) => {
+            this.track(type, data);
+        }, behaviorMonitor ?? true);
+    }
+    /**
+     * 停止行为埋点监听（PV/UV/点击）
+     * - 如需重启：可再次调用 init（或自行调用 init 后的默认启动逻辑）
+     */
+    stopBehaviorMonitor() {
+        try {
+            this.behaviorMonitorCleanup?.();
+        }
+        catch {
+            // ignore
+        }
+        this.behaviorMonitorCleanup = null;
+        this.behaviorMonitorStarted = false;
+    }
+    /**
+     * 获取 CLS client（按环境懒加载 SDK）
+     */
+    async getInstance() {
+        if (this.client)
+            return this.client;
+        if (this.clientPromise)
+            return this.clientPromise;
+        this.clientPromise = this.loadSdk()
+            .then(({ AsyncClient }) => {
+            const client = new AsyncClient({
+                endpoint: this.endpoint,
+                retry_times: this.retryTimes,
+            });
+            this.client = client;
+            return client;
+        })
+            .catch((err) => {
+            // 失败后允许下次重试
+            this.clientPromise = null;
+            throw err;
+        });
+        return this.clientPromise;
+    }
+    /**
+     * 直接上报：埋点入参必须是一维（扁平）Object
+     * - 非原始值（对象/数组等）会被自动 stringify 成 string
+     * - 最终会把 fields 展开成 CLS 的 content（key/value 都会转成 string）
+     */
+    put(fields, options = {}) {
+        if (!this.enabled)
+            return;
+        if (!fields)
+            return;
+        if (!this.topicId) {
+            // eslint-disable-next-line no-console
+            console.warn('ClsLogger.put：未初始化 topic_id');
+            return;
+        }
+        const mergeBaseFields = options.mergeBaseFields ?? true;
+        const base = mergeBaseFields ? this.getBaseFields() : undefined;
+        const normalizedFields = normalizeFlatFields(fields, 'put');
+        const finalFields = mergeFields(base, {
+            projectId: this.projectId || undefined,
+            projectName: this.projectName || undefined,
+            envType: this.envType,
+            appId: this.appId || undefined,
+            appVersion: this.appVersion || undefined,
+            ...normalizedFields,
+        });
+        // 同步 API：内部异步发送，避免把网络异常冒泡到业务（尤其小程序）
+        void this.putAsync(finalFields).catch(() => {
+            // ignore
+        });
+    }
+    async putAsync(finalFields) {
+        if (!this.topicId)
+            return;
+        const sdk = await this.loadSdk();
+        const client = await this.getInstance();
+        const logGroup = new sdk.LogGroup('127.0.0.1');
+        logGroup.setSource(this.source);
+        const log = new sdk.Log(Date.now());
+        for (const key of Object.keys(finalFields)) {
+            log.addContent(key, stringifyLogValue(finalFields[key]));
+        }
+        logGroup.addLog(log);
+        const request = new sdk.PutLogsRequest(this.topicId, logGroup);
+        const exit = enterClsSendingGuard();
+        let p;
+        try {
+            p = client.PutLogs(request);
+        }
+        finally {
+            exit();
+        }
+        await p;
+    }
+    /**
+     * 直接上报：把 data 序列化后放入指定 key（默认 “日志内容”）
+     */
+    putJson(data, clsLoggerKey = '日志内容', options = {}) {
+        // put 的入参要求扁平；这里直接把数据序列化为 string
+        this.put({ [clsLoggerKey]: stringifyLogValue(data) }, options);
+    }
+    /**
+     * 入队：写入 localStorage 队列；达到 batchSize 自动 flush
+     * - 埋点入参必须是一维（扁平）Object，非原始值会被 stringify
+     */
+    enqueue(fields, options = {}) {
+        if (!this.enabled)
+            return;
+        if (!fields)
+            return;
+        const time = Date.now();
+        const mergeBaseFields = options.mergeBaseFields ?? true;
+        const base = mergeBaseFields ? this.getBaseFields() : undefined;
+        const normalizedFields = normalizeFlatFields(fields, 'enqueue');
+        const finalFields = mergeFields(base, {
+            projectId: this.projectId || undefined,
+            projectName: this.projectName || undefined,
+            envType: this.envType,
+            appId: this.appId || undefined,
+            appVersion: this.appVersion || undefined,
+            ...normalizedFields,
+        });
+        const queue = readQueue(this.storageKey);
+        const next = [...queue, { time, data: finalFields }];
+        if (next.length < this.batchSize) {
+            writeQueue(this.storageKey, next);
+            return;
+        }
+        // 达到阈值：flush + 写入新的队列（避免并发下丢失，按“先 flush 旧的”策略）
+        this.putBatch(queue);
+        writeQueue(this.storageKey, [{ time, data: finalFields }]);
+    }
+    /**
+     * 从 localStorage 读取队列并批量上报
+     */
+    flush() {
+        const queue = readQueue(this.storageKey);
+        if (queue.length === 0)
+            return;
+        this.putBatch(queue);
+        writeQueue(this.storageKey, []);
+    }
+    /**
+     * 批量上报（每条 item.data 展开为 log content）
+     */
+    putBatch(queue) {
+        if (!this.enabled)
+            return;
+        if (!queue || queue.length === 0)
+            return;
+        if (!this.topicId) {
+            // eslint-disable-next-line no-console
+            console.warn('ClsLogger.putBatch：未初始化 topic_id');
+            return;
+        }
+        void this.putBatchAsync(queue).catch(() => {
+            // ignore
+        });
+    }
+    async putBatchAsync(queue) {
+        if (!this.topicId)
+            return;
+        const sdk = await this.loadSdk();
+        const client = await this.getInstance();
+        const logGroup = new sdk.LogGroup('127.0.0.1');
+        logGroup.setSource(this.source);
+        for (const item of queue) {
+            const log = new sdk.Log(item.time);
+            const data = item.data ?? {};
+            for (const key of Object.keys(data)) {
+                log.addContent(key, stringifyLogValue(data[key]));
+            }
+            logGroup.addLog(log);
+        }
+        if (logGroup.getLogs().length === 0)
+            return;
+        const request = new sdk.PutLogsRequest(this.topicId, logGroup);
+        const exit = enterClsSendingGuard();
+        let p;
+        try {
+            p = client.PutLogs(request);
+        }
+        finally {
+            exit();
+        }
+        await p;
+    }
+    /**
+     * 参考《一、概述》：统一上报入口（内存队列 + 批量发送）
+     */
+    report(log) {
+        if (!this.enabled)
+            return;
+        if (!log?.type)
+            return;
+        if (!this.topicId) {
+            // eslint-disable-next-line no-console
+            console.warn('ClsLogger.report：未初始化 topicID/topic_id');
+            return;
+        }
+        this.memoryQueue.push(log);
+        if (this.memoryQueue.length >= this.batchMaxSize) {
+            void this.flushBatch();
+            return;
+        }
+        const now = Date.now();
+        const desiredDueAt = this.getDesiredBatchFlushDueAt(now);
+        const desiredDelay = Math.max(0, desiredDueAt - now);
+        if (!this.batchTimer) {
+            this.batchTimerDueAt = desiredDueAt;
+            this.scheduleFlush(desiredDelay);
+            return;
+        }
+        // 启动合并窗口内：如果当前 timer 会"更早"触发，则延后到窗口结束，尽量减少多次发送
+        if (this.batchTimerDueAt !== null && this.batchTimerDueAt < desiredDueAt) {
+            this.cancelScheduledFlush();
+            this.batchTimerDueAt = desiredDueAt;
+            this.scheduleFlush(desiredDelay);
+        }
+    }
+    /**
+     * 调度批量发送
+     * - 支持 requestIdleCallback（浏览器空闲时执行）
+     * - 降级为 setTimeout
+     */
+    scheduleFlush(desiredDelay) {
+        if (this.useIdleCallback && typeof requestIdleCallback !== 'undefined') {
+            // 使用 requestIdleCallback，设置 timeout 保证最终执行
+            const idleId = requestIdleCallback(() => {
+                void this.flushBatch();
+            }, { timeout: Math.max(desiredDelay, this.idleTimeout) });
+            // 存储 idleId 以便清理（类型兼容处理）
+            this.batchTimer = idleId;
+        }
+        else {
+            this.batchTimer = setTimeout(() => {
+                void this.flushBatch();
+            }, desiredDelay);
+        }
+    }
+    /**
+     * 取消已调度的批量发送
+     */
+    cancelScheduledFlush() {
+        if (!this.batchTimer)
+            return;
+        try {
+            if (this.useIdleCallback && typeof cancelIdleCallback !== 'undefined') {
+                cancelIdleCallback(this.batchTimer);
+            }
+            else {
+                clearTimeout(this.batchTimer);
+            }
+        }
+        catch {
+            // ignore
+        }
+        this.batchTimer = null;
+    }
+    getDesiredBatchFlushDueAt(nowTs) {
+        const start = this.initTs || nowTs;
+        const startupDelay = Number.isFinite(this.startupDelayMs) ? Math.max(0, this.startupDelayMs) : 0;
+        if (startupDelay > 0) {
+            const end = start + startupDelay;
+            if (nowTs < end)
+                return end;
+        }
+        return nowTs + this.batchIntervalMs;
+    }
+    info(message, data = {}, options) {
+        let msg = '';
+        let extra = {};
+        if (message instanceof Error) {
+            msg = message.message;
+            extra = {
+                stack: message.stack,
+                name: message.name,
+                ...data,
+            };
+        }
+        else {
+            msg = String(message);
+            extra = data;
+        }
+        const payload = normalizeFlatFields({ message: msg, ...extra }, 'info');
+        const log = { type: 'info', data: payload, timestamp: Date.now() };
+        // info 默认走批量队列，支持 immediate 选项立即发送
+        if (options?.immediate) {
+            void this.sendReportLogs([log]).catch(() => {
+                this.cacheFailedReportLogs([log]);
+            });
+        }
+        else {
+            this.report(log);
+        }
+    }
+    warn(message, data = {}, options) {
+        let msg = '';
+        let extra = {};
+        if (message instanceof Error) {
+            msg = message.message;
+            extra = {
+                stack: message.stack,
+                name: message.name,
+                ...data,
+            };
+        }
+        else {
+            msg = String(message);
+            extra = data;
+        }
+        const payload = normalizeFlatFields({ message: msg, ...extra }, 'warn');
+        const log = { type: 'warn', data: payload, timestamp: Date.now() };
+        // warn 默认走批量队列，支持 immediate 选项立即发送
+        if (options?.immediate) {
+            void this.sendReportLogs([log]).catch(() => {
+                this.cacheFailedReportLogs([log]);
+            });
+        }
+        else {
+            this.report(log);
+        }
+    }
+    error(message, data = {}, options) {
+        let msg = '';
+        let extra = {};
+        if (message instanceof Error) {
+            msg = message.message;
+            extra = {
+                stack: message.stack,
+                name: message.name,
+                ...data,
+            };
+        }
+        else {
+            msg = String(message);
+            extra = data;
+        }
+        const payload = normalizeFlatFields({ message: msg, ...extra }, 'error');
+        const log = { type: 'error', data: payload, timestamp: Date.now() };
+        // error 默认即时上报，除非显式指定 immediate: false
+        const immediate = options?.immediate ?? true;
+        if (immediate) {
+            void this.sendReportLogs([log]).catch(() => {
+                this.cacheFailedReportLogs([log]);
+            });
+        }
+        else {
+            this.report(log);
+        }
+    }
+    track(trackType, data = {}) {
+        if (!trackType)
+            return;
+        this.report({
+            type: trackType,
+            data: normalizeFlatFields(data, `track:${trackType}`),
+            timestamp: Date.now(),
+        });
+    }
+    /**
+     * 立即发送内存队列
+     */
+    async flushBatch() {
+        this.cancelScheduledFlush();
+        this.batchTimerDueAt = null;
+        if (this.memoryQueue.length === 0)
+            return;
+        const logs = [...this.memoryQueue];
+        this.memoryQueue = [];
+        try {
+            await this.sendReportLogs(logs);
+        }
+        catch {
+            this.retrySendReportLogs(logs, 1);
+        }
+    }
+    buildReportFields(log) {
+        const ts = log.timestamp ?? Date.now();
+        const base = this.getBaseFields();
+        const data = normalizeFlatFields(log.data ?? {}, 'report:data');
+        const mergedData = mergeFields(base, data);
+        return {
+            timestamp: ts,
+            type: log.type,
+            envType: this.envType,
+            projectId: this.projectId || undefined,
+            projectName: this.projectName || undefined,
+            appId: this.appId || undefined,
+            appVersion: this.appVersion || undefined,
+            // 保证“一维字段”：业务数据以 JSON 字符串形式落到 CLS
+            ...mergedData,
+        };
+    }
+    async sendReportLogs(logs) {
+        if (!this.topicId)
+            return;
+        const sdk = await this.loadSdk();
+        const client = await this.getInstance();
+        const logGroup = new sdk.LogGroup('127.0.0.1');
+        logGroup.setSource(this.source);
+        for (const item of logs) {
+            const fields = this.buildReportFields(item);
+            const log = new sdk.Log(fields.timestamp);
+            for (const key of Object.keys(fields)) {
+                if (key === 'timestamp')
+                    continue;
+                log.addContent(key, stringifyLogValue(fields[key]));
+            }
+            logGroup.addLog(log);
+        }
+        const request = new sdk.PutLogsRequest(this.topicId, logGroup);
+        // 只在“发起网络请求”的同步阶段打标记，避免 requestMonitor 监控 CLS 上报请求导致递归
+        const exit = enterClsSendingGuard();
+        let p;
+        try {
+            p = client.PutLogs(request);
+        }
+        finally {
+            exit();
+        }
+        await p;
+    }
+    retrySendReportLogs(logs, retryCount) {
+        if (retryCount > this.retryTimes) {
+            this.cacheFailedReportLogs(logs);
+            return;
+        }
+        const delayMs = Math.pow(2, retryCount) * 1000;
+        setTimeout(async () => {
+            try {
+                await this.sendReportLogs(logs);
+            }
+            catch {
+                this.retrySendReportLogs(logs, retryCount + 1);
+            }
+        }, delayMs);
+    }
+    cacheFailedReportLogs(logs) {
+        const raw = readStringStorage(this.failedCacheKey);
+        let current = [];
+        try {
+            const parsed = raw ? JSON.parse(raw) : [];
+            current = Array.isArray(parsed) ? parsed : [];
+        }
+        catch {
+            current = [];
+        }
+        const next = [...current, ...logs].slice(-this.failedCacheMax);
+        writeStringStorage(this.failedCacheKey, JSON.stringify(next));
+    }
+    flushFailed() {
+        if (!this.enabled)
+            return;
+        const raw = readStringStorage(this.failedCacheKey);
+        if (!raw)
+            return;
+        let logs = [];
+        try {
+            const parsed = JSON.parse(raw);
+            logs = Array.isArray(parsed) ? parsed : [];
+        }
+        catch {
+            logs = [];
+        }
+        if (logs.length === 0)
+            return;
+        // 先清空，再尝试发送
+        writeStringStorage(this.failedCacheKey, JSON.stringify([]));
+        this.memoryQueue.unshift(...logs);
+        void this.flushBatch();
+    }
+    /**
+     * 统计/计数类日志：按字段展开上报（若 data 为空默认 1）
+     */
+    stat(param) {
+        if (!param)
+            return;
+        const payload = normalizeFlatFields({
+            pagePath: typeof window !== 'undefined' ? window.location?.pathname : '',
+            projectId: this.projectId,
+            projectName: this.projectName,
+            ...param,
+            data: param.data ?? 1,
+        }, 'stat');
+        this.report({ type: 'stat', data: payload, timestamp: Date.now() });
+    }
+}
+
+function readGlobal(key) {
+    try {
+        const g = globalThis;
+        return g[key] ?? null;
+    }
+    catch {
+        return null;
+    }
+}
+
+const DEFAULT_IGNORE$1 = ['cls.tencentcs.com', /\/cls\//i];
+function isClsSendingNow() {
+    const g = globalThis;
+    return (g.__beLinkClsLoggerSendingCount__ ?? 0) > 0;
+}
+function shouldIgnoreUrl$1(url, ignoreUrls) {
+    for (const rule of ignoreUrls) {
+        if (typeof rule === 'string') {
+            if (url.includes(rule))
+                return true;
+            continue;
+        }
+        try {
+            if (rule.test(url))
+                return true;
+        }
+        catch {
+            // ignore invalid regex
+        }
+    }
+    return false;
+}
+function sampleHit$2(sampleRate) {
+    if (sampleRate >= 1)
+        return true;
+    if (sampleRate <= 0)
+        return false;
+    return Math.random() < sampleRate;
+}
+function truncate$3(s, maxLen) {
+    if (!s)
+        return s;
+    return s.length > maxLen ? `${s.slice(0, maxLen)}...` : s;
+}
+function buildPayload(params) {
+    const { url, method, query, body, duration, startTime, status, success, error, options } = params;
+    if (!url)
+        return null;
+    if (shouldIgnoreUrl$1(url, options.ignoreUrls))
+        return null;
+    if (!sampleHit$2(options.sampleRate))
+        return null;
+    const payload = { url };
+    if (options.includeMethod && method)
+        payload.method = method;
+    if (options.includeQuery && query !== undefined)
+        payload.query = truncate$3(String(query), options.maxParamLength);
+    if (options.includeBody && body !== undefined)
+        payload.params = truncate$3(stringifyLogValue(body), options.maxParamLength);
+    if (typeof startTime === 'number')
+        payload.startTime = startTime;
+    if (typeof duration === 'number')
+        payload.duration = duration;
+    if (typeof status === 'number')
+        payload.status = status;
+    if (typeof success === 'boolean')
+        payload.success = success ? 1 : 0;
+    if (error !== undefined)
+        payload.error = truncate$3(stringifyLogValue(error), options.maxParamLength);
+    return payload;
+}
+function getAbsoluteUrlMaybe(url) {
+    try {
+        if (typeof window === 'undefined')
+            return url;
+        return new URL(url, window.location?.href).toString();
+    }
+    catch {
+        return url;
+    }
+}
+function installBrowserFetch(report, options) {
+    if (typeof window === 'undefined')
+        return;
+    const w = window;
+    if (w.__beLinkClsLoggerFetchInstalled__)
+        return;
+    if (typeof w.fetch !== 'function')
+        return;
+    w.__beLinkClsLoggerFetchInstalled__ = true;
+    w.__beLinkClsLoggerRawFetch__ = w.fetch;
+    w.fetch = async (input, init) => {
+        // 避免 CLS SDK 上报请求被 requestMonitor 捕获后递归上报（尤其在跨域失败时会“上报失败→再上报”）
+        if (isClsSendingNow())
+            return w.__beLinkClsLoggerRawFetch__(input, init);
+        let url = '';
+        let method = '';
+        let body = undefined;
+        const startTs = Date.now();
+        try {
+            if (typeof input === 'string')
+                url = input;
+            else if (input instanceof URL)
+                url = input.toString();
+            else
+                url = input.url ?? '';
+            method = (init?.method ?? input?.method ?? 'GET');
+            body = init?.body;
+        }
+        catch {
+            // ignore
+        }
+        const absUrl = getAbsoluteUrlMaybe(url);
+        const query = (() => {
+            try {
+                const u = new URL(absUrl);
+                return u.search ? u.search.slice(1) : '';
+            }
+            catch {
+                return '';
+            }
+        })();
+        try {
+            const res = await w.__beLinkClsLoggerRawFetch__(input, init);
+            const duration = Date.now() - startTs;
+            const status = typeof res?.status === 'number' ? res.status : undefined;
+            const ok = typeof res?.ok === 'boolean' ? res.ok : status !== undefined ? status >= 200 && status < 400 : true;
+            const payload = buildPayload({
+                url: absUrl,
+                method,
+                query,
+                body,
+                startTime: startTs,
+                duration,
+                status,
+                success: ok,
+                options,
+            });
+            if (payload)
+                report(options.reportType, payload);
+            return res;
+        }
+        catch (err) {
+            const duration = Date.now() - startTs;
+            const payload = buildPayload({
+                url: absUrl,
+                method,
+                query,
+                body,
+                startTime: startTs,
+                duration,
+                success: false,
+                error: err,
+                options,
+            });
+            if (payload)
+                report(options.reportType, payload);
+            throw err;
+        }
+    };
+}
+function installBrowserXhr(report, options) {
+    if (typeof window === 'undefined')
+        return;
+    const w = window;
+    if (w.__beLinkClsLoggerXhrInstalled__)
+        return;
+    if (!w.XMLHttpRequest || !w.XMLHttpRequest.prototype)
+        return;
+    w.__beLinkClsLoggerXhrInstalled__ = true;
+    const XHR = w.XMLHttpRequest;
+    const rawOpen = XHR.prototype.open;
+    const rawSend = XHR.prototype.send;
+    XHR.prototype.open = function (...args) {
+        try {
+            this.__beLinkClsLoggerMethod__ = String(args[0] ?? 'GET');
+            this.__beLinkClsLoggerUrl__ = String(args[1] ?? '');
+        }
+        catch {
+            // ignore
+        }
+        return rawOpen.apply(this, args);
+    };
+    XHR.prototype.send = function (...args) {
+        // CLS SDK 发起上报时：跳过监控，避免递归上报
+        if (isClsSendingNow())
+            return rawSend.apply(this, args);
+        const startTs = Date.now();
+        try {
+            const method = String(this.__beLinkClsLoggerMethod__ ?? 'GET');
+            const url = getAbsoluteUrlMaybe(String(this.__beLinkClsLoggerUrl__ ?? ''));
+            const query = (() => {
+                try {
+                    const u = new URL(url);
+                    return u.search ? u.search.slice(1) : '';
+                }
+                catch {
+                    return '';
+                }
+            })();
+            const body = args?.[0];
+            this.__beLinkClsLoggerStartTs__ = startTs;
+            this.__beLinkClsLoggerBody__ = body;
+            const onDone = (success, error) => {
+                try {
+                    const st = this.__beLinkClsLoggerStartTs__ ?? startTs;
+                    const duration = Date.now() - st;
+                    const status = typeof this.status === 'number' ? this.status : undefined;
+                    const payload = buildPayload({
+                        url,
+                        method,
+                        query,
+                        body: this.__beLinkClsLoggerBody__,
+                        startTime: st,
+                        duration,
+                        status,
+                        success,
+                        error,
+                        options,
+                    });
+                    if (payload)
+                        report(options.reportType, payload);
+                }
+                catch {
+                    // ignore
+                }
+            };
+            // 避免重复绑定
+            if (!this.__beLinkClsLoggerBound__) {
+                this.__beLinkClsLoggerBound__ = true;
+                this.addEventListener('loadend', () => {
+                    try {
+                        const status = typeof this.status === 'number' ? this.status : 0;
+                        onDone(status >= 200 && status < 400);
+                    }
+                    catch {
+                        onDone(true);
+                    }
+                });
+                this.addEventListener('error', (e) => onDone(false, e));
+                this.addEventListener('timeout', () => onDone(false, 'timeout'));
+                this.addEventListener('abort', () => onDone(false, 'abort'));
+            }
+        }
+        catch {
+            // ignore
+        }
+        return rawSend.apply(this, args);
+    };
+}
+function installWebRequestMonitor(report, opts = {}) {
+    const enabled = opts.enabled ?? true;
+    if (!enabled)
+        return;
+    const ignoreUrls = [...DEFAULT_IGNORE$1, ...(opts.ignoreUrls ?? [])];
+    if (opts.clsEndpoint)
+        ignoreUrls.push(opts.clsEndpoint);
+    const options = {
+        enabled: true,
+        reportType: opts.reportType ?? 'http',
+        sampleRate: opts.sampleRate ?? 1,
+        ignoreUrls,
+        includeMethod: opts.includeMethod ?? true,
+        includeQuery: opts.includeQuery ?? true,
+        includeBody: opts.includeBody ?? true,
+        maxParamLength: opts.maxParamLength ?? 2000,
+        clsEndpoint: opts.clsEndpoint ?? '',
+    };
+    installBrowserFetch(report, options);
+    installBrowserXhr(report, options);
+}
+
+const DEFAULT_MAX_TEXT = 4000;
+const DEFAULT_DEDUPE_WINDOW_MS = 3000;
+const DEFAULT_DEDUPE_MAX_KEYS = 200;
+/** 默认忽略的无意义错误信息 */
+const DEFAULT_IGNORE_MESSAGES = [
+    'Script error.',
+    'Script error',
+    /^ResizeObserver loop/,
+    'Permission was denied',
+];
+function truncate$2(s, maxLen) {
+    if (!s)
+        return s;
+    return s.length > maxLen ? `${s.slice(0, maxLen)}...` : s;
+}
+function sampleHit$1(sampleRate) {
+    if (sampleRate >= 1)
+        return true;
+    if (sampleRate <= 0)
+        return false;
+    return Math.random() < sampleRate;
+}
+/** 检查消息是否应该被忽略 */
+function shouldIgnoreMessage(message, ignorePatterns) {
+    if (!message || ignorePatterns.length === 0)
+        return false;
+    return ignorePatterns.some((pattern) => {
+        if (typeof pattern === 'string') {
+            return message === pattern || message.includes(pattern);
+        }
+        return pattern.test(message);
+    });
+}
+function getPagePath$1() {
+    try {
+        if (typeof window === 'undefined')
+            return '';
+        return window.location?.href ?? '';
+    }
+    catch {
+        return '';
+    }
+}
+function normalizeErrorLike(err, maxTextLength) {
+    if (err && typeof err === 'object') {
+        const anyErr = err;
+        let rawMsg = anyErr.message;
+        if (!rawMsg) {
+            const str = anyErr.toString?.();
+            if (!str || str === '[object Object]') {
+                rawMsg = stringifyLogValue(anyErr);
+            }
+            else {
+                rawMsg = str;
+            }
+        }
+        const message = truncate$2(String(rawMsg ?? ''), maxTextLength);
+        const name = truncate$2(String(anyErr.name ?? ''), 200);
+        const stack = truncate$2(String(anyErr.stack ?? ''), maxTextLength);
+        return { message, name, stack };
+    }
+    const message = truncate$2(stringifyLogValue(err), maxTextLength);
+    return { message, name: '', stack: '' };
+}
+function createDedupeGuard(options) {
+    const cache = new Map(); // key -> lastReportAt
+    const maxKeys = Math.max(0, options.dedupeMaxKeys);
+    const windowMs = Math.max(0, options.dedupeWindowMs);
+    function touch(key, now) {
+        if (cache.has(key))
+            cache.delete(key);
+        cache.set(key, now);
+        if (maxKeys > 0) {
+            while (cache.size > maxKeys) {
+                const first = cache.keys().next().value;
+                if (!first)
+                    break;
+                cache.delete(first);
+            }
+        }
+    }
+    return (key) => {
+        if (!key)
+            return true;
+        if (windowMs <= 0 || maxKeys === 0)
+            return true;
+        const now = Date.now();
+        const last = cache.get(key);
+        if (typeof last === 'number' && now - last < windowMs)
+            return false;
+        touch(key, now);
+        return true;
+    };
+}
+function buildErrorKey(type, payload) {
+    const parts = [
+        type,
+        String(payload.source ?? ''),
+        String(payload.pagePath ?? ''),
+        String(payload.message ?? ''),
+        String(payload.errorName ?? ''),
+        String(payload.stack ?? ''),
+        String(payload.filename ?? ''),
+        String(payload.lineno ?? ''),
+        String(payload.colno ?? ''),
+        String(payload.tagName ?? ''),
+        String(payload.resourceUrl ?? ''),
+    ];
+    return parts.join('|');
+}
+function installBrowserErrorMonitor(report, options) {
+    if (typeof window === 'undefined')
+        return;
+    const w = window;
+    if (w.__beLinkClsLoggerErrorInstalled__)
+        return;
+    w.__beLinkClsLoggerErrorInstalled__ = true;
+    const shouldReport = createDedupeGuard(options);
+    window.addEventListener('error', (event) => {
+        try {
+            if (!sampleHit$1(options.sampleRate))
+                return;
+            const payload = {
+                pagePath: getPagePath$1(),
+                source: 'window.error',
+            };
+            if (event && typeof event === 'object' && 'message' in event) {
+                payload.message = truncate$2(String(event.message ?? ''), options.maxTextLength);
+                // 检查是否应该忽略此错误
+                if (shouldIgnoreMessage(String(event.message ?? ''), options.ignoreMessages))
+                    return;
+                payload.filename = truncate$2(String(event.filename ?? ''), 500);
+                payload.lineno = typeof event.lineno === 'number' ? event.lineno : undefined;
+                payload.colno = typeof event.colno === 'number' ? event.colno : undefined;
+                const err = event.error;
+                if (err) {
+                    const e = normalizeErrorLike(err, options.maxTextLength);
+                    if (e.name)
+                        payload.errorName = e.name;
+                    if (e.stack)
+                        payload.stack = e.stack;
+                }
+                if (!shouldReport(buildErrorKey(options.reportType, payload)))
+                    return;
+                report(options.reportType, payload);
+                return;
+            }
+            if (options.captureResourceError) {
+                const target = event?.target || event?.srcElement;
+                const tagName = target?.tagName ? String(target.tagName) : '';
+                const url = String(target?.src || target?.href || '');
+                payload.source = 'resource.error';
+                payload.tagName = tagName;
+                payload.resourceUrl = truncate$2(url, 2000);
+                if (!shouldReport(buildErrorKey(options.reportType, payload)))
+                    return;
+                report(options.reportType, payload);
+            }
+        }
+        catch {
+            // ignore
+        }
+    }, true);
+    window.addEventListener('unhandledrejection', (event) => {
+        try {
+            if (!sampleHit$1(options.sampleRate))
+                return;
+            const reason = event?.reason;
+            const e = normalizeErrorLike(reason, options.maxTextLength);
+            // 检查是否应该忽略此错误
+            if (shouldIgnoreMessage(e.message, options.ignoreMessages))
+                return;
+            const payload = {
+                pagePath: getPagePath$1(),
+                source: 'unhandledrejection',
+                message: e.message,
+                errorName: e.name,
+                stack: e.stack,
+            };
+            if (!shouldReport(buildErrorKey(options.reportType, payload)))
+                return;
+            report(options.reportType, payload);
+        }
+        catch {
+            // ignore
+        }
+    });
+}
+function installWebErrorMonitor(report, opts = {}) {
+    const enabled = opts === undefined ? true : !!opts;
+    if (!enabled)
+        return;
+    const raw = typeof opts === 'object' && opts ? opts : {};
+    const options = {
+        enabled: true,
+        reportType: raw.reportType ?? 'error',
+        sampleRate: raw.sampleRate ?? 1,
+        captureResourceError: raw.captureResourceError ?? true,
+        maxTextLength: raw.maxTextLength ?? DEFAULT_MAX_TEXT,
+        dedupeWindowMs: raw.dedupeWindowMs ?? DEFAULT_DEDUPE_WINDOW_MS,
+        dedupeMaxKeys: raw.dedupeMaxKeys ?? DEFAULT_DEDUPE_MAX_KEYS,
+        ignoreMessages: raw.ignoreMessages ?? DEFAULT_IGNORE_MESSAGES,
+    };
+    installBrowserErrorMonitor(report, options);
+}
+
+const DEFAULT_IGNORE = ['cls.tencentcs.com', /\/cls\//i];
+function truncate$1(s, maxLen) {
+    if (!s)
+        return s;
+    return s.length > maxLen ? `${s.slice(0, maxLen)}...` : s;
+}
+function sampleHit(sampleRate) {
+    if (sampleRate >= 1)
+        return true;
+    if (sampleRate <= 0)
+        return false;
+    return Math.random() < sampleRate;
+}
+function shouldIgnoreUrl(url, ignoreUrls) {
+    for (const rule of ignoreUrls) {
+        if (typeof rule === 'string') {
+            if (url.includes(rule))
+                return true;
+            continue;
+        }
+        try {
+            if (rule.test(url))
+                return true;
+        }
+        catch {
+            // ignore invalid regex
+        }
+    }
+    return false;
+}
+function getPagePath() {
+    try {
+        if (typeof window === 'undefined')
+            return '';
+        return window.location?.href ?? '';
+    }
+    catch {
+        return '';
+    }
+}
+/**
+ * 安装浏览器性能监控
+ * 使用 Google web-vitals 库实现 Core Web Vitals 指标采集
+ */
+function installBrowserPerformanceMonitor(report, options) {
+    if (typeof window === 'undefined')
+        return;
+    const w = window;
+    if (w.__beLinkClsLoggerPerfInstalled__)
+        return;
+    w.__beLinkClsLoggerPerfInstalled__ = true;
+    const ignoreUrls = [...DEFAULT_IGNORE, ...(options.ignoreUrls ?? [])];
+    // Web Vitals: 使用 Google web-vitals 库
+    // 这个库会自动处理：
+    // - LCP 在用户交互后停止观察
+    // - firstHiddenTime 过滤（页面隐藏后的数据不计入）
+    // - CLS 5秒会话窗口算法
+    // - BFCache 恢复时自动重置指标
+    if (options.webVitals) {
+        // FCP
+        try {
+            onFCP((metric) => {
+                report(options.reportType, {
+                    pagePath: getPagePath(),
+                    metric: 'FCP',
+                    value: metric.value,
+                    unit: 'ms',
+                    rating: metric.rating,
+                    id: metric.id,
+                    navigationType: metric.navigationType,
+                });
+            });
+        }
+        catch {
+            // ignore
+        }
+        // LCP（自动处理用户交互后停止）
+        try {
+            onLCP((metric) => {
+                report(options.reportType, {
+                    pagePath: getPagePath(),
+                    metric: 'LCP',
+                    value: metric.value,
+                    unit: 'ms',
+                    rating: metric.rating,
+                    id: metric.id,
+                    navigationType: metric.navigationType,
+                });
+            });
+        }
+        catch {
+            // ignore
+        }
+        // CLS（自动处理会话窗口）
+        try {
+            onCLS((metric) => {
+                report(options.reportType, {
+                    pagePath: getPagePath(),
+                    metric: 'CLS',
+                    value: metric.value,
+                    unit: 'score',
+                    rating: metric.rating,
+                    id: metric.id,
+                    navigationType: metric.navigationType,
+                });
+            });
+        }
+        catch {
+            // ignore
+        }
+        // INP（替代 FID，2024年3月起成为核心指标）
+        try {
+            onINP((metric) => {
+                report(options.reportType, {
+                    pagePath: getPagePath(),
+                    metric: 'INP',
+                    value: metric.value,
+                    unit: 'ms',
+                    rating: metric.rating,
+                    id: metric.id,
+                    navigationType: metric.navigationType,
+                });
+            });
+        }
+        catch {
+            // ignore
+        }
+        // TTFB
+        try {
+            onTTFB((metric) => {
+                report(options.reportType, {
+                    pagePath: getPagePath(),
+                    metric: 'TTFB',
+                    value: metric.value,
+                    unit: 'ms',
+                    rating: metric.rating,
+                    id: metric.id,
+                    navigationType: metric.navigationType,
+                });
+            });
+        }
+        catch {
+            // ignore
+        }
+    }
+    // Resource timing：资源加载耗时（web-vitals 不包含此功能，保留原有实现）
+    if (options.resourceTiming && typeof globalThis.PerformanceObserver === 'function') {
+        try {
+            const po = new PerformanceObserver((list) => {
+                try {
+                    if (!sampleHit(options.sampleRate))
+                        return;
+                    for (const entry of list.getEntries()) {
+                        const name = String(entry?.name ?? '');
+                        if (!name || shouldIgnoreUrl(name, ignoreUrls))
+                            continue;
+                        const initiatorType = String(entry?.initiatorType ?? '');
+                        // 关注 fetch/xhr/img/script（同时允许 css/other 但不强制）
+                        if (!['xmlhttprequest', 'fetch', 'img', 'script', 'css'].includes(initiatorType))
+                            continue;
+                        // 时序分解（便于定位慢在哪个阶段）
+                        const domainLookupStart = entry.domainLookupStart ?? 0;
+                        const domainLookupEnd = entry.domainLookupEnd ?? 0;
+                        const connectStart = entry.connectStart ?? 0;
+                        const connectEnd = entry.connectEnd ?? 0;
+                        const requestStart = entry.requestStart ?? 0;
+                        const responseStart = entry.responseStart ?? 0;
+                        const responseEnd = entry.responseEnd ?? 0;
+                        const dns = domainLookupEnd - domainLookupStart;
+                        const tcp = connectEnd - connectStart;
+                        const ttfb = responseStart - requestStart;
+                        const download = responseEnd - responseStart;
+                        // 缓存检测：transferSize=0 且 decodedBodySize>0 表示缓存命中
+                        const transferSize = entry.transferSize ?? 0;
+                        const decodedBodySize = entry.decodedBodySize ?? 0;
+                        const cached = transferSize === 0 && decodedBodySize > 0;
+                        const payload = {
+                            pagePath: getPagePath(),
+                            metric: 'resource',
+                            initiatorType,
+                            url: truncate$1(name, options.maxTextLength),
+                            startTime: typeof entry?.startTime === 'number' ? entry.startTime : undefined,
+                            duration: typeof entry?.duration === 'number' ? entry.duration : undefined,
+                            // 时序分解（跨域资源可能为 0）
+                            dns: dns > 0 ? Math.round(dns) : undefined,
+                            tcp: tcp > 0 ? Math.round(tcp) : undefined,
+                            ttfb: ttfb > 0 ? Math.round(ttfb) : undefined,
+                            download: download > 0 ? Math.round(download) : undefined,
+                            // 缓存标记
+                            cached,
+                        };
+                        // 尺寸字段（跨域资源可能为 0）
+                        if (transferSize > 0)
+                            payload.transferSize = transferSize;
+                        if (typeof entry?.encodedBodySize === 'number' && entry.encodedBodySize > 0) {
+                            payload.encodedBodySize = entry.encodedBodySize;
+                        }
+                        if (decodedBodySize > 0)
+                            payload.decodedBodySize = decodedBodySize;
+                        // 协议和状态
+                        if (typeof entry?.nextHopProtocol === 'string' && entry.nextHopProtocol) {
+                            payload.nextHopProtocol = entry.nextHopProtocol;
+                        }
+                        if (typeof entry?.responseStatus === 'number')
+                            payload.status = entry.responseStatus;
+                        report(options.reportType, payload);
+                    }
+                }
+                catch {
+                    // ignore
+                }
+            });
+            po.observe({ type: 'resource', buffered: true });
+        }
+        catch {
+            // ignore
+        }
+    }
+}
+function installWebPerformanceMonitor(report, opts = {}) {
+    const enabled = opts === undefined ? true : !!opts;
+    if (!enabled)
+        return;
+    const raw = typeof opts === 'object' && opts ? opts : {};
+    const options = {
+        enabled: true,
+        reportType: raw.reportType ?? 'perf',
+        sampleRate: raw.sampleRate ?? 1,
+        ignoreUrls: raw.ignoreUrls ?? [],
+        webVitals: raw.webVitals ?? true,
+        resourceTiming: raw.resourceTiming ?? true,
+        maxTextLength: raw.maxTextLength ?? 2000,
+    };
+    installBrowserPerformanceMonitor(report, options);
+}
+
+function shouldSample(sampleRate) {
+    const r = sampleRate ?? 1;
+    if (r >= 1)
+        return true;
+    if (r <= 0)
+        return false;
+    return Math.random() < r;
+}
+function generateUUID() {
+    const g = globalThis;
+    if (g.crypto?.randomUUID)
+        return g.crypto.randomUUID();
+    return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, (c) => {
+        const r = Math.random() * 16 || 0;
+        const v = c === 'x' ? r | 0 : ((r | 0) & 0x3) | 0x8;
+        return v.toString(16);
+    });
+}
+function safeReadUvMeta(key) {
+    const raw = readStringStorage(key);
+    if (!raw)
+        return { firstVisitTs: Date.now(), visitCount: 0 };
+    try {
+        const parsed = JSON.parse(raw);
+        if (!parsed || typeof parsed !== 'object')
+            return { firstVisitTs: Date.now(), visitCount: 0 };
+        const p = parsed;
+        const firstVisitTs = typeof p.firstVisitTs === 'number' && Number.isFinite(p.firstVisitTs) ? p.firstVisitTs : Date.now();
+        const visitCount = typeof p.visitCount === 'number' && Number.isFinite(p.visitCount) ? p.visitCount : 0;
+        const createdAtTs = typeof p.createdAtTs === 'number' && Number.isFinite(p.createdAtTs) ? p.createdAtTs : undefined;
+        const lastSeenTs = typeof p.lastSeenTs === 'number' && Number.isFinite(p.lastSeenTs) ? p.lastSeenTs : undefined;
+        return { firstVisitTs, visitCount, createdAtTs, lastSeenTs };
+    }
+    catch {
+        return { firstVisitTs: Date.now(), visitCount: 0 };
+    }
+}
+function writeUvMeta(key, meta) {
+    writeStringStorage(key, JSON.stringify(meta));
+}
+function getWebPagePath() {
+    if (typeof window === 'undefined')
+        return '';
+    return window.location?.href || '';
+}
+function buildCommonUvFields(uvId, uvMeta, isFirstVisit) {
+    return {
+        uvId,
+        isFirstVisit,
+        firstVisitTs: uvMeta.firstVisitTs,
+        visitCount: uvMeta.visitCount,
+    };
+}
+function getAttr(el, attrName) {
+    try {
+        return el.getAttribute(attrName) ?? '';
+    }
+    catch {
+        return '';
+    }
+}
+function truncateText(s, maxLen) {
+    if (!s)
+        return '';
+    if (s.length <= maxLen)
+        return s;
+    return s.slice(0, maxLen);
+}
+function installWebBehaviorMonitor(report, options = {}) {
+    const enableTrack = options.enableTrack ?? options.enabled ?? true;
+    if (!enableTrack)
+        return () => { };
+    const pvEnabled = options.pv ?? true;
+    const uvEnabled = options.uv ?? true;
+    const clickEnabled = options.click ?? true;
+    const pvReportType = options.pvReportType ?? 'pv';
+    const uvReportType = options.uvReportType ?? 'uv';
+    const clickReportType = options.clickReportType ?? 'click';
+    const uvIdStorageKey = options.uvIdStorageKey ?? 'cls_uv_id';
+    const uvMetaStorageKey = options.uvMetaStorageKey ?? 'cls_uv_meta';
+    const uvExpireDaysRaw = options.trackOptions?.uvExpireDays ?? options.uvExpireDays ?? 30;
+    const uvExpireDays = Number.isFinite(uvExpireDaysRaw) ? Math.max(0, uvExpireDaysRaw) : 30;
+    const uvExpireMs = uvExpireDays * 24 * 60 * 60 * 1000;
+    const clickWhiteList = (options.trackOptions?.clickWhiteList ?? options.clickWhiteList ?? ['body', 'html']).map((s) => String(s).toLowerCase());
+    const clickTrackIdAttr = options.clickTrackIdAttr ?? 'data-track-id';
+    const clickMaxTextLength = options.clickMaxTextLength ?? 120;
+    const getPagePath = options.getPagePath ?? getWebPagePath;
+    let destroyed = false;
+    let firstVisitFlag = false;
+    let firstVisitConsumed = false;
+    const uvStatePromise = (async () => {
+        let existingUvId = readStringStorage(uvIdStorageKey);
+        let isFirstVisit = false;
+        const now = Date.now();
+        const metaBefore = safeReadUvMeta(uvMetaStorageKey);
+        const lastSeenForExpire = metaBefore.lastSeenTs ?? metaBefore.createdAtTs ?? metaBefore.firstVisitTs ?? now;
+        const expired = uvExpireMs > 0 && now - lastSeenForExpire > uvExpireMs;
+        if (expired) {
+            existingUvId = null;
+            writeUvMeta(uvMetaStorageKey, { firstVisitTs: now, visitCount: 0, createdAtTs: now, lastSeenTs: now });
+            writeStringStorage(uvIdStorageKey, '');
+        }
+        try {
+            if (options.getUvId) {
+                const maybe = options.getUvId();
+                const resolved = typeof maybe?.then === 'function' ? await maybe : maybe;
+                if (resolved && typeof resolved === 'string')
+                    existingUvId = resolved;
+            }
+        }
+        catch {
+            /* ignore */
+        }
+        if (!existingUvId) {
+            existingUvId = generateUUID();
+            isFirstVisit = true;
+        }
+        writeStringStorage(uvIdStorageKey, existingUvId);
+        const meta = safeReadUvMeta(uvMetaStorageKey);
+        const createdAt = meta.createdAtTs ?? meta.firstVisitTs ?? now;
+        const firstVisit = meta.firstVisitTs || now;
+        const nextMeta = {
+            firstVisitTs: firstVisit,
+            visitCount: (meta.visitCount || 0) + 1,
+            createdAtTs: createdAt,
+            lastSeenTs: now,
+        };
+        if (isFirstVisit) {
+            nextMeta.firstVisitTs = now;
+            nextMeta.createdAtTs = now;
+        }
+        writeUvMeta(uvMetaStorageKey, nextMeta);
+        firstVisitFlag = isFirstVisit;
+        return { uvId: existingUvId, isFirstVisit, meta: nextMeta };
+    })();
+    function safeReport(type, data) {
+        if (destroyed)
+            return;
+        if (!shouldSample(options.sampleRate))
+            return;
+        report(type, data);
+    }
+    function buildUvFieldsOnce(uvId, meta) {
+        const once = firstVisitFlag && !firstVisitConsumed;
+        if (once)
+            firstVisitConsumed = true;
+        return buildCommonUvFields(uvId, meta, once);
+    }
+    function reportPv(pagePath) {
+        if (!pvEnabled)
+            return;
+        void uvStatePromise.then(({ uvId, meta }) => {
+            if (destroyed)
+                return;
+            const payload = {
+                ...buildUvFieldsOnce(uvId, meta),
+                timestamp: Date.now(),
+                pagePath,
+                referrer: typeof document !== 'undefined' ? document.referrer || '' : '',
+            };
+            safeReport(pvReportType, payload);
+        });
+    }
+    // Web PV Listeners
+    let removeWebPvListeners = null;
+    if (pvEnabled && typeof window !== 'undefined' && typeof history !== 'undefined') {
+        const originalPushState = window.history.pushState?.bind(window.history);
+        const originalReplaceState = window.history.replaceState?.bind(window.history);
+        const onRouteChanged = () => reportPv(getPagePath());
+        onRouteChanged();
+        if (originalPushState) {
+            window.history.pushState = ((...args) => {
+                const r = originalPushState.apply(window.history, args);
+                onRouteChanged();
+                return r;
+            });
+        }
+        if (originalReplaceState) {
+            window.history.replaceState = ((...args) => {
+                const r = originalReplaceState.apply(window.history, args);
+                onRouteChanged();
+                return r;
+            });
+        }
+        window.addEventListener('popstate', onRouteChanged);
+        removeWebPvListeners = () => {
+            window.removeEventListener('popstate', onRouteChanged);
+            if (originalPushState)
+                window.history.pushState = originalPushState;
+            if (originalReplaceState)
+                window.history.replaceState = originalReplaceState;
+        };
+    }
+    // Web Click Listener
+    let removeWebClickListener = null;
+    if (clickEnabled && typeof document !== 'undefined') {
+        const onClick = (e) => {
+            if (destroyed)
+                return;
+            const target = e.target;
+            if (!target)
+                return;
+            const closestWithTrackId = typeof target.closest === 'function'
+                ? target.closest(`[${clickTrackIdAttr}]`)
+                : null;
+            const el = closestWithTrackId || target;
+            const tag = (el.tagName || '').toLowerCase();
+            const trackId = getAttr(el, clickTrackIdAttr);
+            if (clickWhiteList.includes(tag) || !trackId)
+                return;
+            void uvStatePromise.then(({ uvId, meta }) => {
+                if (destroyed)
+                    return;
+                safeReport(clickReportType, {
+                    ...buildUvFieldsOnce(uvId, meta),
+                    timestamp: Date.now(),
+                    pagePath: getPagePath(),
+                    elementTag: el.tagName || '',
+                    elementId: el.id || '',
+                    elementClass: stringifyLogValue(el.className ?? ''),
+                    trackId: trackId || '',
+                    elementText: truncateText((el.textContent ?? '').trim(), clickMaxTextLength),
+                    clickX: Number.isFinite(e.clientX) ? e.clientX : 0,
+                    clickY: Number.isFinite(e.clientY) ? e.clientY : 0,
+                });
+            });
+        };
+        document.addEventListener('click', onClick, true);
+        removeWebClickListener = () => document.removeEventListener('click', onClick, true);
+    }
+    // UV Initial Report
+    if (uvEnabled) {
+        void uvStatePromise.then(({ uvId, meta }) => {
+            if (destroyed)
+                return;
+            safeReport(uvReportType, {
+                ...buildUvFieldsOnce(uvId, meta),
+                timestamp: Date.now(),
+                pagePath: getPagePath(),
+            });
+        });
+    }
+    return () => {
+        destroyed = true;
+        removeWebPvListeners?.();
+        removeWebClickListener?.();
+    };
+}
+
+function truncate(s, maxLen) {
+    if (!s)
+        return s;
+    return s.length > maxLen ? `${s.slice(0, maxLen)}...` : s;
+}
+function parseUserAgent(uaRaw) {
+    const ua = uaRaw ?? '';
+    const isMobile = /Mobile|Android|iPhone|iPad|iPod/i.test(ua);
+    // OS
+    let osName = 'unknown';
+    let osVersion = '';
+    const ios = ua.match(/OS (\d+[_\d]*) like Mac OS X/i);
+    const android = ua.match(/Android (\d+(\.\d+)*)/i);
+    const mac = ua.match(/Mac OS X (\d+[_\d]*)/i);
+    const win = ua.match(/Windows NT (\d+(\.\d+)*)/i);
+    if (ios) {
+        osName = 'iOS';
+        osVersion = ios[1].replace(/_/g, '.');
+    }
+    else if (android) {
+        osName = 'Android';
+        osVersion = android[1];
+    }
+    else if (win) {
+        osName = 'Windows';
+        osVersion = win[1];
+    }
+    else if (mac) {
+        osName = 'macOS';
+        osVersion = mac[1].replace(/_/g, '.');
+    }
+    // Browser
+    let browserName = 'unknown';
+    let browserVersion = '';
+    const edge = ua.match(/Edg\/(\d+(\.\d+)*)/);
+    const chrome = ua.match(/Chrome\/(\d+(\.\d+)*)/);
+    const safari = ua.match(/Version\/(\d+(\.\d+)*) Safari\//);
+    const firefox = ua.match(/Firefox\/(\d+(\.\d+)*)/);
+    if (edge) {
+        browserName = 'Edge';
+        browserVersion = edge[1];
+    }
+    else if (chrome) {
+        browserName = 'Chrome';
+        browserVersion = chrome[1];
+    }
+    else if (firefox) {
+        browserName = 'Firefox';
+        browserVersion = firefox[1];
+    }
+    else if (safari) {
+        browserName = 'Safari';
+        browserVersion = safari[1];
+    }
+    return { browserName, browserVersion, osName, osVersion, isMobile };
+}
+function getBrowserDeviceInfo(options) {
+    const out = {
+        envType: 'browser',
+    };
+    if (typeof window === 'undefined' || typeof navigator === 'undefined')
+        return out;
+    const ua = String(navigator.userAgent ?? '');
+    const uaParsed = parseUserAgent(ua);
+    if (options.includeUserAgent)
+        out.ua = truncate(ua, 2000);
+    out.browserName = uaParsed.browserName;
+    out.browserVersion = uaParsed.browserVersion;
+    out.osName = uaParsed.osName;
+    out.osVersion = uaParsed.osVersion;
+    out.isMobile = uaParsed.isMobile ? 1 : 0;
+    out.language = String(navigator.language ?? '');
+    out.platform = String(navigator.platform ?? '');
+    try {
+        const tz = Intl.DateTimeFormat().resolvedOptions().timeZone;
+        out.timezone = typeof tz === 'string' ? tz : '';
+    }
+    catch {
+        out.timezone = '';
+    }
+    try {
+        const s = window.screen;
+        out.screenWidth = s?.width ?? undefined;
+        out.screenHeight = s?.height ?? undefined;
+    }
+    catch {
+        // ignore
+    }
+    try {
+        out.dpr = typeof window.devicePixelRatio === 'number' ? window.devicePixelRatio : undefined;
+    }
+    catch {
+        // ignore
+    }
+    try {
+        const navAny = navigator;
+        out.hardwareConcurrency = typeof navAny.hardwareConcurrency === 'number' ? navAny.hardwareConcurrency : undefined;
+        out.deviceMemory = typeof navAny.deviceMemory === 'number' ? navAny.deviceMemory : undefined;
+    }
+    catch {
+        // ignore
+    }
+    if (options.includeNetwork) {
+        try {
+            const conn = navigator.connection || navigator.mozConnection || navigator.webkitConnection;
+            if (conn && isPlainObject(conn)) {
+                if (typeof conn.effectiveType === 'string')
+                    out.netEffectiveType = conn.effectiveType;
+                if (typeof conn.downlink === 'number')
+                    out.netDownlink = conn.downlink;
+                if (typeof conn.rtt === 'number')
+                    out.netRtt = conn.rtt;
+                if (typeof conn.saveData === 'boolean')
+                    out.netSaveData = conn.saveData ? 1 : 0;
+            }
+        }
+        catch {
+            // ignore
+        }
+    }
+    return out;
+}
+function createWebDeviceInfoBaseFields(opts) {
+    const enabled = opts === undefined ? true : !!opts;
+    if (!enabled)
+        return null;
+    const raw = typeof opts === 'object' && opts ? opts : {};
+    const options = {
+        includeUserAgent: raw.includeUserAgent ?? true,
+        includeNetwork: raw.includeNetwork ?? true,
+        includeNetworkType: raw.includeNetworkType ?? true,
+    };
+    let base = null;
+    const globalKey = '__beLinkClsLoggerDeviceInfo__';
+    return () => {
+        if (!base) {
+            base = getBrowserDeviceInfo(options);
+            try {
+                const g = globalThis;
+                if (!g[globalKey])
+                    g[globalKey] = { ...base };
+            }
+            catch {
+                // ignore
+            }
+        }
+        try {
+            const g = globalThis;
+            const extra = g[globalKey];
+            if (extra && isPlainObject(extra))
+                return { ...base, ...extra };
+        }
+        catch {
+            // ignore
+        }
+        return base;
+    };
+}
+
+// @ts-ignore
+// 移除动态加载，在 Web 入口直接静态引用以确保稳定性
+class ClsLoggerWeb extends ClsLoggerCore {
+    constructor() {
+        super(...arguments);
+        this.envType = 'browser';
+    }
+    async loadSdk() {
+        if (this.sdk)
+            return this.sdk;
+        // 1) 优先用 UMD 全局变量（如果存在）
+        const g = readGlobal('tencentcloudClsSdkJsWeb');
+        if (g && g.AsyncClient) {
+            this.sdk = this.normalize(g);
+            return this.sdk;
+        }
+        // 2) 使用静态导入
+        const sdk = this.normalize(tencentcloudClsSdkJsWeb);
+        if (sdk) {
+            this.sdk = sdk;
+            return sdk;
+        }
+        console.warn('[ClsLogger] SDK "tencentcloud-cls-sdk-js-web" not found or invalid. Logging will be disabled.');
+        throw new Error('SDK not found');
+    }
+    installRequestMonitor(report, options) {
+        installWebRequestMonitor(report, options);
+    }
+    installErrorMonitor(report, options) {
+        installWebErrorMonitor(report, options);
+    }
+    installPerformanceMonitor(report, options) {
+        installWebPerformanceMonitor(report, options);
+    }
+    installBehaviorMonitor(report, options) {
+        return installWebBehaviorMonitor(report, typeof options === 'boolean' ? {} : options);
+    }
+    createDeviceInfoBaseFields(options) {
+        return createWebDeviceInfoBaseFields(options);
+    }
+    normalize(m) {
+        const mod = (m?.default && m.default.AsyncClient ? m.default : m);
+        return {
+            AsyncClient: mod.AsyncClient,
+            Log: mod.Log,
+            LogGroup: mod.LogGroup,
+            PutLogsRequest: mod.PutLogsRequest,
+        };
+    }
+}
+
+const clsLogger = new ClsLoggerWeb();
+
+export { ClsLoggerWeb as ClsLogger, clsLogger, clsLogger as default };