@siact/sime-x-vue 0.0.2 → 0.0.4

package/dist/sime-x-vue.mjs

@@ -1,6 +1,6 @@
 import { inject, defineComponent, shallowRef, provide, renderSlot, computed, openBlock, createBlock, Transition, withCtx, createElementBlock, normalizeClass, createElementVNode, toDisplayString, createVNode, createCommentVNode, ref, onBeforeUnmount, reactive, watch, normalizeStyle, withModifiers, nextTick } from 'vue';
 import { HostBridge } from '@siact/sime-bridge';
-import { WakeWordDetectorStandalone, SpeechTranscriberStandalone } from 'web-voice-kit';
+import { WakeWordDetectorStandalone } from 'web-voice-kit';
 
 const AiChatbotXKey = Symbol("sime-x");
 function injectStrict(key, defaultValue, treatDefaultAsFactory) {
@@ -317,30 +317,26 @@ const ensureMicrophonePermission = async () => {
 const _hoisted_1 = ["data-theme"];
 const _hoisted_2 = { class: "fab-avatar-wrapper" };
 const _hoisted_3 = ["src"];
-const _hoisted_4 = {
-  key: 0,
-  class: "listening-badge"
-};
-const _hoisted_5 = { class: "header-left" };
-const _hoisted_6 = { class: "logo-icon" };
-const _hoisted_7 = ["src"];
-const _hoisted_8 = { class: "title" };
-const _hoisted_9 = { class: "actions" };
-const _hoisted_10 = ["title"];
-const _hoisted_11 = {
+const _hoisted_4 = { class: "header-left" };
+const _hoisted_5 = { class: "logo-icon" };
+const _hoisted_6 = ["src"];
+const _hoisted_7 = { class: "title" };
+const _hoisted_8 = { class: "actions" };
+const _hoisted_9 = ["title"];
+const _hoisted_10 = {
   key: 0,
   class: "voice-indicator"
 };
+const _hoisted_11 = ["title"];
 const _hoisted_12 = ["title"];
-const _hoisted_13 = ["title"];
-const _hoisted_14 = {
+const _hoisted_13 = {
   width: "16",
   height: "16",
   viewBox: "0 0 24 24",
   fill: "none"
 };
-const _hoisted_15 = ["d"];
-const _hoisted_16 = ["src"];
+const _hoisted_14 = ["d"];
+const _hoisted_15 = ["src"];
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "sime-x",
   props: {
@@ -352,13 +348,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     wakeWords: {},
     modelPath: {}
   },
-  emits: ["start-transcribing", "stop-transcribing"],
+  emits: ["start-transcribing", "stop-transcribing", "wakeUp"],
   setup(__props, { emit: __emit }) {
     const props = __props;
     const emit = __emit;
     const aiChatbotX = injectStrict(AiChatbotXKey);
     const chatbotUrl = ref("");
     const voiceStatus = ref("standby");
+    const wakeAnimating = ref(false);
+    const wakeResponses = ["在呢", "在的", "我在", "您好", "在呢，请说"];
     const transcriptionText = ref("");
     const isTranscribing = ref(false);
     const isProcessing = ref(false);
@@ -367,7 +365,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const fabRef = ref(null);
     const positionReady = ref(false);
     let detector = null;
-    let transcriber = null;
     const isInitializing = ref(false);
     const initError = ref("");
     const getSystemTheme = () => {
@@ -429,10 +426,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         detector.setWakeWords(wakeWords);
         detector.onWake(() => {
           console.log("[VoiceDetector] 检测到唤醒词");
-          voiceStatus.value = "wake";
-          transcriptionText.value = "";
-          isTranscribing.value = false;
-          startTranscribing();
+          wakeAnimating.value = true;
+          playWakeResponse();
+          emit("wakeUp", true);
+          aiChatbotX.weak();
+          aiChatbotX.openDialog();
+          setTimeout(() => {
+            wakeAnimating.value = false;
+          }, 1500);
+          voiceStatus.value = "listening";
         });
         detector.onError((error) => {
           console.error("[VoiceDetector] 错误:", error);
@@ -460,110 +462,30 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         isInitializing.value = false;
       }
     };
-    function initTranscriber() {
-      if (transcriber) return;
+    const playWakeResponse = () => {
       try {
-        const { appId, apiKey, websocketUrl } = aiChatbotX.voiceConfig();
-        if (!appId || !apiKey || !websocketUrl) {
-          initError.value = "未配置语音配置";
-          voiceStatus.value = "standby";
-          isTranscribing.value = false;
+        if (typeof window === "undefined" || !window.speechSynthesis) {
+          console.warn("[TTS] SpeechSynthesis API 不可用");
           return;
         }
-        transcriber = new SpeechTranscriberStandalone({
-          appId,
-          apiKey,
-          websocketUrl,
-          autoStop: {
-            enabled: true,
-            silenceTimeoutMs: 3e3,
-            noSpeechTimeoutMs: 5e3,
-            maxDurationMs: 6e4
-          }
-        });
-        transcriber.onResult((result) => {
-          transcriptionText.value = result.transcript;
-        });
-        transcriber.onAutoStop(async () => {
-          console.log("[Transcriber] Auto Stop");
-          const currentText = transcriptionText.value;
-          await stopTranscribing();
-          if (!currentText || !currentText.trim()) {
-            console.log("[Transcriber] No transcription text, returning to listening");
-            transcriptionText.value = "";
-            voiceStatus.value = "listening";
-            return;
-          }
-          isProcessing.value = true;
-          transcriptionText.value = currentText;
-          try {
-            const commands = await aiChatbotX.hostCommads();
-            const result = await aiChatbotX.recognition(currentText, commands);
-            if (result?.data?.intent === "command" && result?.data?.matchedCommands) {
-              const matchedCommands = result.data.matchedCommands;
-              for (const cmd of matchedCommands) {
-                try {
-                  const args = cmd.parameters ? Object.values(cmd.parameters) : [];
-                  const cmdResult = await aiChatbotX.executeCommand(cmd.name, args);
-                  console.log(`Command ${cmd.name} executed successfully:`, cmdResult);
-                } catch (error) {
-                  console.error(`Failed to execute command ${cmd.name}:`, error);
-                }
-              }
-            } else {
-              aiChatbotX.appendMessage(currentText);
-              toggleDialog(true);
-            }
-          } finally {
-            isProcessing.value = false;
-            transcriptionText.value = "";
-            voiceStatus.value = "listening";
-          }
-        });
-        transcriber.onError((error) => {
-          console.error("[Transcriber] Error:", error);
-          stopTranscribing();
-          transcriptionText.value = "转写错误";
-          setTimeout(() => {
-            transcriptionText.value = "";
-            voiceStatus.value = "listening";
-          }, 2e3);
-        });
-        console.log("[Transcriber] 初始化成功");
-      } catch (error) {
-        console.error("[Transcriber] 初始化失败:", error);
-        voiceStatus.value = "standby";
-        initError.value = error instanceof Error ? error.message : "转写初始化失败";
-      }
-    }
-    const startTranscribing = async () => {
-      if (!transcriber) {
-        initTranscriber();
-        if (!transcriber) return;
-      }
-      try {
-        emit("start-transcribing");
-        await transcriber.start();
-        isTranscribing.value = true;
-        transcriptionText.value = "";
+        const text = wakeResponses[Math.floor(Math.random() * wakeResponses.length)];
+        const utterance = new SpeechSynthesisUtterance(text);
+        utterance.lang = "zh-CN";
+        utterance.rate = 1;
+        utterance.pitch = 0.8;
+        utterance.volume = 0.9;
+        const voices = window.speechSynthesis.getVoices();
+        const maleVoice = voices.find((v) => v.lang.startsWith("zh") && /male|男/i.test(v.name));
+        const zhVoice = maleVoice || voices.find((v) => v.lang.startsWith("zh"));
+        if (zhVoice) {
+          utterance.voice = zhVoice;
+        }
+        window.speechSynthesis.speak(utterance);
       } catch (error) {
-        console.error("[Transcriber] 启动失败:", error);
-        transcriptionText.value = "转写启动失败";
-        setTimeout(() => {
-          transcriptionText.value = "";
-        }, 2e3);
+        console.error("[TTS] 播报失败:", error);
       }
     };
     const stopTranscribing = async () => {
-      if (transcriber && transcriber.isActive()) {
-        try {
-          await transcriber.stop();
-          isTranscribing.value = false;
-          emit("stop-transcribing");
-        } catch (error) {
-          console.error("[Transcriber] 停止失败:", error);
-        }
-      }
     };
     const toggleVoiceMode = async (targetState) => {
       const permission = await ensureMicrophonePermission();
@@ -729,6 +651,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         positionReady.value = false;
         visible.value = false;
         isCollapsed.value = false;
+        emit("wakeUp", false);
       }
     };
     const handleIframeLoad = (event) => {
@@ -756,16 +679,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           console.error("[VoiceDetector] 清理失败:", error);
         }
       }
-      if (transcriber) {
-        try {
-          if (transcriber.isActive()) {
-            await transcriber.stop();
-          }
-          transcriber = null;
-        } catch (error) {
-          console.error("[Transcriber] 清理失败:", error);
-        }
-      }
     });
     aiChatbotX?.registerVoiceMethods({
       start: () => toggleVoiceMode(true),
@@ -810,7 +723,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 }, null, 12, _hoisted_3),
                 createVNode(Transition, { name: "indicator-fade" }, {
                   default: withCtx(() => [
-                    voiceStatus.value === "listening" ? (openBlock(), createElementBlock("div", _hoisted_4, [..._cache[3] || (_cache[3] = [
+                    voiceStatus.value === "listening" ? (openBlock(), createElementBlock("div", {
+                      key: 0,
+                      class: normalizeClass(["listening-badge", { "wake-active": wakeAnimating.value }])
+                    }, [..._cache[3] || (_cache[3] = [
                       createElementVNode("div", { class: "listening-waves" }, [
                         createElementVNode("div", { class: "wave wave-1" }),
                         createElementVNode("div", { class: "wave wave-2" }),
@@ -835,7 +751,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                           })
                         ])
                       ], -1)
-                    ])])) : createCommentVNode("", true)
+                    ])], 2)) : createCommentVNode("", true)
                   ]),
                   _: 1
                 })
