@movk/nuxt-docs 1.6.1 → 1.7.0

package/modules/ai-chat/runtime/components/AiChatSlideover.vue

@@ -1,255 +0,0 @@
-<script setup lang="ts">
-import type { DefineComponent } from 'vue'
-import { Chat } from '@ai-sdk/vue'
-import { DefaultChatTransport } from 'ai'
-import AiChatPreStream from './AiChatPreStream.vue'
-import type { FaqCategory } from './AiChatSlideoverFaq.vue'
-
-const {
-  title = 'AI 助手',
-  description = ' ',
-  placeholder = '输入你的问题...',
-  faqQuestions = []
-} = defineProps<{
-  /**
-   * 标题栏显示的标题
-   * @defaultValue AI 助手
-   */
-  title?: string
-  /**
-   * 标题栏显示的描述
-   * @defaultValue ' '
-   */
-  description?: string
-  /**
-   * 输入框占位符文本
-   * @defaultValue 输入你的问题...
-   */
-  placeholder?: string
-  /**
-   * 聊天为空时显示的常见问题分类
-   * @defaultValue []
-   */
-  faqQuestions?: FaqCategory[]
-}>()
-
-const components = {
-  pre: AiChatPreStream as unknown as DefineComponent
-}
-
-const { messages, isOpen, pendingMessage, clearPending } = useAIChat()
-const { apiPath } = useRuntimeConfig().public.aiChat
-
-const { tools } = useToolCall()
-function getToolLabel(toolName: string, args?: any): string {
-  const label = tools[toolName]
-
-  if (!label) {
-    return toolName
-  }
-
-  return typeof label === 'function' ? label(args) : label
-}
-
-const { model } = useModels()
-
-const input = ref('')
-
-watch(pendingMessage, (message) => {
-  if (message) {
-    if (messages.value.length === 0 && chat.messages.length > 0) {
-      chat.messages.length = 0
-    }
-    chat.sendMessage({
-      text: message
-    })
-    clearPending()
-  }
-}, { immediate: true })
-
-watch(messages, (newMessages) => {
-  if (newMessages.length === 0 && chat.messages.length > 0) {
-    chat.messages.length = 0
-  }
-}, { deep: true })
-
-const toast = useToast()
-const lastMessage = computed(() => chat.messages.at(-1))
-
-const chat = new Chat({
-  messages: messages.value,
-  transport: new DefaultChatTransport({
-    api: apiPath,
-    body: () => ({ model: model.value })
-  }),
-  onError(error) {
-    const { message } = typeof error.message === 'string' && error.message[0] === '{' ? JSON.parse(error.message) : error
-    toast.add({
-      description: message,
-      icon: 'i-lucide-circle-alert',
-      color: 'error',
-      duration: 0
-    })
-  },
-  onFinish: () => {
-    messages.value = chat.messages
-  }
-})
-
-function handleSubmit(event?: Event) {
-  event?.preventDefault()
-
-  if (!input.value.trim()) {
-    return
-  }
-
-  chat.sendMessage({
-    text: input.value
-  })
-
-  input.value = ''
-}
-
-function askQuestion(question: string) {
-  chat.sendMessage({
-    text: question
-  })
-}
-
-function resetChat() {
-  chat.stop()
-  messages.value = []
-  chat.messages.length = 0
-}
-
-onMounted(() => {
-  if (pendingMessage.value) {
-    chat.sendMessage({
-      text: pendingMessage.value
-    })
-    clearPending()
-  } else if (chat.lastMessage?.role === 'user') {
-    chat.regenerate()
-  }
-})
-</script>
-
-<template>
-  <USlideover
-    v-model:open="isOpen"
-    :description="description"
-    :close="{ size: 'sm' }"
-    :ui="{
-      body: 'flex p-4!',
-      title: 'flex w-100 pr-6',
-      overlay: 'bg-default/60 backdrop-blur-sm',
-      content: 'w-full sm:max-w-md bg-default/95 backdrop-blur-xl shadow-2xl'
-    }"
-  >
-    <template #title>
-      <div class="flex items-center gap-2 flex-1">
-        <UBadge icon="i-lucide-sparkles" variant="soft" square />
-        <span class="font-medium text-highlighted">{{ title }}</span>
-      </div>
-
-      <div class="flex items-center gap-2">
-        <UTooltip v-if="chat.messages.length > 0" text="清空聊天">
-          <UButton
-            icon="i-lucide-trash-2"
-            color="neutral"
-            variant="ghost"
-            size="sm"
-            @click="resetChat"
-          />
-        </UTooltip>
-      </div>
-    </template>
-
-    <template #body>
-      <UChatPalette class="flex-1" :ui="{ prompt: 'border-0 px-2.5' }">
-        <UChatMessages
-          v-if="chat.messages.length > 0"
-          should-auto-scroll
-          :messages="chat.messages"
-          compact
-          :status="chat.status"
-          :user="{ ui: { container: 'pb-2', content: 'text-sm' } }"
-          :ui="{ indicator: '*:bg-accented' }"
-        >
-          <template #content="{ message }">
-            <div class="flex flex-col gap-2">
-              <template
-                v-for="(part, index) in message.parts"
-                :key="`${message.id}-${part.type}-${index}${'state' in part ? `-${part.state}` : ''}`"
-              >
-                <AiChatReasoning v-if="part.type === 'reasoning'" :text="part.text" :is-streaming="part.state !== 'done'" />
-                <MDCCached
-                  v-else-if="part.type === 'text'"
-                  :value="part.text"
-                  :cache-key="`${message.id}-${index}`"
-                  :components="components"
-                  :parser-options="{ highlight: false }"
-                  class="*:first:mt-0 *:last:mb-0"
-                />
-                <template v-else-if="part.type === 'data-tool-calls'">
-                  <AiChatToolCall
-                    v-for="tool in (part as any).data.tools"
-                    :key="tool.toolCallId"
-                    :text="getToolLabel(tool.toolName, tool.input)"
-                    :is-loading="false"
-                  />
-                </template>
-              </template>
-              <UButton
-                v-if="chat.status === 'streaming' && message.id === lastMessage?.id"
-                class="px-0"
-                color="neutral"
-                variant="link"
-                size="sm"
-                label="Loading..."
-                loading
-                loading-icon="i-lucide-loader"
-              />
-            </div>
-          </template>
-        </UChatMessages>
-        <div v-else class="flex-1 overflow-y-auto px-4 py-4">
-          <p class="text-sm font-medium text-muted mb-4">
-            FAQ 建议
-          </p>
-          <AiChatSlideoverFaq :faq-questions="faqQuestions" @ask-question="askQuestion" />
-        </div>
-        <template #prompt>
-          <UChatPrompt
-            v-model="input"
-            :error="chat.error"
-            :placeholder="placeholder"
-            variant="subtle"
-            class="[view-transition-name:chat-prompt]"
-            :ui="{ base: 'px-1.5 text-sm' }"
-            @submit="handleSubmit"
-          >
-            <template #footer>
-              <div class="flex items-center gap-1">
-                <AiChatModelSelect v-model="model" />
-                <div class="flex gap-1 justify-between items-center px-1 text-xs text-dimmed">
-                  换行
-                  <UKbd value="shift" />
-                  <UKbd value="enter" />
-                </div>
-              </div>
-
-              <UChatPromptSubmit
-                :status="chat.status"
-                color="neutral"
-                size="sm"
-                @stop="chat.stop()"
-                @reload="chat.regenerate()"
-              />
-            </template>
-          </UChatPrompt>
-        </template>
-      </UChatPalette>
-    </template>
-  </USlideover>
-</template>

