byt-lingxiao-ai 0.2.8 → 0.3.2

package/components/config/index.js

@@ -0,0 +1,4 @@
+export const API_URL = 'http://192.168.8.87:3100/lingxiao-byt/api/v1/mcp/ask';
+export const WS_URL = 'ws://192.168.8.9:9999/ai_model/ws/voice-stream';
+export const AUDIO_URL = '/minio/lingxiaoai/byt.mp3';
+export const TIME_JUMP_POINTS_URL = '/minio/lingxiaoai/timeJumpPoints.json';

package/components/mixins/messageMixin.js

@@ -1,4 +1,5 @@
 import { StreamParser } from '../utils/StreamParser'
+import { API_URL } from '../config/index.js'
 
 export default {
   data() {
@@ -25,6 +26,8 @@ export default {
         thinking: '',
         charts: [],
         content: '',
+        loading: true,
+        thinkingExpanded: true
       };
       this.messages.push(message);
       this.currentMessage = message;
@@ -59,12 +62,9 @@ export default {
       try {
         const startTime = Date.now();
         const controller = new AbortController();
-        const token = `Bearer ac627d0a-8346-4ae9-b93a-f37ff6210adc`;
-
-        const baseUrl = window.location.protocol + '//' + window.location.hostname + ':3100';
-        const apiUrl = baseUrl + '/lingxiao-byt/api/chat/completions';
+        const token = `Bearer e298f087-85bc-48c2-afb9-7c69ffc911aa`;
         
-        const response = await fetch(apiUrl, {
+        const response = await fetch(API_URL, {
           method: 'POST',
           signal: controller.signal,
           headers: {
@@ -82,7 +82,10 @@ export default {
         await this.consumeStream(response.body);
         
         // 完成解析
-        this.streamParser.finish(this.handleStreamUpdate);
+        const self = this;
+        this.streamParser.finish(function(result) {
+          self.handleStreamUpdate(result);
+        });
         
         // 记录耗时
         const duration = Date.now() - startTime;
@@ -91,6 +94,7 @@ export default {
         }
         
         console.log(`流处理完成，总耗时: ${duration}ms`);
+        this.avaterStatus = 'normal';
         
       } catch (error) {
         console.error('发送消息失败:', error);
@@ -98,6 +102,11 @@ export default {
           this.currentMessage.content = '抱歉，发生了错误，请重试。';
           this.$forceUpdate();
         }
+      } finally {
+        // 确保加载状态关闭
+        if (this.currentMessage) {
+          this.currentMessage.loading = false;
+        }
       }
     },
 
@@ -107,6 +116,7 @@ export default {
     async consumeStream(readableStream) {
       const reader = readableStream.getReader();
       const decoder = new TextDecoder('utf-8');
+      const self = this;
 
       try {
         // eslint-disable-next-line no-constant-condition
@@ -116,8 +126,10 @@ export default {
           
           const chunk = decoder.decode(value, { stream: true });
           
-          // 使用解析器处理数据块
-          this.streamParser.processChunk(chunk, this.handleStreamUpdate);
+          // 使用解析器处理数据块，确保this指向正确
+          this.streamParser.processChunk(chunk, function(result) {
+            self.handleStreamUpdate(result);
+          });
         }
       } finally {
         reader.releaseLock();
@@ -130,6 +142,11 @@ export default {
     handleStreamUpdate(result) {
       if (!this.currentMessage) return;
 
+      console.log('收到更新:', result);
+
+      if (this.currentMessage.loading) {
+        this.currentMessage.loading = false;
+      }
       // 更新思考内容
       if (result.thinking) {
         this.currentMessage.thinking += result.thinking;

package/components/mixins/webSocketMixin.js

@@ -1,8 +1,10 @@
+import { WS_URL } from '../config/index.js'
+
 export default {
   data() {
     return {
       ws: null,
-      wsUrl: 'ws://192.168.8.9:9999/ai_model/ws/voice-stream',
+      wsUrl: WS_URL,
       isConnected: false,
       reconnectCount: 0, // 重连尝试次数
       maxReconnectAttempts: 3 // 最大重连尝试次数

package/components/utils/StreamParser.js

@@ -1,11 +1,3 @@
-/**
- * SSE (Server-Sent Events) 流解析器
- * 优化点：
- * 1. 使用状态机模式处理标签解析
- * 2. 批量更新减少DOM操作
- * 3. 内存优化：避免频繁字符串拼接
- * 4. 可配置的更新频率
- */
 export class StreamParser {
   constructor(options = {}) {
     this.options = {
@@ -46,6 +38,23 @@ export class StreamParser {
     this.metrics.chunks++;
     this.buffer += chunk;
 
+    if (this.options.debug) {
+      console.log('[StreamParser] 收到chunk:', chunk.substring(0, 100));
+    }
+
+    // 尝试解析为 SSE 格式
+    if (this.buffer.includes('data:')) {
+      this.processSSEFormat(callback);
+    } else {
+      // 直接处理纯文本流
+      this.processPlainText(callback);
+    }
+  }
+
+  /**
+   * 处理标准 SSE 格式
+   */
+  processSSEFormat(callback) {
     // SSE 格式：事件由双换行符分隔
     const events = this.buffer.split('\n\n');
     
@@ -56,15 +65,33 @@ export class StreamParser {
     for (const event of events) {
       if (event.trim()) {
         this.metrics.events++;
-        this.processEvent(event, callback);
+        this.processSSEEvent(event, callback);
+      }
+    }
+  }
+
+  /**
+   * 处理纯文本流格式
+   */
+  processPlainText(callback) {
+    const content = this.buffer;
+    this.buffer = ''; // 清空缓冲区
+    
+    if (content) {
+      this.metrics.chars += content.length;
+      
+      if (this.options.debug) {
+        console.log('[StreamParser] 处理纯文本:', content);
       }
+      
+      this.parseContent(content, callback);
     }
   }
 
   /**
    * 处理单个SSE事件
    */
-  processEvent(eventStr, callback) {
+  processSSEEvent(eventStr, callback) {
     const lines = eventStr.split('\n');
     
     for (const line of lines) {
@@ -83,11 +110,16 @@ export class StreamParser {
           
           if (content) {
             this.metrics.chars += content.length;
+            
+            if (this.options.debug) {
+              console.log('[StreamParser] 解析SSE内容:', content);
+            }
+            
             this.parseContent(content, callback);
           }
         } catch (error) {
           if (this.options.debug) {
-            console.warn('[StreamParser] JSON解析失败:', data);
+            console.warn('[StreamParser] JSON解析失败:', data, error);
           }
         }
       }
@@ -158,15 +190,16 @@ export class StreamParser {
   handleTag(tag) {
     const tagName = tag.toLowerCase();
     
+    if (this.options.debug) {
+      console.log('[StreamParser] 处理标签:', tag);
+    }
+    
     if (tagName === '<think>') {
       this.status = 'thinking';
     } else if (tagName === '</think>') {
       this.status = 'output';
     }
     // 可扩展：支持更多标签类型
-    // else if (tagName.startsWith('<code')) {
-    //   this.status = 'code';
-    // }
   }
 
   /**
@@ -198,7 +231,10 @@ export class StreamParser {
    * 立即刷新缓冲区
    */
   flush(callback) {
-    if (!callback) return;
+    if (!callback) {
+      console.warn('[StreamParser] flush: callback 为空');
+      return;
+    }
 
     const hasThinking = this.thinkingBuffer.length > 0;
     const hasContent = this.contentBuffer.length > 0;
@@ -212,12 +248,26 @@ export class StreamParser {
       status: this.status
     };
 
+    if (this.options.debug) {
+      console.log('[StreamParser] 刷新缓冲区:', {
+        thinking: result.thinking?.length || 0,
+        content: result.content?.length || 0,
+        status: result.status,
+        thinkingPreview: result.thinking?.substring(0, 50),
+        contentPreview: result.content?.substring(0, 50)
+      });
+    }
+
     // 清空缓冲区
     this.thinkingBuffer = [];
     this.contentBuffer = [];
 
     // 回调更新
-    callback(result);
+    try {
+      callback(result);
+    } catch (error) {
+      console.error('[StreamParser] 回调执行错误:', error);
+    }
   }
 
   /**
@@ -252,26 +302,4 @@ export class StreamParser {
     }
     this.reset();
   }
-}
-
-/**
- * 使用示例：
- * 
- * const parser = new StreamParser({ debug: true });
- * 
- * // 处理流
- * for await (const chunk of stream) {
- *   parser.processChunk(chunk, (result) => {
- *     if (result.thinking) {
- *       message.thinking += result.thinking;
- *     }
- *     if (result.content) {
- *       message.content += result.content;
- *     }
- *     this.$forceUpdate();
- *   });
- * }
- * 
- * // 完成
- * parser.finish();
- */
+}