@@ -869,17 +785,17 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 class: "x-dialog-header",
                 onMousedown: withModifiers(startDrag, ["stop"])
               }, [
-                createElementVNode("div", _hoisted_5, [
-                  createElementVNode("div", _hoisted_6, [
+                createElementVNode("div", _hoisted_4, [
+                  createElementVNode("div", _hoisted_5, [
                     createElementVNode("img", {
                       src: __props.xLogo ? __props.xLogo : "/sime.png",
                       alt: "assistant",
                       class: "logo"
-                    }, null, 8, _hoisted_7)
+                    }, null, 8, _hoisted_6)
                   ]),
-                  createElementVNode("span", _hoisted_8, toDisplayString(__props.xTitle), 1)
+                  createElementVNode("span", _hoisted_7, toDisplayString(__props.xTitle), 1)
                 ]),
-                createElementVNode("div", _hoisted_9, [
+                createElementVNode("div", _hoisted_8, [
                   createElementVNode("button", {
                     class: "action-btn theme-btn",
                     title: "开启新对话",
@@ -943,8 +859,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                         "stroke-linejoin": "round"
                       })
                     ], -1)),
-                    voiceStatus.value !== "standby" ? (openBlock(), createElementBlock("span", _hoisted_11)) : createCommentVNode("", true)
-                  ], 10, _hoisted_10),
+                    voiceStatus.value !== "standby" ? (openBlock(), createElementBlock("span", _hoisted_10)) : createCommentVNode("", true)
+                  ], 10, _hoisted_9),
                   createElementVNode("button", {
                     class: "action-btn theme-btn",
                     onClick: withModifiers(cycleTheme, ["stop"]),
@@ -968,22 +884,22 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                         fill: "currentColor"
                       })
                     ], -1)