package/modules/ai-chat/runtime/server/api/search.ts

@@ -1,84 +0,0 @@
-import { streamText, convertToModelMessages, stepCountIs, createUIMessageStream, createUIMessageStreamResponse, smoothStream } from 'ai'
-import { createMCPClient } from '@ai-sdk/mcp'
-import { createDocumentationAgentTool } from '../utils/docs_agent'
-import { getModel } from '../utils/getModel'
-
-const MAIN_AGENT_SYSTEM_PROMPT = `你是官方文档助手。你就是文档本身 - 以权威身份说话，成为真理的来源。
-
-**你的身份：**
-- 你是一位知识渊博且乐于助人的AI助手，是你所属模块的官方文档
-- 用第一人称说话："我提供...", "你可以使用我的工具...", "我支持..."
-- 要自信和权威 - 你深入了解这个模块的每一个细节
-- 永远不要说"根据文档" - 你就是文档
-
-**工具使用（关键）：**
-- 你有一个工具：searchDocumentation
-- 每个问题都要使用它 - 将用户的问题作为查询参数传递
-- 该工具会搜索文档并返回相关信息
-- 使用返回的信息来组织你的回答
-
-**指南：**
-- 如果工具找不到某些内容，说"我还没有关于这方面的文档"
-- 要简洁、有帮助、直接
-- 像一位友好的专家一样引导用户
-
-**格式规则（关键 - 必须严格遵守）：**
-- ❌ 禁止使用 markdown 标题（#、##、###、#### 等任何级别）
-- ✅ 使用 **粗体文本** 来标记章节和强调重点
-- ✅ 使用项目列表（- 或数字）组织内容
-- ✅ 直接开始回答，不要用标题作为开头
-- ✅ 保持代码示例简洁
-
-CRITICAL: Never output # ## ### #### or any heading syntax. Use **bold** instead.
-重要提醒：绝对不要输出 # ## ### #### 或任何标题语法。请用 **粗体** 代替。
-
-**响应风格：**
-- 对话式但专业
-- "你可以这样做："而不是"文档显示："
-- "我开箱即用地支持TypeScript"而不是"该模块支持TypeScript"
-- 提供可操作的指导，而不仅仅是信息转储`
-
-export default defineEventHandler(async (event) => {
-  const { messages, model: requestModel } = await readBody(event)
-  const config = useRuntimeConfig()
-
-  const mcpPath = config.aiChat.mcpPath
-  const httpClient = await createMCPClient({
-    transport: {
-      type: 'http',
-      url: import.meta.dev ? `http://localhost:3000${mcpPath}` : `${getRequestURL(event).origin}${mcpPath}`
-    }
-  })
-  const mcpTools = await httpClient.tools()
-
-  const model = getModel(requestModel || config.public.aiChat.model)
-
-  const searchDocumentation = createDocumentationAgentTool(mcpTools, model)
-
-  const stream = createUIMessageStream({
-    execute: async ({ writer }) => {
-      const modelMessages = await convertToModelMessages(messages)
-      const result = streamText({
-        model,
-        maxOutputTokens: 10000,
-        system: MAIN_AGENT_SYSTEM_PROMPT,
-        messages: modelMessages,
-        stopWhen: stepCountIs(5),
-        tools: {
-          searchDocumentation
-        },
-        experimental_context: {
-          writer
-        },
-        experimental_transform: smoothStream({ chunking: 'word' })
-      })
-      writer.merge(result.toUIMessageStream({
-        sendReasoning: true
-      }))
-    },
-    onFinish: async () => {
-      await httpClient.close()
-    }
-  })
-  return createUIMessageStreamResponse({ stream })
-})