pcm-agents 0.3.0 → 0.3.2

package/dist/collection/components/pcm-video-chat-modal/pcm-video-chat-modal.js

@@ -1,5 +1,5 @@
 import { h } from "@stencil/core";
-import { convertWorkflowStreamNodeToMessageRound, sendSSERequest, sendHttpRequest } from "../../utils/utils";
+import { convertWorkflowStreamNodeToMessageRound, sendSSERequest, sendHttpRequest, uploadFileToBackend, API_DOMAIN } from "../../utils/utils";
 export class VideoChatModal {
     /**
      * 模态框标题
@@ -8,7 +8,7 @@ export class VideoChatModal {
     /**
      * API鉴权密钥
      */
-    apiKey = '';
+    token = '';
     /**
      * 是否显示聊天模态框
      */
@@ -38,7 +38,7 @@ export class VideoChatModal {
      */
     isNeedClose = true;
     /**
-     * 会话ID
+     * 会话ID，传入继续对话，否则创建新会话
      */
     conversationId;
     /**
@@ -61,7 +61,7 @@ export class VideoChatModal {
     // 添加新的 Event
     streamComplete;
     /**
-     * 默认查询文本
+     * 首次对话提问文本
      */
     defaultQuery = '';
     // 添加新的状态
@@ -109,7 +109,7 @@ export class VideoChatModal {
     countdownWarningTime = 30;
     showCountdownWarning = false;
     /**
-     * 是否以全屏模式打开
+     * 是否以全屏模式打开，移动端建议设置为true
      */
     fullscreen = false;
     // 添加新的状态来跟踪视频上传
@@ -190,6 +190,7 @@ export class VideoChatModal {
             response_mode: 'streaming',
             conversation_id: this.conversationId,
             query: queryText,
+            bot_id: "3022316191018903",
             inputs: {
                 id: this.resumeId
             }
@@ -199,10 +200,10 @@ export class VideoChatModal {
             requestData.inputs.video_url = videoUrl;
         }
         await sendSSERequest({
-            url: `https://pcm_api.ylzhaopin.com/external/v1/chat/chat-messages`,
+            url: `/sdk/v1/chat/chat-messages`,
             method: 'POST',
             headers: {
-                'authorization': 'Bearer ' + this.apiKey
+                'authorization': 'Bearer ' + this.token
             },
             data: requestData,
             onMessage: (data) => {
@@ -328,57 +329,45 @@ export class VideoChatModal {
         this.isLoadingHistory = true;
         console.log('加载历史消息...');
         try {
-            await sendHttpRequest({
-                url: `https://pcm_api.ylzhaopin.com/external/v1/chat/messages`,
+            const result = await sendHttpRequest({
+                url: '/sdk/v1/chat/messages',
                 method: 'GET',
                 headers: {
-                    'authorization': 'Bearer ' + this.apiKey
+                    'authorization': 'Bearer ' + this.token
                 },
                 data: {
                     conversation_id: this.conversationId,
+                    bot_id: "3022316191018903",
                     limit: 20
-                },
-                onMessage: (data) => {
-                    if (data.data) {
-                        const historyData = data.data || [];
-                        const formattedMessages = historyData.map(msg => {
-                            const time = new Date(msg.created_at * 1000);
-                            const hours = time.getHours().toString().padStart(2, '0');
-                            const minutes = time.getMinutes().toString().padStart(2, '0');
-                            const timeStr = `${hours}:${minutes}`;
-                            // 创建新的消息对象，不包含 inputs 字段
-                            const { inputs, ...msgWithoutInputs } = msg;
-                            return {
-                                ...msgWithoutInputs,
-                                time: timeStr,
-                                isStreaming: false,
-                                status: msg.status === 'error' ? 'error' : 'normal'
-                            };
-                        });
-                        this.messages = formattedMessages;
-                        this.isLoadingHistory = false;
-                        requestAnimationFrame(() => {
-                            this.shouldAutoScroll = true;
-                            this.scrollToBottom();
-                        });
-                    }
-                    else {
-                        this.isLoadingHistory = false;
-                    }
-                },
-                onError: (error) => {
-                    console.error('加载历史消息失败:', error);
-                    alert(error instanceof Error ? error.message : '加载历史消息失败，请刷新重试');
-                    this.isLoadingHistory = false;
-                },
-                onComplete: () => {
-                    this.isLoadingHistory = false;
                 }
             });
+            if (result.success && result.data) {
+                const historyData = result.data.data;
+                const formattedMessages = historyData.map(msg => {
+                    const time = new Date(msg.created_at * 1000);
+                    const hours = time.getHours().toString().padStart(2, '0');
+                    const minutes = time.getMinutes().toString().padStart(2, '0');
+                    const timeStr = `${hours}:${minutes}`;
+                    const { inputs, ...msgWithoutInputs } = msg;
+                    return {
+                        ...msgWithoutInputs,
+                        time: timeStr,
+                        isStreaming: false,
+                        status: msg.status === 'error' ? 'error' : 'normal'
+                    };
+                });
+                this.messages = formattedMessages;
+                requestAnimationFrame(() => {
+                    this.shouldAutoScroll = true;
+                    this.scrollToBottom();
+                });
+            }
         }
         catch (error) {
             console.error('加载历史消息失败:', error);
             alert(error instanceof Error ? error.message : '加载历史消息失败，请刷新重试');
+        }
+        finally {
             this.isLoadingHistory = false;
         }
     }
@@ -649,32 +638,29 @@ export class VideoChatModal {
             this.videoRef = null;
         }
     }
-    // 上传录制的视频
+    // 修改上传录制的视频方法
     async uploadRecordedVideo() {
         if (!this.recordedBlob)
             return;
         try {
-            this.isUploadingVideo = true; // 开始上传时设置状态
-            this.showRecordingUI = false; // 隐藏视频预览
+            this.isUploadingVideo = true;
+            this.showRecordingUI = false;
             // 根据Blob类型确定文件扩展名
             const fileExtension = this.recordedBlob.type.includes('webm') ? 'webm' : 'mp4';
             const fileName = `answer.${fileExtension}`;
-            const formData = new FormData();
-            formData.append('file', this.recordedBlob, fileName);
-            const response = await fetch('https://pcm_api.ylzhaopin.com/external/v1/files/upload', {
-                method: 'POST',
-                headers: {
-                    'authorization': 'Bearer ' + this.apiKey
-                },
-                body: formData
+            // 创建File对象
+            const file = new File([this.recordedBlob], fileName, { type: this.recordedBlob.type });
+            // 使用uploadFileToBackend上传文件
+            const uploadResult = await uploadFileToBackend(file, {
+                'authorization': 'Bearer ' + this.token
             });
-            const result = await response.json();
-            console.log('视频上传结果:', result);
-            if (result && result.cos_key) {
+            console.log('视频上传结果:', uploadResult);
+            // 使用 cos_key 作为视频标识符
+            if (uploadResult.cos_key) {
                 // 调用音频转文字API
-                const transcriptionText = await this.convertAudioToText(result.cos_key);
+                const transcriptionText = await this.convertAudioToText(uploadResult.cos_key);
                 // 发送转换后的文本和视频URL到下一个请求
-                await this.sendMessageToAPI(transcriptionText || "下一题", result.cos_key);
+                await this.sendMessageToAPI(transcriptionText || "下一题", uploadResult.cos_key);
             }
             else {
                 throw new Error('视频上传失败');
@@ -689,43 +675,32 @@ export class VideoChatModal {
             });
         }
         finally {
-            this.isUploadingVideo = false; // 上传完成后重置状态
+            this.isUploadingVideo = false;
             this.showRecordingUI = false;
             this.recordedBlob = null;
         }
     }
-    // 修改音频转文字方法
+    // 修改音频转文字方法，使用 cos_key
     async convertAudioToText(cosKey) {
         try {
-            // 创建一个Promise来处理响应
-            return new Promise((resolve, reject) => {
-                sendHttpRequest({
-                    url: `https://pcm_api.ylzhaopin.com/external/v1/tts/audio_to_text`,
-                    method: 'POST',
-                    headers: {
-                        'Content-Type': 'application/json',
-                        'authorization': 'Bearer ' + this.apiKey
-                    },
-                    data: {
-                        cos_key: cosKey
-                    },
-                    onMessage: (data) => {
-                        // 检查返回结果中是否包含转换后的文本
-                        if (data && data.text) {
-                            console.log('转换后的文本:', data.text);
-                            resolve(data.text);
-                        }
-                        else {
-                            console.warn('音频转文字返回结果格式不正确');
-                            resolve(null);
-                        }
-                    },
-                    onError: (error) => {
-                        console.error('音频转文字请求失败:', error);
-                        reject(error);
-                    }
-                });
+            const result = await sendHttpRequest({
+                url: '/sdk/v1/tts/audio_to_text',
+                method: 'POST',
+                headers: {
+                    'authorization': 'Bearer ' + this.token
+                },
+                data: {
+                    cos_key: cosKey
+                }
             });
+            if (result.success && result.data?.text) {
+                console.log('转换后的文本:', result.data.text);
+                return result.data.text;
+            }
+            else {
+                console.warn('音频转文字返回结果格式不正确');
+                return null;
+            }
         }
         catch (error) {
             console.error('音频转文字错误:', error);
@@ -742,6 +717,7 @@ export class VideoChatModal {
             response_mode: 'streaming',
             conversation_id: this.conversationId,
             query: queryText,
+            bot_id: "3022316191018903",
             inputs: {
                 id: this.resumeId
             }
@@ -752,10 +728,10 @@ export class VideoChatModal {
         }
         // 不使用 await，直接发送请求
         sendSSERequest({
-            url: `https://pcm_api.ylzhaopin.com/external/v1/chat/chat-messages`,
+            url: `/sdk/v1/chat/chat-messages`,
             method: 'POST',
             headers: {
-                'authorization': 'Bearer ' + this.apiKey
+                'authorization': 'Bearer ' + this.token
             },
             data: requestData,
         }).catch(error => {
@@ -765,11 +741,11 @@ export class VideoChatModal {
     // 添加TTS合成音频的方法
     async synthesizeAudio(text) {
         try {
-            const response = await fetch('https://pcm_api.ylzhaopin.com/external/v1/tts/synthesize_audio', {
+            const response = await fetch(`${API_DOMAIN}/sdk/v1/tts/synthesize_audio`, {
                 method: 'POST',
                 headers: {
                     'Content-Type': 'application/json',
-                    'authorization': 'Bearer ' + this.apiKey
+                    'authorization': 'Bearer ' + this.token
                 },
                 body: JSON.stringify({ text })
             });
@@ -939,7 +915,7 @@ export class VideoChatModal {
                 "reflect": false,
                 "defaultValue": "'\u5728\u7EBF\u5BA2\u670D'"
             },
-            "apiKey": {
+            "token": {
                 "type": "string",
                 "mutable": false,
                 "complexType": {
@@ -955,7 +931,7 @@ export class VideoChatModal {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "api-key",
+                "attribute": "token",
                 "reflect": false,
                 "defaultValue": "''"
             },
@@ -1070,7 +1046,7 @@ export class VideoChatModal {
                 "optional": true,
                 "docs": {
                     "tags": [],
-                    "text": "\u4F1A\u8BDDID"
+                    "text": "\u4F1A\u8BDDID\uFF0C\u4F20\u5165\u7EE7\u7EED\u5BF9\u8BDD\uFF0C\u5426\u5219\u521B\u5EFA\u65B0\u4F1A\u8BDD"
                 },
                 "getter": false,
                 "setter": false,
@@ -1089,7 +1065,7 @@ export class VideoChatModal {
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": "\u9ED8\u8BA4\u67E5\u8BE2\u6587\u672C"
+                    "text": "\u9996\u6B21\u5BF9\u8BDD\u63D0\u95EE\u6587\u672C"
                 },
                 "getter": false,
                 "setter": false,
@@ -1169,7 +1145,7 @@ export class VideoChatModal {
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": "\u662F\u5426\u4EE5\u5168\u5C4F\u6A21\u5F0F\u6253\u5F00"
+                    "text": "\u662F\u5426\u4EE5\u5168\u5C4F\u6A21\u5F0F\u6253\u5F00\uFF0C\u79FB\u52A8\u7AEF\u5EFA\u8BAE\u8BBE\u7F6E\u4E3Atrue"
                 },
                 "getter": false,
                 "setter": false,