-                  ])], 8, _hoisted_12),
+                  ])], 8, _hoisted_11),
                   createElementVNode("button", {
                     class: "action-btn collapse-btn",
                     onClick: withModifiers(toggleCollapse, ["stop"]),
                     title: isCollapsed.value ? "展开" : "折叠"
                   }, [
-                    (openBlock(), createElementBlock("svg", _hoisted_14, [
+                    (openBlock(), createElementBlock("svg", _hoisted_13, [
                       createElementVNode("path", {
                         d: isCollapsed.value ? "M18 15L12 9L6 15" : "M6 9L12 15L18 9",
                         stroke: "currentColor",
                         "stroke-width": "2",
                         "stroke-linecap": "round",
                         "stroke-linejoin": "round"
-                      }, null, 8, _hoisted_15)
+                      }, null, 8, _hoisted_14)
                     ]))
-                  ], 8, _hoisted_13),
+                  ], 8, _hoisted_12),
                   createElementVNode("button", {
                     class: "action-btn minimize-btn",
                     onClick: _cache[2] || (_cache[2] = withModifiers(($event) => toggleDialog(false), ["stop"])),
@@ -1016,7 +932,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   allow: "microphone",
                   frameborder: "0",
                   onLoad: handleIframeLoad
-                }, null, 40, _hoisted_16)
+                }, null, 40, _hoisted_15)
               ], 6)
             ], 38)
           ]),
@@ -1027,7 +943,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   }
 });
 
-const simeX = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-d8f992b0"]]);
+const simeX = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-73306d13"]]);
 
 export { _sfc_main$3 as AiChatbotProvider, simeX as AiChatbotX, AiChatbotXKey, clientCommandKey, injectStrict };
 //# sourceMappingURL=sime-x-vue.mjs.map