@myun/gimi-chat 0.0.2 → 0.0.4

package/dist/components/ai-chat-dialogue/index.module.scss

@@ -0,0 +1,272 @@
+.aiChat {
+    z-index: 99999;
+
+    position: fixed;
+    inset: 0;
+
+    .bgImg {
+        position: absolute;
+        top: 0;
+        left: 0;
+        right: 0;
+        bottom: 0;
+    }
+
+    .back {
+        position: absolute;
+        top: 30px;
+        left: 20px;
+        z-index: 2;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        width: 30px;
+        height: 30px;
+        border-radius: 50%;
+        background: #ffffff;
+        box-shadow: 0px 0px 10px 0px rgba(153, 167, 191, 0.2);
+        border: 1px solid #ebf2ff;
+        cursor: pointer;
+    }
+
+    .rightWrap {
+        position: absolute;
+        right: 20px;
+        top: 30px;
+        z-index: 3;
+        display: flex;
+        align-items: center;
+
+        .iconWrap {
+            margin-right: 40px;
+        }
+    }
+
+    .introWrap {
+        position: absolute;
+        top: 60px;
+        right: -420px;
+        width: 400px;
+        height: calc(100vh - 100px);
+        padding: 20px 20px 15px;
+        background: #f7faff;
+        box-shadow: -6px 2px 20px 0px rgba(153, 167, 191, 0.15);
+        border-radius: 12px;
+        z-index: 2;
+        // overflow-y: scroll;
+        transition: all 0.3s ease;
+
+        &.block {
+            right: 20px;
+        }
+
+        .loading {
+            display: flex;
+            flex-direction: column;
+            justify-content: center;
+            height: 80%;
+            text-align: center;
+        }
+
+        .introHeader {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            margin-bottom: 20px;
+
+            .title {
+                font-size: 18px;
+                font-weight: 600;
+            }
+        }
+
+        .introContent {
+            height: calc(100% - 60px);
+            overflow-y: scroll;
+            padding-right: 10px;
+        }
+    }
+
+    .main {
+        position: relative;
+        height: 100%;
+
+        display: flex;
+        flex-direction: column;
+        transition: all 0.3s ease;
+
+        &.translate {
+            transform: translateX(-160px);
+        }
+
+        .content {
+            height: calc(100% - 380px);
+            overflow-y: scroll;
+            overflow-x: hidden;
+
+            .container {
+                width: 800px;
+                margin: 0 auto;
+                height: 100%;
+            }
+        }
+
+        .header {
+            display: flex;
+            justify-content: center;
+            margin-bottom: 30px;
+            height: 26px;
+
+            .logo {
+                width: 18px;
+                height: 18px;
+                margin-right: 8px;
+                flex-shrink: 0;
+                margin-top: 3px;
+            }
+
+            .title {
+                font-size: 18px;
+                text-align: center;
+            }
+        }
+
+        .tips {
+            font-weight: 400;
+            color: #54698c;
+            font-size: 17px;
+        }
+
+        .item {
+            margin-bottom: 10px;
+            font-weight: 400;
+            color: #333;
+            font-size: 17px;
+            line-height: 28px;
+            word-break: break-all;
+            /* 强制换行 */
+            overflow-wrap: break-word;
+            /* 在适当位置换行 */
+            white-space: pre-wrap;
+
+            &.answer {
+                font-size: 16;
+                color: #b0b0b0;
+            }
+        }
+
+        .voiceWrap {
+            height: 100%;
+            display: flex;
+            align-items: center;
+        }
+
+        .bottom {
+            display: flex;
+            flex-direction: column;
+            align-items: center;
+            position: absolute;
+            bottom: 60px;
+            left: 50%;
+            transform: translateX(-50%);
+            text-align: center;
+
+            .pointer {
+                cursor: pointer;
+            }
+
+            .status {
+                display: flex;
+                flex-direction: column;
+                width: 220px;
+                margin-bottom: 30px;
+
+                .iconOutside {
+                    width: 30px;
+                    height: 30px;
+                    display: flex;
+                    justify-content: center;
+                    align-items: center;
+                    border: 3px solid #000000;
+                    border-radius: 50%;
+                }
+
+                .iconInside {
+                    width: 13px;
+                    height: 13px;
+                    background-color: #000000;
+                }
+
+                .statusImg {
+                    width: 24px;
+                    height: 24px;
+                    border-radius: 8px;
+                    margin: 0 auto;
+                    margin-bottom: 15px;
+                }
+
+                .statusText {
+                    font-size: 16px;
+                    color: #7d91b3;
+
+                    &.danger {
+                        color: red;
+                    }
+                }
+            }
+
+            .btnWrap {
+                display: flex;
+                justify-content: center;
+
+                .btnItem {
+                    display: flex;
+                    align-items: center;
+                    justify-content: center;
+                    width: 76px;
+                    height: 76px;
+                    border-radius: 50%;
+                    margin-right: 118px;
+                    background: #ffffff;
+                    box-shadow: 0px 2px 10px 0px rgba(153, 167, 191, 0.1);
+                    cursor: pointer;
+
+                    &.disable {
+                        pointer-events: none;
+                        opacity: 0.5;
+                        cursor: not-allowed;
+                    }
+
+                    &:last-child {
+                        margin-right: 0;
+                    }
+                }
+            }
+        }
+    }
+}
+
+:global {
+    .out-tooltip {
+        .ant-tooltip-content {
+            .ant-tooltip-arrow {
+                left: 55px;
+            }
+        }
+    }
+
+    .ai-chat-tooltip {
+        z-index: 100000 !important;
+    }
+}
+
+:global(.ant-message) {
+    position: fixed !important;
+    z-index: 99999999 !important;
+}
+
+.disable {
+    opacity: 0.4;
+    pointer-events: none;
+    cursor: not-allowed;
+}

