xiaoyuan-assistant 0.5.45

package/src/providers/siliconflow.js

@@ -0,0 +1,296 @@
+import { DEFAULT_SYSTEM_PROMPT } from '../prompts.js'
+
+function extractJson(text) {
+  if (!text) return null
+  const cleaned = String(text)
+    .replace(/^```json\s*/i, '')
+    .replace(/^```\s*/i, '')
+    .replace(/```$/i, '')
+    .trim()
+
+  try { return JSON.parse(cleaned) } catch (_) {}
+  const start = cleaned.indexOf('{')
+  const end = cleaned.lastIndexOf('}')
+  if (start >= 0 && end > start) {
+    try { return JSON.parse(cleaned.slice(start, end + 1)) } catch (_) {}
+  }
+  return null
+}
+
+function compactManifest(manifest, { includeDataSources = false, includeSchemas = false } = {}) {
+  const domElements = (manifest?.domElements || []).map(({ name, description, params }) => ({
+    name,
+    description,
+    params: Array.isArray(params) ? params.slice(0, 40) : []
+  }))
+
+  const functions = (manifest?.functions || []).map(({ name, description, params }) => ({
+    name,
+    description,
+    params
+  }))
+
+  const dataSources = (manifest?.dataSources || []).map((item) => ({
+    name: item.name,
+    description: item.description,
+    ...(includeSchemas ? { schema: item.schema || {} } : {})
+  }))
+
+  return {
+    functions,
+    domElements,
+    ...(includeDataSources ? { dataSources } : {})
+  }
+}
+
+function looksLikeAnalysis(message = '') {
+  return /(分析|研判|评估|判断|原因|趋势|风险|建议|情况|长势|预测|对比|比较|统计|为什么|是否异常|异常)/i.test(String(message))
+}
+
+// 规划阶段：只做“人话 -> Function/参数/分析步骤”，不做推理。
+// 使用 NDJSON（每行一个 step）方便流式拿到第一步后立即执行，后续步骤继续排队。
+const PLANNER_PROMPT = `你是大屏助手“小园”的快速意图路由器。
+把用户人话转换成按原顺序执行的 step。
+页面操作输出 action step；数据分析输出 analysis step；普通聊天输出 chat。
+只能使用清单中的真实 Function/DataSource。
+data-ai-description 用于理解功能；data-ai-param 用于提取目标参数。
+多步指令必须逐项拆分，不得遗漏。
+只输出逐行 JSON。`;
+function parseNdjsonLine(line) {
+  const raw = String(line || '').trim()
+  if (!raw || raw === '[DONE]') return null
+  const clean = raw.replace(/^data:\s*/i, '').trim()
+  if (!clean) return null
+  const parsed = extractJson(clean)
+  if (!parsed) return null
+  if (parsed.type === 'action' && (parsed.function || parsed.name)) return parsed
+  if (parsed.type === 'analysis' && Array.isArray(parsed.dataRequests)) return parsed
+  return null
+}
+
+async function requestChat({ fetchImpl, url, apiKey, model, systemPrompt, userPrompt, thinking, maxTokens, temperature, thinkingBudget, timeoutMs = 0, responseFormat = null, stream = false, onChunk = null, onStep = null }) {
+  const headers = {
+    'Content-Type': 'application/json',
+    Authorization: `Bearer ${apiKey}`
+  }
+
+  const body = {
+    model,
+    temperature,
+    max_tokens: maxTokens,
+    enable_thinking: thinking,
+    ...(thinking ? { thinking_budget: thinkingBudget ?? 8192 } : {}),
+    ...(responseFormat ? { response_format: responseFormat } : {}),
+    stream,
+    messages: [
+      { role: 'system', content: systemPrompt },
+      { role: 'user', content: userPrompt }
+    ]
+  }
+
+  let controller
+  let timer
+  if (typeof AbortController !== 'undefined' && timeoutMs > 0) {
+    controller = new AbortController()
+    timer = setTimeout(() => controller.abort(), timeoutMs)
+  }
+
+  let response
+  try {
+    response = await fetchImpl(url, {
+      method: 'POST',
+      headers,
+      body: JSON.stringify(body),
+      signal: controller?.signal
+    })
+  } catch (error) {
+    if (error?.name === 'AbortError') throw new Error('AI 请求超时，请稍后重试')
+    throw error
+  }
+
+  try {
+    if (!response.ok) {
+      const bodyText = await response.text().catch(() => '')
+      throw new Error(`SiliconFlow 请求失败 ${response.status}${bodyText ? `：${bodyText.slice(0, 500)}` : ''}`)
+    }
+
+    if (!stream) {
+      const data = await response.json()
+      const message = data?.choices?.[0]?.message || {}
+      const content = message.content
+      if (typeof content === 'string' && content.trim()) return content
+      const reasoning = message.reasoning_content
+      if (typeof reasoning === 'string' && reasoning.trim()) return reasoning
+      throw new Error('SiliconFlow 未返回有效内容')
+    }
+
+    if (!response.body?.getReader) {
+      throw new Error('当前浏览器不支持流式 AI 响应')
+    }
+
+    const reader = response.body.getReader()
+    const decoder = new TextDecoder('utf-8')
+    let buffer = ''
+    let contentAll = ''
+    const emitted = []
+
+    while (true) {
+      const { value, done } = await reader.read()
+      if (done) break
+      const text = decoder.decode(value, { stream: true })
+      buffer += text
+
+      const lines = buffer.split(/\r?\n/)
+      buffer = lines.pop() || ''
+
+      for (const line of lines) {
+        const trimmed = line.trim()
+        if (!trimmed || trimmed.startsWith(':')) continue
+        const payload = trimmed.startsWith('data:') ? trimmed.slice(5).trim() : trimmed
+        if (payload === '[DONE]') continue
+        let chunk
+        try { chunk = JSON.parse(payload) } catch (_) { continue }
+
+        const delta = chunk?.choices?.[0]?.delta || {}
+        const part = typeof delta.content === 'string' ? delta.content : ''
+        if (!part) continue
+        contentAll += part
+        onChunk?.(part)
+
+        // 优先识别完整的一行 JSON step；拿到就立即回调给 Manager 排队执行。
+        const linesNow = contentAll.split(/\r?\n/)
+        for (let i = emitted.length; i < linesNow.length - 1; i += 1) {
+          const step = parseNdjsonLine(linesNow[i])
+          emitted.push(linesNow[i])
+          if (step) onStep?.(step)
+        }
+      }
+    }
+
+    // 处理最后一行没有换行的情况
+    const tail = parseNdjsonLine(buffer) || parseNdjsonLine(contentAll.split(/\r?\n/).filter(Boolean).at(-1))
+    if (tail) onStep?.(tail)
+
+    return contentAll
+  } finally {
+    if (timer) clearTimeout(timer)
+  }
+}
+
+export function createSiliconFlowProvider(options = {}) {
+  const fetchImpl = options.fetch || globalThis.fetch
+  const url = options.apiUrl
+  const apiKey = options.apiKey
+  const model = options.model
+  const customSystemPrompt = options.systemPrompt || ''
+
+  const systemPrompt = customSystemPrompt
+    ? `${DEFAULT_SYSTEM_PROMPT}\n\n项目自定义规则：\n${customSystemPrompt}`
+    : DEFAULT_SYSTEM_PROMPT
+
+  if (typeof fetchImpl !== 'function') throw new Error('当前环境没有可用的 fetch')
+  if (!url) throw new Error('请传入 apiUrl')
+  if (!apiKey) throw new Error('请传入 apiKey')
+  if (!model) throw new Error('请传入 model')
+
+  return async ({ mode = 'plan', message, manifest, plan, dataResults, onPlanStep }) => {
+    if (mode === 'chat') {
+      const context = JSON.stringify(manifest?.context || {}, null, 0)
+      const chatSystemPrompt = `你是“大屏助手小园”。自然、简洁地回答用户的日常聊天。不要输出内部 Function、DOM、DataSource 或执行细节。对需要实时外部数据的问题，如果上下文没有提供真实数据，不要编造。` + (customSystemPrompt ? `\n项目业务规则：\n${customSystemPrompt}` : '')
+      const content = await requestChat({
+        fetchImpl,
+        url,
+        apiKey,
+        model,
+        systemPrompt: chatSystemPrompt,
+        userPrompt: `${context}\n用户：${message}\n请直接回答用户。`,
+        thinking: false,
+        maxTokens: 220,
+        temperature: 0.4,
+        timeoutMs: 0,
+        responseFormat: null,
+        stream: false
+      })
+      return { type: 'chat', reply: content, steps: [] }
+    }
+
+    if (mode === 'analysis') {
+      const analysisManifest = JSON.stringify(
+        compactManifest(manifest, { includeDataSources: true, includeSchemas: true }),
+        null,
+        0
+      )
+
+      const analysisPrompt = `用户要分析：${message}\n\n实时数据：${JSON.stringify(dataResults || {}, null, 0)}\n\n根据真实数据给出最终分析。不要编造数据，不暴露内部实现，适合语音播报。只输出 JSON：{"type":"analysis","reply":"最终分析结果","analysis":"最终分析结果"}`
+      const analysisSystemPrompt = `你是农业大屏助手“小园”的分析引擎。只根据提供的真实数据回答。允许深度推理，但不要暴露内部 Function、DOM、DataSource 名称。输出简洁、准确、适合语音播报的 JSON。` + (customSystemPrompt ? `\n项目业务规则：\n${customSystemPrompt}` : '')
+
+      const content = await requestChat({
+        fetchImpl,
+        url,
+        apiKey,
+        model,
+        systemPrompt: analysisSystemPrompt,
+        userPrompt: `${analysisManifest}\n${analysisPrompt}`,
+        thinking: true,
+        thinkingBudget: 4096,
+        maxTokens: 700,
+        temperature: 0.2,
+        timeoutMs: 0,
+        responseFormat: { type: 'json_object' },
+        stream: false
+      })
+
+      return extractJson(content) || {
+        type: 'analysis',
+        reply: content,
+        analysis: content
+      }
+    }
+
+    const needsData = looksLikeAnalysis(message)
+    const plannerManifest = JSON.stringify(
+      compactManifest(manifest, {
+        includeDataSources: needsData,
+        includeSchemas: false
+      }),
+      null,
+      0
+    )
+
+    const intentPrompt = `${plannerManifest}\n用户：${message}\n立即逐行输出 workflow step JSON。`
+    const streamedSteps = []
+
+    const content = await requestChat({
+      fetchImpl,
+      url,
+      apiKey,
+      model,
+      systemPrompt: PLANNER_PROMPT,
+      userPrompt: intentPrompt,
+      thinking: false,
+      maxTokens: 180,
+      temperature: 0,
+      timeoutMs: 0,
+      responseFormat: null,
+      stream: true,
+      onStep: (step) => {
+        streamedSteps.push(step)
+        onPlanStep?.(step)
+      }
+    })
+
+    if (streamedSteps.length) {
+      return {
+        type: 'workflow',
+        steps: streamedSteps,
+        reply: ''
+      }
+    }
+
+    const fallback = extractJson(content)
+    if (fallback?.steps) return { ...fallback, type: fallback.type || 'workflow' }
+    return { type: 'chat', reply: '我暂时没有准确理解这条指令，请换一种说法。', steps: [] }
+  }
+}
+
+export { extractJson }

package/src/styles/index.css

@@ -0,0 +1,166 @@
+.xy-root {
+  --xy-bg: rgba(8, 13, 29, .985);
+  --xy-panel: rgba(16, 22, 42, .95);
+  --xy-border: rgba(255,255,255,.10);
+  --xy-border-strong: rgba(255,255,255,.16);
+  --xy-text: #f5f7ff;
+  --xy-muted: rgba(231,236,255,.62);
+  --xy-faint: rgba(231,236,255,.34);
+  --xy-accent: #6d5dfc;
+  --xy-accent-2: #9487ff;
+  --xy-green: #68e2a2;
+  position: fixed;
+  top: 22px;
+  right: 22px;
+  z-index: 2147483000;
+  font-family: Inter, "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;
+  color: var(--xy-text);
+}
+
+.xy-root * { box-sizing: border-box; }
+.xy-root button,
+.xy-root textarea { font: inherit; }
+
+.xy-fab {
+  position: relative;
+  width: 62px;
+  height: 62px;
+  border: 1px solid rgba(255,255,255,.20);
+  border-radius: 20px;
+  cursor: pointer;
+  color: #fff;
+  background: linear-gradient(145deg, #877aff 0%, #6d5dfc 46%, #5142d0 100%);
+  box-shadow: 0 14px 38px rgba(41,31,127,.42), 0 0 0 1px rgba(255,255,255,.05) inset;
+  transition: transform .18s ease, box-shadow .18s ease;
+}
+.xy-fab:hover { transform: translateY(-2px); box-shadow: 0 18px 44px rgba(41,31,127,.52), 0 0 0 1px rgba(255,255,255,.08) inset; }
+.xy-fab-glow { position: absolute; inset: -14px; border-radius: 26px; background: radial-gradient(circle, rgba(109,93,252,.34), transparent 68%); z-index: -1; }
+.xy-avatar { display: inline-flex; align-items: center; justify-content: center; width: 100%; height: 100%; font-size: 23px; font-weight: 800; letter-spacing: 1px; }
+.xy-avatar.small { width: 42px; height: 42px; flex: 0 0 42px; font-size: 18px; border-radius: 14px; background: linear-gradient(145deg,#9388ff,#5948dc); box-shadow: 0 7px 18px rgba(87,71,220,.35); }
+.xy-live-dot { position: absolute; top: 4px; right: 4px; width: 9px; height: 9px; background: var(--xy-green); border-radius: 50%; box-shadow: 0 0 0 4px rgba(104,226,162,.10), 0 0 14px rgba(104,226,162,.75); }
+
+.xy-panel {
+  position: relative;
+  width: min(430px, calc(100vw - 28px));
+  height: min(680px, calc(100vh - 44px));
+  min-height: 500px;
+  background: linear-gradient(180deg, rgba(17,24,47,.985), rgba(8,13,29,.99));
+  border: 1px solid var(--xy-border-strong);
+  border-radius: 22px;
+  overflow: hidden;
+  box-shadow: 0 30px 100px rgba(0,0,0,.50), 0 8px 30px rgba(33,25,89,.22), 0 0 0 1px rgba(255,255,255,.025) inset;
+  backdrop-filter: blur(22px);
+  display: grid;
+  grid-template-rows: auto auto 1fr auto;
+}
+
+.xy-panel::before {
+  content: "";
+  position: absolute;
+  inset: 0 0 auto 0;
+  height: 110px;
+  pointer-events: none;
+  background: radial-gradient(circle at 16% 0%, rgba(116,99,255,.16), transparent 34%), radial-gradient(circle at 90% 0%, rgba(109,93,252,.10), transparent 28%);
+}
+
+.xy-header { position: relative; display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 16px 17px 14px; border-bottom: 1px solid rgba(255,255,255,.07); }
+.xy-title-wrap { display: flex; align-items: center; gap: 11px; }
+.xy-title { font-size: 17px; font-weight: 750; letter-spacing: .2px; }
+.xy-status { display: flex; align-items: center; gap: 7px; margin-top: 3px; color: var(--xy-muted); font-size: 11px; }
+.xy-status-dot { width: 7px; height: 7px; border-radius: 50%; background: var(--xy-green); box-shadow: 0 0 10px rgba(104,226,162,.56); }
+.xy-status-dot.state-processing,.xy-status-dot.state-listening { background: #aa9eff; box-shadow: 0 0 12px rgba(170,158,255,.72); }
+.xy-header-actions { display: flex; gap: 7px; }
+.xy-icon-btn { display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; border: 1px solid rgba(255,255,255,.07); border-radius: 11px; color: rgba(255,255,255,.68); background: rgba(255,255,255,.045); cursor: pointer; transition: .18s ease; }
+.xy-icon-btn:hover { color: #fff; background: rgba(255,255,255,.08); transform: translateY(-1px); }
+.xy-icon-btn svg {
+  display: block !important;
+  visibility: visible !important;
+  opacity: 1 !important;
+  width: 18px !important;
+  height: 18px !important;
+  min-width: 18px;
+  min-height: 18px;
+  fill: none !important;
+  stroke: #ffffff !important;
+  stroke-width: 2 !important;
+  stroke-linecap: round !important;
+  stroke-linejoin: round !important;
+  pointer-events: none;
+}
+/* 某些大屏项目会给 svg/path 设置全局样式，这里给小园自己的图标强制恢复显示。 */
+.xy-icon-btn::before { display: none; }
+.xy-mic svg {
+  display: block !important;
+  visibility: visible !important;
+  opacity: 1 !important;
+  width: 21px !important;
+  height: 21px !important;
+  min-width: 21px;
+  min-height: 21px;
+  fill: none !important;
+  stroke: #ffffff !important;
+  stroke-width: 2 !important;
+  stroke-linecap: round !important;
+  stroke-linejoin: round !important;
+  pointer-events: none;
+}
+.xy-mic { position: relative; }
+.xy-mic .xy-mic-label { display: inline-flex; align-items: center; justify-content: center; color: #fff; font-size: 11px; font-weight: 650; }
+.xy-send { white-space: nowrap; overflow: hidden; }
+
+.xy-subtitle { min-height: 0; max-height: 0; padding: 0 15px; overflow: hidden; opacity: 0; transition: .22s ease; color: #e6e1ff; font-size: 12px; line-height: 1.5; background: linear-gradient(180deg, rgba(109,93,252,.10), rgba(109,93,252,.045)); border-bottom: 1px solid transparent; }
+.xy-subtitle.show { min-height: 38px; max-height: 100px; padding-top: 9px; padding-bottom: 9px; opacity: 1; border-bottom-color: rgba(109,93,252,.12); }
+
+.xy-messages { min-height: 0; padding: 18px 16px 14px; overflow: auto; scrollbar-width: thin; scrollbar-color: rgba(255,255,255,.12) transparent; }
+.xy-messages::-webkit-scrollbar { width: 6px; }
+.xy-messages::-webkit-scrollbar-thumb { background: rgba(255,255,255,.10); border-radius: 999px; }
+.xy-empty { min-height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 40px 16px; text-align: center; }
+.xy-empty-orb { width: 72px; height: 72px; display: grid; place-items: center; border-radius: 22px; margin-bottom: 16px; background: linear-gradient(145deg,#8174ff,#5947d8); box-shadow: 0 16px 34px rgba(82,66,213,.26); }
+.xy-empty-orb span { font-size: 28px; font-weight: 800; }
+.xy-empty-title { font-size: 18px; font-weight: 750; letter-spacing: .2px; }
+.xy-empty-text { margin-top: 8px; max-width: 290px; color: var(--xy-muted); font-size: 12px; line-height: 1.75; }
+.xy-quick-row { display: flex; flex-wrap: wrap; justify-content: center; gap: 7px; margin-top: 18px; }
+.xy-quick-row span { padding: 7px 10px; border: 1px solid rgba(255,255,255,.07); border-radius: 999px; color: rgba(238,242,255,.62); background: rgba(255,255,255,.035); font-size: 10px; }
+
+.xy-msg { margin-bottom: 17px; }
+.xy-msg-head { display: flex; align-items: center; gap: 7px; margin-bottom: 6px; }
+.xy-msg-avatar { width: 21px; height: 21px; display: grid; place-items: center; border-radius: 7px; color: #fff; font-size: 9px; font-weight: 700; background: rgba(255,255,255,.10); }
+.xy-msg-avatar.assistant { background: linear-gradient(145deg,#7d70ff,#5b49d5); }
+.xy-msg-avatar.user { color: #ddd8ff; background: rgba(109,93,252,.20); }
+.xy-msg-label { color: rgba(238,242,255,.48); font-size: 10px; }
+.xy-msg-bubble { width: fit-content; max-width: 90%; padding: 10px 13px; border: 1px solid rgba(255,255,255,.055); border-radius: 4px 14px 14px 14px; white-space: pre-wrap; line-height: 1.7; font-size: 13px; color: #edf0ff; background: rgba(255,255,255,.055); box-shadow: 0 8px 22px rgba(0,0,0,.09); }
+.xy-msg.user .xy-msg-head { justify-content: flex-end; }
+.xy-msg.user .xy-msg-bubble { margin-left: auto; border-color: rgba(120,105,255,.24); border-radius: 14px 4px 14px 14px; background: linear-gradient(135deg, rgba(109,93,252,.88), rgba(85,71,214,.86)); box-shadow: 0 10px 26px rgba(71,57,178,.18); }
+
+.xy-footer { padding: 11px 12px 13px; border-top: 1px solid rgba(255,255,255,.07); background: linear-gradient(180deg, rgba(8,13,29,.40), rgba(8,13,29,.92)); }
+.xy-interim { margin-bottom: 8px; padding: 8px 10px; border: 1px solid rgba(255,255,255,.05); border-radius: 10px; background: rgba(255,255,255,.035); color: var(--xy-muted); font-size: 11px; }
+.xy-input-row { display: grid; grid-template-columns: 1fr 46px 54px; gap: 8px; align-items: stretch; }
+.xy-input { width: 100%; min-height: 54px; max-height: 110px; resize: none; border: 1px solid rgba(255,255,255,.09); border-radius: 13px; outline: none; color: var(--xy-text); background: rgba(255,255,255,.045); padding: 11px 12px; line-height: 1.55; font-size: 12px; box-shadow: inset 0 1px 0 rgba(255,255,255,.02); transition: .18s ease; }
+.xy-input::placeholder { color: rgba(231,236,255,.34); }
+.xy-input:focus { border-color: rgba(109,93,252,.64); background: rgba(255,255,255,.06); box-shadow: 0 0 0 3px rgba(109,93,252,.10); }
+.xy-mic,.xy-send { height: 54px; border: 0; border-radius: 13px; cursor: pointer; transition: .18s ease; }
+.xy-mic { display: flex; align-items: center; justify-content: center; color: #fff; background: rgba(255,255,255,.065); border: 1px solid rgba(255,255,255,.06); }
+.xy-mic:hover { background: rgba(255,255,255,.10); }
+.xy-mic svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
+.xy-mic.active { background: linear-gradient(145deg,#8072ff,#5c4add); box-shadow: 0 0 24px rgba(109,93,252,.25); }
+.xy-mic-bars { display: flex; align-items: center; justify-content: center; gap: 3px; height: 20px; }
+.xy-mic-bars i { display: block; width: 3px; border-radius: 3px; background: #fff; animation: xy-bars .9s ease-in-out infinite; }
+.xy-mic-bars i:nth-child(1) { height: 9px; animation-delay: -.18s; }
+.xy-mic-bars i:nth-child(2) { height: 16px; }
+.xy-mic-bars i:nth-child(3) { height: 11px; animation-delay: -.32s; }
+@keyframes xy-bars { 0%,100% { transform: scaleY(.7); opacity: .65; } 50% { transform: scaleY(1.1); opacity: 1; } }
+.xy-send { color: #fff; background: linear-gradient(145deg,#7465ff,#5746d7); font-size: 12px; font-weight: 650; box-shadow: 0 8px 20px rgba(84,69,210,.18); }
+.xy-send:not(:disabled):hover { transform: translateY(-1px); filter: brightness(1.04); }
+.xy-send:disabled, .xy-mic:disabled { opacity: .42; cursor: not-allowed; }
+.xy-hint { display: flex; align-items: center; justify-content: center; margin-top: 8px; color: rgba(238,242,255,.30); font-size: 10px; }
+
+.xy-pop-enter-active,.xy-pop-leave-active { transition: opacity .18s ease, transform .18s ease; }
+.xy-pop-enter-from,.xy-pop-leave-to { opacity: 0; transform: translateY(-8px) scale(.985); }
+
+@media (max-width: 720px) {
+  .xy-root { top: 12px; right: 12px; }
+  .xy-panel { width: calc(100vw - 24px); height: calc(100vh - 24px); min-height: 0; border-radius: 18px; }
+}
+
+.xy-icon-btn { overflow: hidden; }
+.xy-icon-btn svg path, .xy-icon-btn svg rect, .xy-icon-btn svg line, .xy-icon-btn svg polyline, .xy-icon-btn svg circle { vector-effect: non-scaling-stroke; }

package/src/vite-plugin.js

@@ -0,0 +1,66 @@
+import http from 'node:http'
+import https from 'node:https'
+
+function fetchImpl(url, options = {}) {
+  if (typeof globalThis.fetch === 'function') return globalThis.fetch(url, options)
+  return new Promise((resolve, reject) => {
+    const target = new URL(url)
+    const lib = target.protocol === 'https:' ? https : http
+    const req = lib.request(target, {
+      method: options.method || 'GET',
+      headers: options.headers || {}
+    }, (res) => {
+      const chunks = []
+      res.on('data', (chunk) => chunks.push(chunk))
+      res.on('end', () => {
+        const body = Buffer.concat(chunks)
+        resolve(new Response(body, { status: res.statusCode, headers: res.headers }))
+      })
+    })
+    req.on('error', reject)
+    req.end()
+  })
+}
+
+export function xiaoyuanVitePlugin(options = {}) {
+  const prefix = options.prefix || '/__xiaoyuan/hewoyi-tts'
+  const upstream = options.upstream || 'https://api.hewoyi.com/api/ai/audio/speech'
+
+  return {
+    name: 'xiaoyuan-hewoyi-tts-proxy',
+    configureServer(server) {
+      server.middlewares.use(prefix, async (req, res, next) => {
+        if (req.method !== 'GET') {
+          next()
+          return
+        }
+
+        try {
+          const query = req.url?.includes('?') ? req.url.slice(req.url.indexOf('?') + 1) : ''
+          const upstreamUrl = `${upstream}?${query}`
+          const response = await fetchImpl(upstreamUrl, {
+            method: 'GET',
+            headers: {
+              Accept: 'application/json,audio/mpeg,audio/*'
+            }
+          })
+
+          const buffer = Buffer.from(await response.arrayBuffer())
+          const contentType = response.headers.get('content-type') || 'application/octet-stream'
+
+          res.statusCode = response.status
+          res.setHeader('Content-Type', contentType)
+          res.setHeader('Cache-Control', 'no-store')
+          res.end(buffer)
+        } catch (error) {
+          res.statusCode = 500
+          res.setHeader('Content-Type', 'application/json; charset=utf-8')
+          res.end(JSON.stringify({
+            message: '小园合我意 TTS 代理异常',
+            detail: error?.message || String(error)
+          }))
+        }
+      })
+    }
+  }
+}