customer-chat-sdk 1.0.49 → 1.0.51

package/dist/customer-sdk.esm.js

@@ -14683,7 +14683,9 @@ class ScreenshotManager {
                 try {
                     await this.takeScreenshot();
                     // 如果配置了二进制模式，发送二进制数据
-                    if (this.currentBinaryConfig) {
+                    // 注意：如果启用了压缩，会在 Worker 压缩完成后自动发送（在 onmessage 中处理）
+                    // 如果没有启用压缩，立即发送
+                    if (this.currentBinaryConfig && !this.options.compress) {
                         const latestScreenshot = this.getLatestScreenshot();
                         if (latestScreenshot) {
                             try {
@@ -14724,6 +14726,12 @@ class ScreenshotManager {
                             }
                         }
                     }
+                    else if (this.currentBinaryConfig && this.options.compress) {
+                        // 启用了压缩，等待 Worker 压缩完成后在 onmessage 中发送
+                        if (!this.options.silentMode) {
+                            console.log('📸 [轮询] 等待 Worker 压缩完成后发送到 iframe...');
+                        }
+                    }
                 }
                 catch (error) {
                     if (!this.options.silentMode) {
@@ -14911,9 +14919,32 @@ class ScreenshotManager {
                     });
                 }
                 else {
+                    // Worker 不可用，如果配置了二进制模式，直接发送原始截图
                     if (!this.options.silentMode) {
                         console.warn('📸 ⚠️ Worker 不可用，跳过压缩（使用原始截图）');
                     }
+                    // Worker 不可用时，如果配置了二进制模式，立即发送原始截图
+                    if (this.currentBinaryConfig && this.sendToIframeCallback) {
+                        const latestScreenshot = this.getLatestScreenshot();
+                        if (latestScreenshot) {
+                            try {
+                                const imageBuffer = this.dataUrlToArrayBuffer(latestScreenshot);
+                                const configBuffer = this.buildBinaryConfig(this.currentBinaryConfig);
+                                const combinedBuffer = this.combineBinaryData(configBuffer, imageBuffer);
+                                const message = {
+                                    type: 'screenshotBinary',
+                                    data: combinedBuffer
+                                };
+                                this.sendToIframeCallback(message);
+                                if (!this.options.silentMode) {
+                                    console.log('📸 [Worker 不可用] ✅ 原始截图已发送到 iframe');
+                                }
+                            }
+                            catch (error) {
+                                console.error('📸 [Worker 不可用] ❌ 发送原始截图失败:', error);
+                            }
+                        }
+                    }
                 }
             }
             this.error = null;
@@ -16930,21 +16961,30 @@ class ScreenshotManager {
                 const { type, data } = e.data;
                 if (type === 'SCREENSHOT_RESULT' && data?.compressed) {
                     const compressed = data.compressed;
-                    // 更新截图历史记录
-                    if (this.screenshotHistory.length > 0) {
+                    // 更新截图历史记录（压缩成功或失败都会更新）
+                    if (this.screenshotHistory.length > 0 && compressed.dataUrl) {
                         this.screenshotHistory[this.screenshotHistory.length - 1] = compressed.dataUrl;
                         // 打印压缩统计信息
-                        if (!this.options.silentMode && compressed.originalSize && compressed.compressedSize) {
-                            const originalKB = (compressed.originalSize * 0.75 / 1024).toFixed(2);
-                            const compressedKB = (compressed.compressedSize * 0.75 / 1024).toFixed(2);
-                            const ratio = compressed.compressionRatio || '0';
-                            console.log('📸 [Worker 压缩] ✅ 压缩完成');
-                            console.log(`  原始大小: ${originalKB} KB`);
-                            console.log(`  压缩后: ${compressedKB} KB`);
-                            console.log(`  压缩率: ${ratio}%`);
+                        if (!this.options.silentMode) {
                             if (compressed.error) {
-                                console.warn(`  ⚠️ 压缩警告: ${compressed.error}`);
+                                // 压缩失败，使用原始数据
+                                console.warn('📸 [Worker 压缩] ⚠️ 压缩失败，使用原始截图');
+                                console.warn(`  ⚠️ 错误: ${compressed.error}`);
                             }
+                            else if (compressed.originalSize && compressed.compressedSize) {
+                                // 压缩成功，显示统计信息
+                                const originalKB = (compressed.originalSize * 0.75 / 1024).toFixed(2);
+                                const compressedKB = (compressed.compressedSize * 0.75 / 1024).toFixed(2);
+                                const ratio = compressed.compressionRatio || '0';
+                                console.log('📸 [Worker 压缩] ✅ 压缩完成');
+                                console.log(`  原始大小: ${originalKB} KB`);
+                                console.log(`  压缩后: ${compressedKB} KB`);
+                                console.log(`  压缩率: ${ratio}%`);
+                            }
+                        }
+                        // 压缩完成后（无论成功或失败），如果配置了二进制模式，发送数据到 iframe
+                        if (this.currentBinaryConfig && compressed.dataUrl) {
+                            this.sendCompressedScreenshotToIframe(compressed.dataUrl);
                         }
                     }
                 }
@@ -16954,6 +16994,28 @@ class ScreenshotManager {
                 if (!this.options.silentMode) {
                     console.warn('📸 Worker 压缩失败，使用原始截图');
                 }
+                // Worker 发生错误时，如果配置了二进制模式，发送原始截图
+                if (this.currentBinaryConfig && this.sendToIframeCallback) {
+                    const latestScreenshot = this.getLatestScreenshot();
+                    if (latestScreenshot) {
+                        try {
+                            const imageBuffer = this.dataUrlToArrayBuffer(latestScreenshot);
+                            const configBuffer = this.buildBinaryConfig(this.currentBinaryConfig);
+                            const combinedBuffer = this.combineBinaryData(configBuffer, imageBuffer);
+                            const message = {
+                                type: 'screenshotBinary',
+                                data: combinedBuffer
+                            };
+                            this.sendToIframeCallback(message);
+                            if (!this.options.silentMode) {
+                                console.log('📸 [Worker 错误] ✅ 原始截图已发送到 iframe');
+                            }
+                        }
+                        catch (error) {
+                            console.error('📸 [Worker 错误] ❌ 发送原始截图失败:', error);
+                        }
+                    }
+                }
             };
             // 注意：不要立即 revokeObjectURL，因为 Worker 需要这个 URL 保持有效
             // 在 destroy() 方法中清理 Worker 时再 revoke
@@ -17021,34 +17083,37 @@ class ScreenshotManager {
         return u8arr.buffer;
     }
     /**
-     * 构建二进制结构（按顺序：sign, type, topic, routingKey）
-     * sign: 8字节 (BigInt64)
-     * type: 1字节 (Uint8)
-     * topic: 8字节 (字符串，UTF-8编码，不足补0)
-     * routingKey: 8字节 (字符串，UTF-8编码，不足补0)
+     * 构建二进制结构（按顺序：sign[9], type[1], topic[8], routingKey[8]）
+     * 总大小：9 + 1 + 8 + 8 = 26 字节
      */
     buildBinaryConfig(config) {
-        // 总大小：8 + 1 + 8 + 8 = 25 字节
-        const buffer = new ArrayBuffer(25);
+        // 总大小：9 + 1 + 8 + 8 = 26 字节
+        const buffer = new ArrayBuffer(26);
         const view = new DataView(buffer);
         const encoder = new TextEncoder();
         let offset = 0;
-        // sign: 8字节 (BigInt64)
-        // 将字符串转换为 BigInt（支持数字字符串，如 "1234567890"）
+        // sign: 9字节 (BigInt 或自定义编码)
         const signValue = typeof config.sign === 'string'
             ? BigInt(config.sign)
             : BigInt(String(config.sign));
-        view.setBigInt64(offset, signValue);
-        offset += 8;
-        // type: 1字节 (Uint8)
+        // 我们只能直接写 8 字节（DataView 不支持 9字节整数），所以：
+        // 若后端确实是9字节整型（非标准），可手动写入
+        // 例如前导一个 0 再加上 BigInt64 部分
+        const signBuffer = new Uint8Array(9);
+        const tempView = new DataView(new ArrayBuffer(8));
+        tempView.setBigInt64(0, signValue);
+        signBuffer.set(new Uint8Array(tempView.buffer), 1); // 前面补一个 0
+        new Uint8Array(buffer, offset, 9).set(signBuffer);
+        offset += 9;
+        // type: 1字节
         view.setUint8(offset, config.type);
         offset += 1;
-        // topic: 8字节 (字符串，UTF-8编码，不足补0)
+        // topic: 8字节
         const topicBytes = encoder.encode(config.topic);
         const topicArray = new Uint8Array(buffer, offset, 8);
         topicArray.set(topicBytes.slice(0, 8));
         offset += 8;
-        // routingKey: 8字节 (字符串，UTF-8编码，不足补0)
+        // routingKey: 8字节
         const routingKeyBytes = encoder.encode(config.routingKey);
         const routingKeyArray = new Uint8Array(buffer, offset, 8);
         routingKeyArray.set(routingKeyBytes.slice(0, 8));
@@ -17086,53 +17151,63 @@ class ScreenshotManager {
             if (success) {
                 // 截图完成后，等待一小段时间确保数据已保存
                 await new Promise(resolve => setTimeout(resolve, 100));
-                // 获取最新截图并转换为二进制
-                const latestScreenshot = this.getLatestScreenshot();
-                if (latestScreenshot) {
-                    try {
-                        // 计算 base64 大小
-                        const base64Data = latestScreenshot.split(',')[1] || '';
-                        const base64Size = base64Data.length;
-                        // 将截图转换为 ArrayBuffer
-                        const imageBuffer = this.dataUrlToArrayBuffer(latestScreenshot);
-                        const imageBufferSize = imageBuffer.byteLength;
-                        // 构建配置的二进制结构
-                        const configBuffer = this.buildBinaryConfig(config);
-                        const configBufferSize = configBuffer.byteLength;
-                        // 合并配置字节和图片字节（配置在前）
-                        const combinedBuffer = this.combineBinaryData(configBuffer, imageBuffer);
-                        const combinedBufferSize = combinedBuffer.byteLength;
-                        // 打印大小信息
-                        if (!this.options.silentMode) {
-                            console.log('📸 [大小统计]');
-                            console.log(`  Base64 大小: ${base64Size} 字符`);
-                            console.log(`  图片字节大小: ${(imageBufferSize / 1024).toFixed(2)} KB (${imageBufferSize} 字节)`);
-                            console.log(`  配置字节大小: ${configBufferSize} 字节`);
-                            console.log(`  拼接后总大小: ${(combinedBufferSize / 1024).toFixed(2)} KB (${combinedBufferSize} 字节)`);
-                        }
-                        // 发送二进制数据到 iframe
-                        if (this.sendToIframeCallback) {
-                            const message = {
-                                type: 'screenshotBinary',
-                                data: combinedBuffer
-                            };
-                            this.sendToIframeCallback(message);
+                // 如果启用了压缩，等待 Worker 压缩完成后在 onmessage 中自动发送
+                // 如果没有启用压缩，立即发送原始截图
+                if (!this.options.compress) {
+                    // 没有压缩，直接发送原始截图
+                    const latestScreenshot = this.getLatestScreenshot();
+                    if (latestScreenshot) {
+                        try {
+                            // 计算 base64 大小
+                            const base64Data = latestScreenshot.split(',')[1] || '';
+                            const base64Size = base64Data.length;
+                            // 将截图转换为 ArrayBuffer
+                            const imageBuffer = this.dataUrlToArrayBuffer(latestScreenshot);
+                            const imageBufferSize = imageBuffer.byteLength;
+                            // 构建配置的二进制结构
+                            const configBuffer = this.buildBinaryConfig(config);
+                            const configBufferSize = configBuffer.byteLength;
+                            // 合并配置字节和图片字节（配置在前）
+                            const combinedBuffer = this.combineBinaryData(configBuffer, imageBuffer);
+                            const combinedBufferSize = combinedBuffer.byteLength;
+                            // 打印大小信息
                             if (!this.options.silentMode) {
-                                console.log('📸 [iframe] ✅ 二进制数据已发送到 iframe');
+                                console.log('📸 [大小统计]');
+                                console.log(`  Base64 大小: ${base64Size} 字符`);
+                                console.log(`  图片字节大小: ${(imageBufferSize / 1024).toFixed(2)} KB (${imageBufferSize} 字节)`);
+                                console.log(`  配置字节大小: ${configBufferSize} 字节`);
+                                console.log(`  拼接后总大小: ${(combinedBufferSize / 1024).toFixed(2)} KB (${combinedBufferSize} 字节)`);
+                            }
+                            // 发送二进制数据到 iframe
+                            if (this.sendToIframeCallback) {
+                                const message = {
+                                    type: 'screenshotBinary',
+                                    data: combinedBuffer
+                                };
+                                this.sendToIframeCallback(message);
+                                if (!this.options.silentMode) {
+                                    console.log('📸 [iframe] ✅ 二进制数据已发送到 iframe');
+                                }
+                            }
+                            else {
+                                console.error('📸 [iframe] ❌ 无法发送二进制数据：未提供发送消息的回调函数');
                             }
                         }
-                        else {
-                            console.error('📸 [iframe] ❌ 无法发送二进制数据：未提供发送消息的回调函数');
+                        catch (error) {
+                            console.error('📸 [iframe] ❌ 处理二进制数据失败:', error);
+                            this.uploadError = error instanceof Error ? error.message : String(error);
                         }
                     }
-                    catch (error) {
-                        console.error('📸 [iframe] ❌ 处理二进制数据失败:', error);
-                        this.uploadError = error instanceof Error ? error.message : String(error);
+                    else {
+                        if (!this.options.silentMode) {
+                            console.warn('📸 [iframe] 截图完成但未找到截图数据');
+                        }
                     }
                 }
                 else {
+                    // 启用了压缩，等待 Worker 压缩完成后在 onmessage 中自动发送
                     if (!this.options.silentMode) {
-                        console.warn('📸 [iframe] 截图完成但未找到截图数据');
+                        console.log('📸 [iframe] 等待 Worker 压缩完成后发送到 iframe...');
                     }
                 }
             }
@@ -17148,6 +17223,48 @@ class ScreenshotManager {
     getLatestScreenshot() {
         return this.screenshotHistory[this.screenshotHistory.length - 1] || null;
     }
+    /**
+     * 发送压缩后的截图到 iframe
+     */
+    sendCompressedScreenshotToIframe(dataUrl) {
+        if (!this.currentBinaryConfig || !this.sendToIframeCallback) {
+            return;
+        }
+        try {
+            // 计算 base64 大小
+            const base64Data = dataUrl.split(',')[1] || '';
+            const base64Size = base64Data.length;
+            // 将截图转换为 ArrayBuffer
+            const imageBuffer = this.dataUrlToArrayBuffer(dataUrl);
+            const imageBufferSize = imageBuffer.byteLength;
+            // 构建配置的二进制结构
+            const configBuffer = this.buildBinaryConfig(this.currentBinaryConfig);
+            const configBufferSize = configBuffer.byteLength;
+            // 合并配置字节和图片字节（配置在前）
+            const combinedBuffer = this.combineBinaryData(configBuffer, imageBuffer);
+            const combinedBufferSize = combinedBuffer.byteLength;
+            // 打印大小信息
+            if (!this.options.silentMode) {
+                console.log('📸 [压缩后-大小统计]');
+                console.log(`  Base64 大小: ${base64Size} 字符`);
+                console.log(`  图片字节大小: ${(imageBufferSize / 1024).toFixed(2)} KB (${imageBufferSize} 字节)`);
+                console.log(`  配置字节大小: ${configBufferSize} 字节`);
+                console.log(`  拼接后总大小: ${(combinedBufferSize / 1024).toFixed(2)} KB (${combinedBufferSize} 字节)`);
+            }
+            // 发送二进制数据到 iframe
+            const message = {
+                type: 'screenshotBinary',
+                data: combinedBuffer
+            };
+            this.sendToIframeCallback(message);
+            if (!this.options.silentMode) {
+                console.log('📸 [压缩后] ✅ 二进制数据已发送到 iframe');
+            }
+        }
+        catch (error) {
+            console.error('📸 [压缩后] ❌ 处理二进制数据失败:', error);
+        }
+    }
     /**
      * 启用/禁用截图功能
      */