@templmf/temp-solf-lmf 0.0.55 → 0.0.56

package/guanwang/src/composables/useFileHandler.js

@@ -1,345 +0,0 @@
-/**
- * useFileHandler.js
- * 附件处理核心
- *
- * 文件类型路由：
- *   图片（jpg/png/webp/gif/svg）→ base64 → image_url content block → 多模态模型
- *   PDF                         → 每页转图片 base64               → 多模态模型
- *   代码/文本/json/csv/md       → 读文本 → 拼进 text block        → LLM
- *   Excel（xlsx/xls）           → SheetJS 提取 → text block       → LLM
- *   Word（docx）                → mammoth 提取  → text block      → LLM
- *   其他                        → 拒绝，给出提示
- */
-
-// ── 类型分组 ──────────────────────────────────────────────────────
-const IMAGE_TYPES = new Set(['image/jpeg','image/png','image/webp','image/gif','image/svg+xml'])
-const PDF_TYPE    = 'application/pdf'
-const TEXT_EXTS   = new Set([
-  'txt','md','markdown','js','mjs','cjs','ts','jsx','tsx',
-  'vue','html','htm','css','scss','sass','less',
-  'json','jsonc','yaml','yml','toml','xml','svg',
-  'sh','bash','zsh','fish','py','go','rs','java','kt','swift','c','cpp','h','cs','php','rb',
-  'sql','graphql','gql','env','gitignore','dockerfile',
-])
-const EXCEL_EXTS  = new Set(['xlsx','xls','csv'])
-const WORD_EXTS   = new Set(['docx'])
-
-// 单文件大小上限
-const MAX_IMAGE_SIZE = 20 * 1024 * 1024   // 20MB
-const MAX_TEXT_SIZE  = 2  * 1024 * 1024   //  2MB
-const MAX_PDF_SIZE   = 50 * 1024 * 1024   // 50MB
-const MAX_PDF_PAGES  = 20                  // PDF 最多处理前 N 页（防止 token 超限）
-
-// ── 工具函数 ──────────────────────────────────────────────────────
-function getExt(name) {
-  return name.split('.').pop()?.toLowerCase() || ''
-}
-
-function formatSize(bytes) {
-  if (bytes < 1024) return `${bytes} B`
-  if (bytes < 1024 * 1024) return `${(bytes / 1024).toFixed(1)} KB`
-  return `${(bytes / 1024 / 1024).toFixed(1)} MB`
-}
-
-function readAsDataURL(file) {
-  return new Promise((resolve, reject) => {
-    const reader = new FileReader()
-    reader.onload  = e => resolve(e.target.result)
-    reader.onerror = () => reject(new Error('文件读取失败'))
-    reader.readAsDataURL(file)
-  })
-}
-
-function readAsText(file) {
-  return new Promise((resolve, reject) => {
-    const reader = new FileReader()
-    reader.onload  = e => resolve(e.target.result)
-    reader.onerror = () => reject(new Error('文件读取失败'))
-    reader.readAsText(file, 'utf-8')
-  })
-}
-
-function readAsArrayBuffer(file) {
-  return new Promise((resolve, reject) => {
-    const reader = new FileReader()
-    reader.onload  = e => resolve(e.target.result)
-    reader.onerror = () => reject(new Error('文件读取失败'))
-    reader.readAsArrayBuffer(file)
-  })
-}
-
-// dataURL → { mediaType, base64 }
-function parseDataURL(dataURL) {
-  const [header, data] = dataURL.split(',')
-  const mediaType = header.match(/:(.*?);/)?.[1] || 'application/octet-stream'
-  return { mediaType, base64: data }
-}
-
-// ── 各类型处理器 ──────────────────────────────────────────────────
-
-/** 图片 → image_url content block */
-async function processImage(file) {
-  if (file.size > MAX_IMAGE_SIZE) {
-    throw new Error(`图片过大（${formatSize(file.size)}），上限 20MB`)
-  }
-  const dataURL = await readAsDataURL(file)
-  const { mediaType, base64 } = parseDataURL(dataURL)
-
-  return {
-    type:       'visual',   // 标记需要多模态模型
-    preview:    dataURL,    // 用于 UI 预览缩略图
-    fileName:   file.name,
-    fileSize:   formatSize(file.size),
-    // OpenAI 兼容格式的 image_url block
-    contentBlock: {
-      type:      'image_url',
-      image_url: { url: `data:${mediaType};base64,${base64}` },
-    },
-  }
-}
-
-/** PDF → 每页转 canvas → base64 图片数组 → image_url blocks */
-async function processPDF(file) {
-  if (file.size > MAX_PDF_SIZE) {
-    throw new Error(`PDF 过大（${formatSize(file.size)}），上限 50MB`)
-  }
-
-  const arrayBuffer = await readAsArrayBuffer(file)
-
-  // 动态加载 pdfjs
-  const pdfjsLib = await import('pdfjs-dist').catch(() => null)
-  if (!pdfjsLib) throw new Error('PDF 解析库加载失败，请刷新重试')
-
-  // 设置 worker（使用 CDN）
-  if (!pdfjsLib.GlobalWorkerOptions.workerSrc) {
-    pdfjsLib.GlobalWorkerOptions.workerSrc =
-      'https://cdnjs.cloudflare.com/ajax/libs/pdf.js/4.4.168/pdf.worker.min.mjs'
-  }
-
-  const pdf       = await pdfjsLib.getDocument({ data: arrayBuffer }).promise
-  const pageCount = Math.min(pdf.numPages, MAX_PDF_PAGES)
-  const blocks    = []
-  const canvas    = document.createElement('canvas')
-  const ctx       = canvas.getContext('2d')
-
-  // 首页作为预览缩略图
-  let previewDataURL = ''
-
-  for (let i = 1; i <= pageCount; i++) {
-    const page     = await pdf.getPage(i)
-    const viewport = page.getViewport({ scale: 1.5 })
-    canvas.width   = viewport.width
-    canvas.height  = viewport.height
-    await page.render({ canvasContext: ctx, viewport }).promise
-    const dataURL = canvas.toDataURL('image/jpeg', 0.85)
-    if (i === 1) previewDataURL = dataURL
-    const { mediaType, base64 } = parseDataURL(dataURL)
-    blocks.push({
-      type:      'image_url',
-      image_url: { url: `data:${mediaType};base64,${base64}` },
-    })
-  }
-
-  const truncated = pdf.numPages > MAX_PDF_PAGES
-    ? `\n（PDF 共 ${pdf.numPages} 页，已截取前 ${MAX_PDF_PAGES} 页）` : ''
-
-  return {
-    type:          'visual',
-    preview:       previewDataURL,
-    fileName:      file.name,
-    fileSize:      formatSize(file.size),
-    pageCount:     pdf.numPages,
-    processedPages: pageCount,
-    // 多个 image_url blocks + 一个说明 text block
-    contentBlocks: [
-      { type: 'text', text: `[PDF 文件：${file.name}，共 ${pageCount} 页${truncated}]` },
-      ...blocks,
-    ],
-  }
-}
-
-/** 文本类文件 → text content block */
-async function processText(file) {
-  if (file.size > MAX_TEXT_SIZE) {
-    throw new Error(`文件过大（${formatSize(file.size)}），文本文件上限 2MB`)
-  }
-  const text = await readAsText(file)
-  const ext  = getExt(file.name)
-
-  // 推断语言标识，用于代码块包裹
-  const LANG_MAP = {
-    js:'javascript', mjs:'javascript', cjs:'javascript',
-    ts:'typescript', jsx:'jsx', tsx:'tsx',
-    py:'python', go:'go', rs:'rust', java:'java', kt:'kotlin',
-    swift:'swift', c:'c', cpp:'cpp', cs:'csharp', php:'php', rb:'ruby',
-    sh:'bash', bash:'bash', zsh:'bash',
-    html:'html', htm:'html', css:'css', scss:'scss', sass:'sass', less:'less',
-    vue:'vue', sql:'sql', graphql:'graphql', gql:'graphql',
-    json:'json', jsonc:'json', yaml:'yaml', yml:'yaml', toml:'toml', xml:'xml',
-    md:'markdown', markdown:'markdown',
-  }
-  const lang = LANG_MAP[ext] || ''
-
-  const wrapped = lang
-    ? `\`\`\`${lang}\n${text}\n\`\`\``
-    : text
-
-  return {
-    type:     'text',
-    preview:  null,
-    fileName: file.name,
-    fileSize: formatSize(file.size),
-    ext,
-    contentBlock: {
-      type: 'text',
-      text: `[文件：${file.name}]\n${wrapped}`,
-    },
-  }
-}
-
-/** Excel/CSV → SheetJS → Markdown 表格 → text block */
-async function processExcel(file) {
-  if (file.size > MAX_TEXT_SIZE) {
-    throw new Error(`文件过大（${formatSize(file.size)}），上限 2MB`)
-  }
-
-  const XLSX = await import('xlsx').catch(() => null)
-  if (!XLSX) throw new Error('Excel 解析库加载失败')
-
-  const ab      = await readAsArrayBuffer(file)
-  const wb      = XLSX.read(ab, { type: 'array' })
-  const results = []
-
-  for (const sheetName of wb.SheetNames.slice(0, 5)) {
-    const ws  = wb.Sheets[sheetName]
-    const csv = XLSX.utils.sheet_to_csv(ws)
-    results.push(`### Sheet: ${sheetName}\n\`\`\`csv\n${csv}\n\`\`\``)
-  }
-
-  const text = results.join('\n\n')
-  return {
-    type:     'text',
-    preview:  null,
-    fileName: file.name,
-    fileSize: formatSize(file.size),
-    ext:      getExt(file.name),
-    contentBlock: {
-      type: 'text',
-      text: `[Excel 文件：${file.name}]\n${text}`,
-    },
-  }
-}
-
-/** Word docx → mammoth → 纯文本 → text block */
-async function processWord(file) {
-  if (file.size > MAX_TEXT_SIZE) {
-    throw new Error(`文件过大（${formatSize(file.size)}），上限 2MB`)
-  }
-
-  const mammoth = await import('mammoth').catch(() => null)
-  if (!mammoth) throw new Error('Word 解析库加载失败')
-
-  const ab     = await readAsArrayBuffer(file)
-  const result = await mammoth.extractRawText({ arrayBuffer: ab })
-  const text   = result.value
-
-  return {
-    type:     'text',
-    preview:  null,
-    fileName: file.name,
-    fileSize: formatSize(file.size),
-    ext:      'docx',
-    contentBlock: {
-      type: 'text',
-      text: `[Word 文件：${file.name}]\n${text}`,
-    },
-  }
-}
-
-// ── 主入口 ────────────────────────────────────────────────────────
-
-/**
- * 处理单个 File 对象，返回附件描述对象
- *
- * 返回结构：
- * {
- *   id:           string,       // 唯一标识
- *   type:         'visual'|'text',
- *   fileName:     string,
- *   fileSize:     string,
- *   preview:      string|null,  // 图片 dataURL，用于缩略图
- *   ext:          string,
- *   // 单 block 文件
- *   contentBlock: object,
- *   // 多 block 文件（PDF）
- *   contentBlocks: object[],
- * }
- */
-export async function processFile(file) {
-  const ext = getExt(file.name)
-
-  let result
-
-  if (IMAGE_TYPES.has(file.type) || file.type.startsWith('image/')) {
-    result = await processImage(file)
-  } else if (file.type === PDF_TYPE || ext === 'pdf') {
-    result = await processPDF(file)
-  } else if (EXCEL_EXTS.has(ext) || file.type.includes('spreadsheet') || file.type.includes('csv')) {
-    result = await processExcel(file)
-  } else if (WORD_EXTS.has(ext) || file.type.includes('wordprocessingml')) {
-    result = await processWord(file)
-  } else if (TEXT_EXTS.has(ext) || file.type.startsWith('text/')) {
-    result = await processText(file)
-  } else {
-    throw new Error(`暂不支持 .${ext} 类型的文件`)
-  }
-
-  return {
-    id: `file-${Date.now()}-${Math.random().toString(36).slice(2)}`,
-    ...result,
-  }
-}
-
-/**
- * 把附件列表转成 API content blocks
- * 用于拼进 user message 的 content 数组
- *
- * @param {string}   text       - 用户输入的文字
- * @param {Array}    attachments - processFile 返回的附件数组
- * @returns {string | Array}    - 无附件时返回纯字符串；有附件时返回 content 数组
- */
-export function buildMessageContent(text, attachments) {
-  if (!attachments || attachments.length === 0) return text
-
-  const blocks = []
-
-  // 先放所有附件内容
-  for (const att of attachments) {
-    if (att.contentBlocks) {
-      // PDF：多个 block
-      blocks.push(...att.contentBlocks)
-    } else if (att.contentBlock) {
-      blocks.push(att.contentBlock)
-    }
-  }
-
-  // 最后放用户文字（符合多模态模型的习惯：图在前，问题在后）
-  if (text) {
-    blocks.push({ type: 'text', text })
-  }
-
-  return blocks
-}
-
-/**
- * 支持的文件类型说明（用于 input accept 属性和提示文案）
- */
-export const ACCEPT_TYPES = [
-  'image/jpeg','image/png','image/webp','image/gif',
-  'application/pdf',
-  '.txt','.md','.js','.ts','.jsx','.tsx','.vue','.html','.css','.scss',
-  '.json','.yaml','.yml','.toml','.xml','.sql','.py','.go','.rs','.java',
-  '.sh','.bash','.env','.csv','.xlsx','.xls','.docx',
-].join(',')
-
-export const FILE_TYPE_HINT = '支持图片、PDF、代码、文本、Excel、Word 等格式'