package/dist/components/ai-chat-dialogue/message-parser.d.ts

@@ -0,0 +1,36 @@
+export declare enum MESSAGE_TYPE {
+    /** AI 状态消息（说话中/结束/被打断）*/
+    BRIEF = "conv",
+    /** 语音字幕消息（AI/用户的语音转文字） */
+    SUBTITLE = "subv",
+    /** 扩展：函数调用消息 */
+    FUNCTION_CALL = "tool"
+}
+export declare enum AGENT_BRIEF {
+    /** 未知状态 */
+    UNKNOWN = 0,
+    /** 正在聆听 */
+    LISTENING = 1,
+    /** 思考中（AI 处理用户问题） */
+    THINKING = 2,
+    /** 正在说话 */
+    SPEAKING = 3,
+    /** 被打断 */
+    INTERRUPTED = 4,
+    /** 说话结束 */
+    FINISHED = 5
+}
+export declare type VolcSubtitleEvent = {
+    kind: 'subtitle';
+    text: string;
+    userId?: string;
+    definite?: boolean;
+    paragraph?: string | number;
+};
+export declare type VolcBriefEvent = {
+    kind: 'brief';
+    stageCode?: number;
+    stageDescription?: string;
+};
+export declare type VolcParsedEvent = VolcSubtitleEvent | VolcBriefEvent;
+export declare function parseVolcBinaryMessage(buffer: ArrayBuffer): VolcParsedEvent | null;

package/dist/components/ai-chat-dialogue/message-parser.js

@@ -0,0 +1,52 @@
+import { tlv2String } from "./tlv";
+export var MESSAGE_TYPE = /*#__PURE__*/function (MESSAGE_TYPE) {
+  MESSAGE_TYPE["BRIEF"] = "conv";
+  MESSAGE_TYPE["SUBTITLE"] = "subv";
+  MESSAGE_TYPE["FUNCTION_CALL"] = "tool";
+  return MESSAGE_TYPE;
+}({});
+
+// 2. AI 状态枚举：定义 BRIEF 消息中“状态码”的语义
+export var AGENT_BRIEF = /*#__PURE__*/function (AGENT_BRIEF) {
+  AGENT_BRIEF[AGENT_BRIEF["UNKNOWN"] = 0] = "UNKNOWN";
+  AGENT_BRIEF[AGENT_BRIEF["LISTENING"] = 1] = "LISTENING";
+  AGENT_BRIEF[AGENT_BRIEF["THINKING"] = 2] = "THINKING";
+  AGENT_BRIEF[AGENT_BRIEF["SPEAKING"] = 3] = "SPEAKING";
+  AGENT_BRIEF[AGENT_BRIEF["INTERRUPTED"] = 4] = "INTERRUPTED";
+  AGENT_BRIEF[AGENT_BRIEF["FINISHED"] = 5] = "FINISHED";
+  return AGENT_BRIEF;
+}({});
+// 解析TLV 格式的二进制 buffer
+export function parseVolcBinaryMessage(buffer) {
+  try {
+    var _tlv2String = tlv2String(buffer),
+      type = _tlv2String.type,
+      value = _tlv2String.value;
+    // 解析字幕消息（SUBTITLE）
+    if (type === MESSAGE_TYPE.SUBTITLE) {
+      var _parsed$data;
+      var parsed = JSON.parse(value);
+      var data = (parsed === null || parsed === void 0 || (_parsed$data = parsed.data) === null || _parsed$data === void 0 ? void 0 : _parsed$data[0]) || {};
+      return {
+        kind: 'subtitle',
+        text: data.text || '',
+        userId: data.userId,
+        definite: data.definite,
+        paragraph: data.paragraph
+      };
+    }
+    // 解析 AI 状态消息（BRIEF）
+    if (type === MESSAGE_TYPE.BRIEF) {
+      var _parsed = JSON.parse(value);
+      var stage = (_parsed === null || _parsed === void 0 ? void 0 : _parsed.Stage) || {};
+      return {
+        kind: 'brief',
+        stageCode: stage === null || stage === void 0 ? void 0 : stage.Code,
+        stageDescription: stage === null || stage === void 0 ? void 0 : stage.Description
+      };
+    }
+    return null;
+  } catch (_unused) {
+    return null;
+  }
+}

