customer-chat-sdk 1.0.68 → 1.0.71

package/dist/customer-sdk.cjs.js

@@ -14344,9 +14344,6 @@ class ScreenshotManager {
         this.scheduleNextFn = null;
         // 图片代理缓存（带过期时间）
         this.imageProxyCache = new Map();
-        // IndexedDB 缓存（持久化）
-        this.indexedDBCache = null;
-        this.indexedDBReady = false;
         // Intersection Observer（用于高效检测可见性）
         this.intersectionObserver = null;
         this.visibleElementsCache = new Set();
@@ -14381,13 +14378,10 @@ class ScreenshotManager {
             maxConcurrentDownloads: options.maxConcurrentDownloads ?? 10, // 增加并发数
             onlyVisibleImages: options.onlyVisibleImages ?? true, // 默认只处理可视区域
             imageCacheTTL: options.imageCacheTTL ?? 600000, // 默认10分钟（600000ms）
-            useIndexedDB: options.useIndexedDB ?? true, // 默认启用 IndexedDB 持久化缓存
             usePreconnect: options.usePreconnect ?? true, // 默认预连接代理服务器
             imageLoadTimeout: options.imageLoadTimeout ?? 5000, // 默认5秒超时
             useIntersectionObserver: options.useIntersectionObserver ?? true, // 默认使用 Intersection Observer
             fetchPriority: options.fetchPriority ?? 'high', // 默认高优先级
-            maxCacheSize: options.maxCacheSize ?? 50, // 默认最大50MB
-            maxCacheAge: options.maxCacheAge ?? 86400000, // 默认24小时（86400000ms）
             maxImageSize: options.maxImageSize ?? 5, // 不使用代理时，单个图片最大尺寸（MB），默认5MB
             skipLargeImages: options.skipLargeImages ?? true, // 不使用代理时，是否跳过过大的图片，默认true（跳过）
             workerNumber: options.workerNumber ?? undefined // modern-screenshot Worker 数量，默认自动计算（undefined 表示自动）
@@ -14410,15 +14404,6 @@ class ScreenshotManager {
         if (this.options.useIntersectionObserver && this.options.onlyVisibleImages) {
             this.initIntersectionObserver();
         }
-        // 初始化 IndexedDB（如果启用）
-        if (this.options.useIndexedDB) {
-            this.initIndexedDB().catch(() => {
-                // IndexedDB 初始化失败，回退到内存缓存
-                if (!this.options.silentMode) {
-                    console.warn('📸 IndexedDB 初始化失败，使用内存缓存');
-                }
-            });
-        }
     }
     /**
      * 设置目标元素
@@ -14883,20 +14868,12 @@ class ScreenshotManager {
             if (this.options.preloadImages && this.options.enableCORS && selectedEngine === 'modern-screenshot') {
                 // 清理过期缓存
                 this.cleanExpiredCache();
-                // 如果启用 IndexedDB，也清理 IndexedDB 缓存
-                if (this.options.useIndexedDB) {
-                    await this.cleanIndexedDBCache();
-                }
                 await this.preprocessNetworkImages(this.targetElement);
                 await this.waitForImagesToLoad(this.targetElement);
             }
             else {
                 // 即使不预加载，也清理一下过期缓存
                 this.cleanExpiredCache();
-                // 如果启用 IndexedDB，也清理 IndexedDB 缓存
-                if (this.options.useIndexedDB) {
-                    await this.cleanIndexedDBCache();
-                }
             }
             let dataUrl;
             // 根据选择的引擎进行截图
@@ -15689,18 +15666,6 @@ class ScreenshotManager {
                         }
                         return cachedDataUrl;
                     }
-                    // 检查 IndexedDB 缓存（如果启用）
-                    if (this.options.useIndexedDB) {
-                        const indexedDBCache = await this.getIndexedDBCache(url);
-                        if (indexedDBCache) {
-                            // 同步到内存缓存
-                            this.setCachedImage(url, indexedDBCache);
-                            if (!this.options.silentMode) {
-                                console.log(`📸 ✅ 使用 IndexedDB 缓存图片: ${url.substring(0, 50)}...`);
-                            }
-                            return indexedDBCache;
-                        }
-                    }
                     try {
                         // 构建代理请求参数
                         const params = new URLSearchParams({
@@ -15740,10 +15705,6 @@ class ScreenshotManager {
                             const dataUrl = await this.blobToDataUrl(blob);
                             // 缓存结果（带时间戳，10分钟有效）
                             this.setCachedImage(url, dataUrl);
-                            // 如果启用 IndexedDB，也保存到 IndexedDB
-                            if (this.options.useIndexedDB) {
-                                await this.setIndexedDBCache(url, dataUrl);
-                            }
                             return dataUrl;
                         }
                         catch (fetchError) {
@@ -15759,66 +15720,9 @@ class ScreenshotManager {
                         return url;
                     }
                 }
-                // 如果没有配置代理，需要添加内存保护机制
-                // 不使用代理时，modern-screenshot 会直接下载图片，可能导致内存问题
-                // 由于已配置 CORS，可以直接下载并检查大小
-                if (this.options.enableCORS) {
-                    // 对于不使用代理的情况，添加内存保护和缓存机制：
-                    // 1. 先检查内存缓存（避免重复下载）
-                    // 2. 检查 IndexedDB 缓存
-                    // 3. 使用下载队列避免并发重复下载
-                    // 4. 下载时检查大小，如果过大则使用占位符
-                    // 先检查内存缓存（优先使用缓存，避免重复下载）
-                    const cachedDataUrl = this.getCachedImage(url);
-                    if (cachedDataUrl) {
-                        if (!this.options.silentMode) {
-                            console.log(`📸 ✅ 使用内存缓存图片（无代理模式）: ${url.substring(0, 50)}...`);
-                        }
-                        return cachedDataUrl;
-                    }
-                    // 检查 IndexedDB 缓存（如果启用）
-                    if (this.options.useIndexedDB) {
-                        const indexedDBCache = await this.getIndexedDBCache(url);
-                        if (indexedDBCache) {
-                            // 同步到内存缓存
-                            this.setCachedImage(url, indexedDBCache);
-                            if (!this.options.silentMode) {
-                                console.log(`📸 ✅ 使用 IndexedDB 缓存图片（无代理模式）: ${url.substring(0, 50)}...`);
-                            }
-                            return indexedDBCache;
-                        }
-                    }
-                    // 检查是否正在下载（避免重复下载）
-                    if (this.imageDownloadQueue.has(url)) {
-                        // 如果已经在下载队列中，等待现有下载完成
-                        if (!this.options.silentMode) {
-                            console.log(`📸 ⏳ 等待图片下载完成: ${url.substring(0, 50)}...`);
-                        }
-                        return await this.imageDownloadQueue.get(url);
-                    }
-                    // 检查并发下载数限制
-                    if (this.activeDownloads.size >= this.maxConcurrentImageDownloads) {
-                        // 并发数已满，返回原 URL，让 modern-screenshot 自己处理（可能会失败，但不阻塞）
-                        if (!this.options.silentMode) {
-                            console.warn(`📸 ⚠️ 并发下载数已满（${this.activeDownloads.size}/${this.maxConcurrentImageDownloads}），跳过: ${url.substring(0, 50)}...`);
-                        }
-                        return url;
-                    }
-                    // 创建下载 Promise 并加入队列
-                    const downloadPromise = this.downloadImageWithoutProxy(url);
-                    this.imageDownloadQueue.set(url, downloadPromise);
-                    this.activeDownloads.add(url);
-                    try {
-                        const result = await downloadPromise;
-                        return result;
-                    }
-                    finally {
-                        // 下载完成后清理
-                        this.imageDownloadQueue.delete(url);
-                        this.activeDownloads.delete(url);
-                    }
-                }
-                // 默认返回原 URL
+                // 如果没有配置代理，直接返回原 URL，让 modern-screenshot 自己处理
+                // 不再主动下载图片，避免阻塞和耗时过长
+                // 如果 modern-screenshot 无法处理跨域图片，建议配置代理服务器
                 return url;
             };
             // 检查元素是否可见且有尺寸
@@ -15915,14 +15819,10 @@ class ScreenshotManager {
                     console.log(`📸 使用元素实际尺寸: ${elementWidth}x${elementHeight}`);
                 }
             }
-            // 缩放配置：移动设备使用更低的缩放比例，进一步减少图片大小
+            // 缩放配置：使用外部传递的参数
             // scale < 1 会降低图片分辨率，减少 base64 大小
-            if (this.options.scale !== 1) {
-                contextOptions.scale = isMobile ? 0.7 : this.options.scale; // 移动设备：0.8 -> 0.7
-            }
-            else if (isMobile) {
-                // 如果未指定 scale，移动设备默认使用 0.7
-                contextOptions.scale = 0.7;
+            if (this.options.scale !== undefined && this.options.scale !== 1) {
+                contextOptions.scale = this.options.scale;
             }
             // 优化：复用 context，避免频繁创建和销毁（性能提升 20%+）
             // 只在元素变化、配置变化或内容变化时重新创建 context
@@ -16120,28 +16020,83 @@ class ScreenshotManager {
                 if (!this.options.silentMode) {
                     console.log(`📸 使用 ${outputFormat.toUpperCase()} 格式截图（直接输出，无需转换）...`);
                 }
-                // 根据输出格式选择对应的 API
-                // modern-screenshot 内部已经处理了超时，不需要额外的 Promise.race
-                if (outputFormat === 'webp') {
-                    // 使用 domToWebp，直接输出 WebP 格式，无需转换
-                    dataUrl = await domToWebp(this.screenshotContext);
-                }
-                else if (outputFormat === 'jpeg') {
-                    // 使用 domToJpeg，直接输出 JPEG 格式，无需转换
-                    dataUrl = await domToJpeg(this.screenshotContext);
-                }
-                else {
-                    // 默认使用 domToPng
-                    dataUrl = await domToPng(this.screenshotContext);
-                }
-                // 验证截图结果
-                if (!dataUrl || dataUrl.length < 100) {
-                    throw new Error('生成的截图数据无效或过短');
+                // 尝试使用 Worker 模式（context）
+                try {
+                    // 根据输出格式选择对应的 API
+                    // modern-screenshot 内部已经处理了超时，不需要额外的 Promise.race
+                    if (outputFormat === 'webp') {
+                        // 使用 domToWebp，直接输出 WebP 格式，无需转换
+                        dataUrl = await domToWebp(this.screenshotContext);
+                    }
+                    else if (outputFormat === 'jpeg') {
+                        // 使用 domToJpeg，直接输出 JPEG 格式，无需转换
+                        dataUrl = await domToJpeg(this.screenshotContext);
+                    }
+                    else {
+                        // 默认使用 domToPng
+                        dataUrl = await domToPng(this.screenshotContext);
+                    }
+                    // 验证截图结果
+                    if (!dataUrl || dataUrl.length < 100) {
+                        throw new Error('生成的截图数据无效或过短');
+                    }
+                    if (!this.options.silentMode) {
+                        console.log(`📸 ✅ modern-screenshot 截图成功（Worker 模式，${outputFormat.toUpperCase()} 格式）`);
+                    }
+                    return dataUrl;
                 }
-                if (!this.options.silentMode) {
-                    console.log(`📸 ✅ modern-screenshot 截图成功（${outputFormat.toUpperCase()} 格式，直接输出，无需转换）`);
+                catch (workerError) {
+                    // Worker 模式失败，回退到普通模式（参考用户代码）
+                    if (!this.options.silentMode) {
+                        console.warn('📸 Worker 模式失败，回退到普通模式:', workerError);
+                    }
+                    // 销毁失败的 context
+                    if (this.screenshotContext) {
+                        try {
+                            destroyContext(this.screenshotContext);
+                        }
+                        catch {
+                            // 忽略销毁错误
+                        }
+                        this.screenshotContext = null;
+                    }
+                    // 回退到普通模式（直接使用 domToWebp，不传 context）
+                    // 使用外部传递的参数，并给出合理的默认值
+                    const fallbackOptions = {
+                        scale: this.options.scale ?? 1, // 使用外部参数，默认 1
+                        backgroundColor: '#ffffff', // 默认白色背景
+                        type: `image/${outputFormat}`, // 使用配置的输出格式
+                        quality: this.options.quality ?? 0.8, // 使用外部参数，默认 0.4
+                        drawImageInterval: 20, // 默认 20ms，减少主线程阻塞
+                        features: {
+                            copyScrollbar: false,
+                            removeAbnormalAttributes: true,
+                            removeControlCharacter: true,
+                            fixSvgXmlDecode: true,
+                            restoreScrollPosition: false,
+                        },
+                        timeout: Math.max((this.options.interval ?? 5000) * 6, 10000), // 使用外部参数计算超时，默认 10 秒
+                    };
+                    // 限制 timeout 最多 15 秒
+                    fallbackOptions.timeout = Math.min(fallbackOptions.timeout, 15000);
+                    if (outputFormat === 'webp') {
+                        dataUrl = await domToWebp(element, fallbackOptions);
+                    }
+                    else if (outputFormat === 'jpeg') {
+                        dataUrl = await domToJpeg(element, fallbackOptions);
+                    }
+                    else {
+                        dataUrl = await domToPng(element, fallbackOptions);
+                    }
+                    // 验证截图结果
+                    if (!dataUrl || dataUrl.length < 100) {
+                        throw new Error('生成的截图数据无效或过短');
+                    }
+                    if (!this.options.silentMode) {
+                        console.log(`📸 ✅ modern-screenshot 截图成功（普通模式，${outputFormat.toUpperCase()} 格式）`);
+                    }
+                    return dataUrl;
                 }
-                return dataUrl;
             }
             catch (error) {
                 const errorMessage = error instanceof Error ? error.message : String(error);
@@ -16253,94 +16208,6 @@ class ScreenshotManager {
             threshold: 0.01
         });
     }
-    /**
-     * 初始化 IndexedDB（持久化缓存）
-     */
-    async initIndexedDB() {
-        return new Promise((resolve, reject) => {
-            const request = indexedDB.open('screenshot-cache', 1);
-            request.onerror = () => reject(request.error);
-            request.onsuccess = () => {
-                this.indexedDBCache = request.result;
-                this.indexedDBReady = true;
-                // 初始化后立即清理过期和超大小的缓存
-                this.cleanIndexedDBCache().catch(() => {
-                    // 清理失败不影响功能
-                });
-                resolve();
-            };
-            request.onupgradeneeded = (event) => {
-                const db = event.target.result;
-                if (!db.objectStoreNames.contains('images')) {
-                    const store = db.createObjectStore('images', { keyPath: 'url' });
-                    // 创建索引用于按时间排序
-                    store.createIndex('timestamp', 'timestamp', { unique: false });
-                }
-            };
-        });
-    }
-    /**
-     * 从 IndexedDB 获取缓存
-     */
-    async getIndexedDBCache(url) {
-        if (!this.indexedDBReady || !this.indexedDBCache) {
-            return null;
-        }
-        try {
-            const transaction = this.indexedDBCache.transaction(['images'], 'readonly');
-            const store = transaction.objectStore('images');
-            const request = store.get(url);
-            return new Promise((resolve) => {
-                request.onsuccess = () => {
-                    const result = request.result;
-                    if (result) {
-                        const now = Date.now();
-                        const age = now - result.timestamp;
-                        // 检查是否超过最大缓存时间
-                        if (age > this.options.maxCacheAge) {
-                            // 缓存过期，删除
-                            this.deleteIndexedDBCache(url);
-                            resolve(null);
-                            return;
-                        }
-                        // 返回缓存数据（即使超过 imageCacheTTL，只要未超过 maxCacheAge 仍可使用）
-                        resolve(result.dataUrl);
-                    }
-                    else {
-                        resolve(null);
-                    }
-                };
-                request.onerror = () => resolve(null);
-            });
-        }
-        catch {
-            return null;
-        }
-    }
-    /**
-     * 设置 IndexedDB 缓存（带大小和时间控制）
-     */
-    async setIndexedDBCache(url, dataUrl) {
-        if (!this.indexedDBReady || !this.indexedDBCache) {
-            return;
-        }
-        try {
-            // 计算当前缓存大小
-            const currentSize = await this.getIndexedDBCacheSize();
-            const newItemSize = this.estimateDataUrlSize(dataUrl);
-            const maxSizeBytes = (this.options.maxCacheSize || 50) * 1024 * 1024; // 转换为字节
-            // 如果添加新项后超过限制，清理最旧的数据
-            if (currentSize + newItemSize > maxSizeBytes) {
-                await this.cleanIndexedDBCacheBySize(maxSizeBytes - newItemSize);
-            }
-            const transaction = this.indexedDBCache.transaction(['images'], 'readwrite');
-            const store = transaction.objectStore('images');
-            store.put({ url, dataUrl, timestamp: Date.now() });
-        }
-        catch {
-            // IndexedDB 写入失败，忽略
-        }
-    }
     /**
      * 估算 data URL 的大小（字节）
      */
@@ -16351,156 +16218,32 @@ class ScreenshotManager {
         return Math.ceil(base64Data.length * 0.75) + 30;
     }
     /**
-     * 获取 IndexedDB 当前缓存大小（字节）
+     * 获取 IndexedDB 当前缓存大小（已移除，不再使用）
+     * @deprecated IndexedDB 已移除，不再使用
      */
     async getIndexedDBCacheSize() {
-        if (!this.indexedDBReady || !this.indexedDBCache) {
-            return 0;
-        }
-        try {
-            const transaction = this.indexedDBCache.transaction(['images'], 'readonly');
-            const store = transaction.objectStore('images');
-            const request = store.getAll();
-            return new Promise((resolve) => {
-                request.onsuccess = () => {
-                    const items = request.result || [];
-                    let totalSize = 0;
-                    items.forEach((item) => {
-                        totalSize += this.estimateDataUrlSize(item.dataUrl);
-                    });
-                    resolve(totalSize);
-                };
-                request.onerror = () => resolve(0);
-            });
-        }
-        catch {
-            return 0;
-        }
+        return 0;
     }
     /**
-     * 清理 IndexedDB 缓存（按时间和大小）
+     * 清理 IndexedDB 缓存（已移除，不再使用）
+     * @deprecated IndexedDB 已移除，不再使用
      */
     async cleanIndexedDBCache() {
-        if (!this.indexedDBReady || !this.indexedDBCache) {
-            return;
-        }
-        try {
-            const transaction = this.indexedDBCache.transaction(['images'], 'readwrite');
-            const store = transaction.objectStore('images');
-            const index = store.index('timestamp');
-            const request = index.getAll();
-            return new Promise((resolve) => {
-                request.onsuccess = () => {
-                    const items = request.result || [];
-                    const now = Date.now();
-                    const expiredUrls = [];
-                    let currentSize = 0;
-                    const maxSizeBytes = (this.options.maxCacheSize || 50) * 1024 * 1024;
-                    // 按时间排序（最旧的在前）
-                    items.sort((a, b) => a.timestamp - b.timestamp);
-                    // 清理过期数据
-                    items.forEach((item) => {
-                        const age = now - item.timestamp;
-                        if (age > this.options.maxCacheAge) {
-                            expiredUrls.push(item.url);
-                        }
-                        else {
-                            currentSize += this.estimateDataUrlSize(item.dataUrl);
-                        }
-                    });
-                    // 如果仍然超过大小限制，删除最旧的数据
-                    const urlsToDelete = [...expiredUrls];
-                    if (currentSize > maxSizeBytes) {
-                        for (const item of items) {
-                            if (expiredUrls.includes(item.url))
-                                continue;
-                            currentSize -= this.estimateDataUrlSize(item.dataUrl);
-                            urlsToDelete.push(item.url);
-                            if (currentSize <= maxSizeBytes) {
-                                break;
-                            }
-                        }
-                    }
-                    // 删除过期和超大小的数据
-                    urlsToDelete.forEach((url) => {
-                        store.delete(url);
-                    });
-                    if (urlsToDelete.length > 0 && !this.options.silentMode) {
-                        console.log(`📸 IndexedDB 清理了 ${urlsToDelete.length} 个缓存项（过期或超大小）`);
-                    }
-                    resolve();
-                };
-                request.onerror = () => resolve();
-            });
-        }
-        catch {
-            // 清理失败，忽略
-        }
+        // IndexedDB 已移除，不再使用
     }
     /**
-     * 按大小清理 IndexedDB 缓存
+     * 按大小清理 IndexedDB 缓存（已移除，不再使用）
+     * @deprecated IndexedDB 已移除，不再使用
      */
-    async cleanIndexedDBCacheBySize(targetSize) {
-        if (!this.indexedDBReady || !this.indexedDBCache) {
-            return;
-        }
-        try {
-            const transaction = this.indexedDBCache.transaction(['images'], 'readwrite');
-            const store = transaction.objectStore('images');
-            const index = store.index('timestamp');
-            const request = index.getAll();
-            return new Promise((resolve) => {
-                request.onsuccess = () => {
-                    const items = request.result || [];
-                    // 按时间排序（最旧的在前）
-                    items.sort((a, b) => a.timestamp - b.timestamp);
-                    let currentSize = 0;
-                    const urlsToDelete = [];
-                    // 计算当前大小
-                    items.forEach((item) => {
-                        currentSize += this.estimateDataUrlSize(item.dataUrl);
-                    });
-                    // 如果超过目标大小，删除最旧的数据
-                    if (currentSize > targetSize) {
-                        for (const item of items) {
-                            if (currentSize <= targetSize) {
-                                break;
-                            }
-                            currentSize -= this.estimateDataUrlSize(item.dataUrl);
-                            urlsToDelete.push(item.url);
-                        }
-                    }
-                    // 删除数据
-                    urlsToDelete.forEach((url) => {
-                        store.delete(url);
-                    });
-                    if (urlsToDelete.length > 0 && !this.options.silentMode) {
-                        console.log(`📸 IndexedDB 清理了 ${urlsToDelete.length} 个缓存项（超过大小限制）`);
-                    }
-                    resolve();
-                };
-                request.onerror = () => resolve();
-            });
-        }
-        catch {
-            // 清理失败，忽略
-        }
+    async cleanIndexedDBCacheBySize(_targetSize) {
+        // IndexedDB 已移除，不再使用
     }
     /**
-     * 删除 IndexedDB 缓存
+     * 删除 IndexedDB 缓存（已移除，不再使用）
+     * @deprecated IndexedDB 已移除，不再使用
      */
-    async deleteIndexedDBCache(url) {
-        if (!this.indexedDBReady || !this.indexedDBCache) {
-            return;
-        }
-        try {
-            const transaction = this.indexedDBCache.transaction(['images'], 'readwrite');
-            const store = transaction.objectStore('images');
-            store.delete(url);
-        }
-        catch {
-            // 忽略错误
-        }
+    async deleteIndexedDBCache(_url) {
+        // IndexedDB 已移除，不再使用
     }
     /**
      * 检查元素是否在可视区域内（优化：使用 Intersection Observer 或 getBoundingClientRect）
@@ -16715,10 +16458,6 @@ class ScreenshotManager {
                 const dataUrl = await this.blobToDataUrl(blob);
                 // 缓存结果（带时间戳，10分钟有效）
                 this.setCachedImage(url, dataUrl);
-                // 如果启用 IndexedDB，也保存到 IndexedDB
-                if (this.options.useIndexedDB) {
-                    await this.setIndexedDBCache(url, dataUrl);
-                }
                 return dataUrl;
             }
             // 如果下载失败，返回原 URL，让 modern-screenshot 自己处理
@@ -17748,12 +17487,7 @@ class ScreenshotManager {
             this.intersectionObserver = null;
             this.visibleElementsCache.clear();
         }
-        // 关闭 IndexedDB
-        if (this.indexedDBCache) {
-            this.indexedDBCache.close();
-            this.indexedDBCache = null;
-            this.indexedDBReady = false;
-        }
+        // IndexedDB 已移除，不再使用
         // 清理图片代理缓存
         this.imageProxyCache.clear();
         // 清理截图历史记录（释放大量内存）
@@ -17842,12 +17576,6 @@ class ScreenshotManager {
         // 每2分钟清理一次过期缓存（从5分钟改为2分钟，更频繁）
         setInterval(() => {
             this.cleanExpiredCache();
-            // 如果启用 IndexedDB，也清理 IndexedDB 缓存
-            if (this.options.useIndexedDB) {
-                this.cleanIndexedDBCache().catch(() => {
-                    // 清理失败，忽略
-                });
-            }
             if (!this.options.silentMode) {
                 const memoryCacheSize = this.imageProxyCache.size;
                 const memoryCacheSizeMB = Array.from(this.imageProxyCache.values())