package/guanwang/src/composables/useTheme.js

@@ -1,31 +0,0 @@
-/**
- * useTheme.js
- * 主题（深色/浅色）管理，provide/inject 模式
- */
-import { ref, watch, provide, inject } from 'vue'
-
-const THEME_KEY = Symbol('theme')
-
-export function createTheme() {
-  const theme = ref('light')
-
-  watch(theme, val => {
-    document.documentElement.setAttribute('data-theme', val)
-  }, { immediate: true })
-
-  function toggleTheme() {
-    theme.value = theme.value === 'dark' ? 'light' : 'dark'
-  }
-
-  return { theme, toggleTheme }
-}
-
-export function provideTheme() {
-  const themeStore = createTheme()
-  provide(THEME_KEY, themeStore)
-  return themeStore
-}
-
-export function useTheme() {
-  return inject(THEME_KEY)
-}

package/guanwang/src/config/api.js

@@ -1,71 +0,0 @@
-/**
- * API 配置
- * 在项目根目录创建 .env.local，填入以下变量：
- *
- *   # 文本 LLM
- *   VITE_API_BASE_URL=https://your-api-host.com
- *   VITE_API_KEY=sk-xxxxxxxxxxxxxxxxxxxx
- *   VITE_MODEL=gpt-4o
- *
- *   # 多模型选择（逗号分隔，不填则只显示默认模型）
- *   VITE_MODELS=gpt-4o,gpt-4o-mini,claude-3-5-sonnet-20241022,deepseek-chat
- *
- *   # 多模态视觉模型（独立 endpoint / key，不填则复用上面的配置）
- *   VITE_VL_API_BASE_URL=https://your-vl-api-host.com
- *   VITE_VL_API_KEY=sk-xxxxxxxxxxxxxxxxxxxx
- *   VITE_VL_MODEL=qwen3-vl-8b-instruct-k100
- *
- *   # 调试：在气泡底部显示原始文本
- *   VITE_SHOW_RAW_TEXT=true
- */
-export const API_CONFIG = {
-  baseURL:  import.meta.env.VITE_API_BASE_URL    || 'https://api.openai.com',
-  apiKey:   import.meta.env.VITE_API_KEY         || 'sk-your-key-here',
-  model:    import.meta.env.VITE_MODEL           || 'gpt-4o',
-
-  vlBaseURL: import.meta.env.VITE_VL_API_BASE_URL || null,
-  vlApiKey:  import.meta.env.VITE_VL_API_KEY      || null,
-  vlModel:   import.meta.env.VITE_VL_MODEL        || null,
-}
-
-/**
- * 从 VITE_MODELS 读取可选模型列表
- * 格式：逗号分隔的模型 id，例如：gpt-4o,gpt-4o-mini,claude-3-5-sonnet-20241022
- * 若未配置则返回仅含默认模型的数组
- */
-export function getAvailableModels() {
-  const raw = import.meta.env.VITE_MODELS || ''
-  const list = raw.split(',').map(s => s.trim()).filter(Boolean)
-  if (list.length === 0) return [API_CONFIG.model]
-  // 确保默认模型在列表中
-  if (!list.includes(API_CONFIG.model)) list.unshift(API_CONFIG.model)
-  return list
-}
-
-/**
- * 根据消息内容判断是否需要视觉模型
- */
-export function isVisualRequest(messages) {
-  return messages.some(m => {
-    const c = m.content
-    return Array.isArray(c) && c.some(b => b.type === 'image_url' || b.type === 'image')
-  })
-}
-
-/**
- * 根据消息内容选择对应的请求配置（model / baseURL / apiKey）
- */
-export function selectConfig(messages) {
-  const useVl = isVisualRequest(messages) && API_CONFIG.vlModel
-  return useVl
-    ? {
-        model:   API_CONFIG.vlModel,
-        baseURL: API_CONFIG.vlBaseURL || API_CONFIG.baseURL,
-        apiKey:  API_CONFIG.vlApiKey  || API_CONFIG.apiKey,
-      }
-    : {
-        model:   API_CONFIG.model,
-        baseURL: API_CONFIG.baseURL,
-        apiKey:  API_CONFIG.apiKey,
-      }
-}