package/dist/components/ai-chat-dialogue/tlv.d.ts

@@ -0,0 +1,7 @@
+/** 字符串转换成 TLV 二进制 前端指令符合 RTC 传输格式*/
+export declare const string2tlv: (str: string, type: string) => ArrayBufferLike;
+/** TLV 二进制 → 字符串  前端读取 RTC 收到的二进制消息 */
+export declare const tlv2String: (tlvBuffer: ArrayBufferLike) => {
+    type: string;
+    value: string;
+};

package/dist/components/ai-chat-dialogue/tlv.js

@@ -0,0 +1,32 @@
+/** 字符串转换成 TLV 二进制 前端指令符合 RTC 传输格式*/
+export var string2tlv = function string2tlv(str, type) {
+  // 1. 读取 Type：前 4 字节转字符串（比如 0x63 0x6f 0x6e 0x76 → 'conv'）
+  var typeBuffer = new Uint8Array(4);
+  for (var i = 0; i < type.length; i++) typeBuffer[i] = type.charCodeAt(i);
+  var lengthBuffer = new Uint32Array(1);
+  var valueBuffer = new TextEncoder().encode(str);
+  lengthBuffer[0] = valueBuffer.length;
+  var tlvBuffer = new Uint8Array(typeBuffer.length + 4 + valueBuffer.length);
+  tlvBuffer.set(typeBuffer, 0);
+  tlvBuffer[4] = lengthBuffer[0] >> 24 & 0xff;
+  tlvBuffer[5] = lengthBuffer[0] >> 16 & 0xff;
+  tlvBuffer[6] = lengthBuffer[0] >> 8 & 0xff;
+  tlvBuffer[7] = lengthBuffer[0] & 0xff;
+  tlvBuffer.set(valueBuffer, 8);
+  return tlvBuffer.buffer;
+};
+
+/** TLV 二进制 → 字符串  前端读取 RTC 收到的二进制消息 */
+export var tlv2String = function tlv2String(tlvBuffer) {
+  var typeBuffer = new Uint8Array(tlvBuffer, 0, 4);
+  var lengthBuffer = new Uint8Array(tlvBuffer, 4, 4);
+  var valueBuffer = new Uint8Array(tlvBuffer, 8);
+  var type = '';
+  for (var i = 0; i < typeBuffer.length; i++) type += String.fromCharCode(typeBuffer[i]);
+  var length = lengthBuffer[0] << 24 | lengthBuffer[1] << 16 | lengthBuffer[2] << 8 | lengthBuffer[3];
+  var value = new TextDecoder().decode(valueBuffer.subarray(0, length));
+  return {
+    type: type,
+    value: value
+  };
+};

package/dist/components/ai-chat-dialogue/volc-voice-call-client.d.ts

@@ -0,0 +1,47 @@
+export declare enum COMMAND {
+    /** 指令打断ai发言 */
+    INTERRUPT = "interrupt"
+}
+export declare enum INTERRUPT_PRIORITY {
+    /** 无优先级 */
+    NONE = 0,
+    /** 高优先级 */
+    HIGH = 1,
+    /** 中优先级 */
+    MEDIUM = 2,
+    /** 低优先级 */
+    LOW = 3
+}
+export declare type RtcConfig = {
+    appId: string;
+    roomId: string;
+    userId: string;
+    token: string;
+    agentName: string;
+};
+export declare type VoiceChatStartParams = Record<string, any>;
+export declare type VoiceChatStopParams = Record<string, any>;
+export declare class VolcVoiceCallClient {
+    private engine;
+    private cfg;
+    private handlers;
+    private startVoiceChat;
+    private stopVoiceChat;
+    private startVoiceChatParams?;
+    private stopVoiceChatParams?;
+    constructor(opts: {
+        rtcConfig: RtcConfig;
+        startVoiceChat: (p: VoiceChatStartParams) => Promise<any>;
+        stopVoiceChat: (p: VoiceChatStopParams) => Promise<any>;
+        startVoiceChatParams?: VoiceChatStartParams;
+        stopVoiceChatParams?: VoiceChatStopParams;
+    });
+    onBinaryMessage(cb: (buffer: ArrayBuffer) => void): void;
+    onError(cb: (e: any) => void): void;
+    private bindEvents;
+    connect(): Promise<void>;
+    disconnect(): Promise<void>;
+    setAudioEnable(enable: boolean): Promise<void>;
+    mutePlayback(): void;
+    interrupt(interruptMode?: INTERRUPT_PRIORITY, message?: string): void;
+}