@siact/sime-x-vue 0.0.2 → 0.0.4

package/dist/sime-x-vue.umd.js

@@ -319,30 +319,26 @@
   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__ */ vue.defineComponent({
     __name: "sime-x",
     props: {
@@ -354,13 +350,15 @@
       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 = vue.ref("");
       const voiceStatus = vue.ref("standby");
+      const wakeAnimating = vue.ref(false);
+      const wakeResponses = ["在呢", "在的", "我在", "您好", "在呢，请说"];
       const transcriptionText = vue.ref("");
       const isTranscribing = vue.ref(false);
       const isProcessing = vue.ref(false);
@@ -369,7 +367,6 @@
       const fabRef = vue.ref(null);
       const positionReady = vue.ref(false);
       let detector = null;
-      let transcriber = null;
       const isInitializing = vue.ref(false);
       const initError = vue.ref("");
       const getSystemTheme = () => {
@@ -431,10 +428,15 @@
           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);
@@ -462,110 +464,30 @@
           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 webVoiceKit.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();
@@ -731,6 +653,7 @@
           positionReady.value = false;
           visible.value = false;
           isCollapsed.value = false;
+          emit("wakeUp", false);
         }
       };
       const handleIframeLoad = (event) => {
@@ -758,16 +681,6 @@
             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),
@@ -812,7 +725,10 @@
                   }, null, 12, _hoisted_3),
                   vue.createVNode(vue.Transition, { name: "indicator-fade" }, {
                     default: vue.withCtx(() => [
-                      voiceStatus.value === "listening" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4, [..._cache[3] || (_cache[3] = [
+                      voiceStatus.value === "listening" ? (vue.openBlock(), vue.createElementBlock("div", {
+                        key: 0,
+                        class: vue.normalizeClass(["listening-badge", { "wake-active": wakeAnimating.value }])
+                      }, [..._cache[3] || (_cache[3] = [
                         vue.createElementVNode("div", { class: "listening-waves" }, [
                           vue.createElementVNode("div", { class: "wave wave-1" }),
                           vue.createElementVNode("div", { class: "wave wave-2" }),
@@ -837,7 +753,7 @@
                             })
                           ])
                         ], -1)
-                      ])])) : vue.createCommentVNode("", true)
+                      ])], 2)) : vue.createCommentVNode("", true)
                     ]),
                     _: 1
                   })
@@ -871,17 +787,17 @@
                   class: "x-dialog-header",
                   onMousedown: vue.withModifiers(startDrag, ["stop"])
                 }, [
-                  vue.createElementVNode("div", _hoisted_5, [
-                    vue.createElementVNode("div", _hoisted_6, [
+                  vue.createElementVNode("div", _hoisted_4, [
+                    vue.createElementVNode("div", _hoisted_5, [
                       vue.createElementVNode("img", {
                         src: __props.xLogo ? __props.xLogo : "/sime.png",
                         alt: "assistant",
                         class: "logo"
-                      }, null, 8, _hoisted_7)
+                      }, null, 8, _hoisted_6)
                     ]),
-                    vue.createElementVNode("span", _hoisted_8, vue.toDisplayString(__props.xTitle), 1)
+                    vue.createElementVNode("span", _hoisted_7, vue.toDisplayString(__props.xTitle), 1)
                   ]),
-                  vue.createElementVNode("div", _hoisted_9, [
+                  vue.createElementVNode("div", _hoisted_8, [
                     vue.createElementVNode("button", {
                       class: "action-btn theme-btn",
                       title: "开启新对话",
@@ -945,8 +861,8 @@
                           "stroke-linejoin": "round"
                         })
                       ], -1)),
-                      voiceStatus.value !== "standby" ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_11)) : vue.createCommentVNode("", true)
-                    ], 10, _hoisted_10),
+                      voiceStatus.value !== "standby" ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_10)) : vue.createCommentVNode("", true)
+                    ], 10, _hoisted_9),
                     vue.createElementVNode("button", {
                       class: "action-btn theme-btn",
                       onClick: vue.withModifiers(cycleTheme, ["stop"]),
@@ -970,22 +886,22 @@
                           fill: "currentColor"
                         })
                       ], -1)
-                    ])], 8, _hoisted_12),
+                    ])], 8, _hoisted_11),
                     vue.createElementVNode("button", {
                       class: "action-btn collapse-btn",
                       onClick: vue.withModifiers(toggleCollapse, ["stop"]),
                       title: isCollapsed.value ? "展开" : "折叠"
                     }, [
-                      (vue.openBlock(), vue.createElementBlock("svg", _hoisted_14, [
+                      (vue.openBlock(), vue.createElementBlock("svg", _hoisted_13, [
                         vue.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),
                     vue.createElementVNode("button", {
                       class: "action-btn minimize-btn",
                       onClick: _cache[2] || (_cache[2] = vue.withModifiers(($event) => toggleDialog(false), ["stop"])),
@@ -1018,7 +934,7 @@
                     allow: "microphone",
                     frameborder: "0",
                     onLoad: handleIframeLoad
-                  }, null, 40, _hoisted_16)
+                  }, null, 40, _hoisted_15)
                 ], 6)
               ], 38)
             ]),
@@ -1029,7 +945,7 @@
     }
   });
 
-  const simeX = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-d8f992b0"]]);
+  const simeX = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-73306d13"]]);
 
   exports.AiChatbotProvider = _sfc_main$3;
   exports.AiChatbotX = simeX;