package/guanwang/src/main.js

@@ -1,23 +0,0 @@
-import { createApp } from 'vue'
-import App from './App.vue'
-import router from './router/index.js'
-import ElementPlus from 'element-plus'
-import 'element-plus/dist/index.css'
-import * as ElementPlusIconsVue from '@element-plus/icons-vue'
-import 'katex/dist/katex.min.css'
-import './styles/global.css'  // 在 EP css 之后引入，覆盖主题变量
-
-// 挂载 KaTeX 到 window，供 useMarkdown 同步调用
-import katex from 'katex'
-window.katex = katex
-
-const app = createApp(App)
-
-// 注册所有 Element Plus 图标
-for (const [name, comp] of Object.entries(ElementPlusIconsVue)) {
-  app.component(name, comp)
-}
-
-app.use(router)
-app.use(ElementPlus)
-app.mount('#app')

package/guanwang/src/router/index.js

@@ -1,23 +0,0 @@
-import { createRouter, createWebHistory } from 'vue-router'
-import HomeView from '../views/HomeView.vue'
-import ChatView from '../views/ChatView.vue'
-import MarketView from '../views/MarketView.vue'
-import SkillsView from '../views/SkillsView.vue'
-import PracticesView from '../views/PracticesView.vue'
-
-const routes = [
-  { path: '/',           component: HomeView },
-  { path: '/chat',       component: ChatView },
-  { path: '/market',     component: MarketView },
-  { path: '/skills',     component: SkillsView },
-  { path: '/practices',  component: PracticesView },
-  { path: '/:pathMatch(.*)*', redirect: '/' },
-]
-
-const router = createRouter({
-  history: createWebHistory(),
-  routes,
-  scrollBehavior: () => ({ top: 0 }),
-})
-
-export default router

package/guanwang/src/services/authApi.js

@@ -1,27 +0,0 @@
-/**
- * authApi.js
- * 当前：mock 本地账号验证
- * 后续对接后端：将 login() 替换为真实 fetch 调用，返回格式保持 { user, token }
- */
-
-const MOCK_USERS = [
-  { id: 1, username: 'admin', password: 'admin123', name: '管理员', avatar: null, role: 'admin' },
-  { id: 2, username: 'dev',   password: 'dev123',   name: '开发者', avatar: null, role: 'developer' },
-]
-
-function delay(ms) {
-  return new Promise(resolve => setTimeout(resolve, ms))
-}
-
-export async function login(username, password) {
-  await delay(600)
-  const matched = MOCK_USERS.find(u => u.username === username && u.password === password)
-  if (!matched) throw new Error('账号或密码错误')
-  const { password: _pwd, ...user } = matched
-  const token = `mock-token-${user.id}-${Date.now()}`
-  return { user, token }
-}
-
-export async function logout() {
-  await delay(200)
-}

package/guanwang/src/services/chatApi.js

@@ -1,66 +0,0 @@
-/**
- * chatApi.js
- * 封装 OpenAI 兼容格式的流式对话接口（/v1/chat/completions）
- * 支持多模态 content 数组格式（图片 / 文本混合）
- */
-import { selectConfig } from '../config/api.js'
-
-/**
- * 发起流式对话请求
- * @param {object}      options
- * @param {Array}       options.messages    - 消息历史，content 可为字符串或数组（多模态）
- * @param {string}      [options.modelOverride] - 手动指定模型，不填则使用配置默认值
- * @param {Function}    options.onToken     - (token: string) => void
- * @param {Function}    options.onDone      - 流结束
- * @param {Function}    options.onError     - (error: Error) => void
- * @param {AbortSignal} options.signal
- */
-export async function streamChat({ messages, modelOverride, onToken, onDone, onError, signal }) {
-  try {
-    const cfg = selectConfig(messages)
-    const model = modelOverride || cfg.model
-    const { baseURL, apiKey } = cfg
-
-    const res = await fetch(`${baseURL}/v1/chat/completions`, {
-      method: 'POST',
-      headers: {
-        'Content-Type':  'application/json',
-        'Authorization': `Bearer ${apiKey}`,
-      },
-      body: JSON.stringify({ model, stream: true, messages }),
-      signal,
-    })
-
-    if (!res.ok) {
-      const errBody = await res.text()
-      throw new Error(`API 请求失败 ${res.status}: ${errBody}`)
-    }
-
-    const reader  = res.body.getReader()
-    const decoder = new TextDecoder('utf-8')
-    let   buffer  = ''
-
-    while (true) {
-      const { done, value } = await reader.read()
-      if (done) break
-      buffer += decoder.decode(value, { stream: true })
-      const lines = buffer.split('\n')
-      buffer = lines.pop()
-
-      for (const line of lines) {
-        const trimmed = line.trim()
-        if (!trimmed || trimmed === 'data: [DONE]') continue
-        if (!trimmed.startsWith('data: ')) continue
-        try {
-          const json  = JSON.parse(trimmed.slice(6))
-          const token = json.choices?.[0]?.delta?.content
-          if (token) onToken(token)
-        } catch { /* 非 JSON 行跳过 */ }
-      }
-    }
-    onDone?.()
-  } catch (err) {
-    if (err.name === 'AbortError') return
-    onError?.(err)
-  }
-}