@templmf/temp-solf-lmf 0.0.55 → 0.0.57

package/guanwang/src/composables/useArtifactStore.js

@@ -1,253 +0,0 @@
-/**
- * useArtifactStore.js  v2
- *
- * 对标 Claude Artifacts 体验：
- *   - 每个代码块 = 一个 Artifact（有文件名、语言、内容）
- *   - 右侧面板顶部 tab 栏展示当前会话所有 artifact，可切换
- *   - 聊天气泡里只显示轻量文件卡片
- *   - 流式生成时实时更新右侧面板内容
- */
-import { ref, computed, provide, inject, shallowRef } from 'vue'
-
-const STORE_KEY = Symbol('artifact-store')
-
-// ── 常量 ─────────────────────────────────────────────────────────
-export const ARTIFACT_MIN_LINES = 6
-
-export const ARTIFACT_LANGS = new Set([
-  'vue','html','jsx','tsx','mermaid','svg',
-])
-
-export const LANG_LABEL = {
-  vue:'Vue SFC', html:'HTML', jsx:'React JSX', tsx:'React TSX',
-  javascript:'JavaScript', js:'JavaScript', typescript:'TypeScript', ts:'TypeScript',
-  python:'Python', go:'Go', rust:'Rust', java:'Java', kotlin:'Kotlin', swift:'Swift',
-  css:'CSS', scss:'SCSS', sass:'SASS', less:'LESS',
-  sql:'SQL', graphql:'GraphQL',
-  bash:'Shell', sh:'Shell', shell:'Shell',
-  json:'JSON', yaml:'YAML', yml:'YAML', toml:'TOML', xml:'XML',
-  markdown:'Markdown', md:'Markdown',
-  mermaid:'Mermaid 图', svg:'SVG', math:'Math', latex:'LaTeX',
-}
-
-export const LANG_EXT = {
-  vue:'vue', html:'html', jsx:'jsx', tsx:'tsx',
-  javascript:'js', js:'js', typescript:'ts', ts:'ts',
-  python:'py', go:'go', rust:'rs', java:'java', kotlin:'kt', swift:'swift',
-  css:'css', scss:'scss', sass:'sass', less:'less',
-  sql:'sql', graphql:'graphql', bash:'sh', sh:'sh', shell:'sh',
-  json:'json', yaml:'yaml', yml:'yaml', toml:'toml', xml:'xml',
-  markdown:'md', md:'md', mermaid:'mmd', svg:'svg', math:'tex', latex:'tex',
-}
-
-// ── 判断是否应成为 Artifact（兜底规则，优先级低于 AI 的 [artifact] 显式标记）──
-// 仅当代码行数 >= 50 且语言有意义时自动路由到面板
-export function shouldBeArtifact(lang, code) {
-  if (!code?.trim()) return false
-  if (!lang) return false
-  return code.split('\n').length >= 50
-}
-
-// ── 推断文件名 ────────────────────────────────────────────────────
-export function inferFileName(lang, code, index) {
-  const ext = LANG_EXT[lang] || 'txt'
-
-  if (lang === 'vue') {
-    const m = code.match(/(?:name|defineOptions\(\{[^}]*name):\s*['"]([^'"]+)['"]/)
-      || code.match(/\/\/\s*([A-Z][a-zA-Z0-9]+)\.vue/)
-    if (m?.[1]) return `${m[1]}.vue`
-    return `Component${index > 1 ? index : ''}.vue`
-  }
-  if (lang === 'html') {
-    const m = code.match(/<title>([^<]{1,40})<\/title>/)
-    if (m?.[1]) return `${m[1].trim().replace(/\s+/g,'-').toLowerCase()}.html`
-    return `index.html`
-  }
-  if (lang === 'jsx' || lang === 'tsx') {
-    const m = code.match(/(?:function|const|class)\s+([A-Z][a-zA-Z0-9]+)/)
-    if (m?.[1]) return `${m[1]}.${ext}`
-    return `App.${ext}`
-  }
-  if (lang === 'mermaid') {
-    const first = code.trim().split('\n')[0]?.trim().replace(/\s+.*/,'').toLowerCase()
-    return first ? `${first}.mmd` : `diagram.mmd`
-  }
-  if (lang === 'python') {
-    const m = code.match(/^#\s*(.+)/m) || code.match(/def\s+(\w+)/)
-    if (m?.[1]) return `${m[1].trim().replace(/\s+/g,'_').toLowerCase()}.py`
-    return `script.py`
-  }
-  if (lang === 'json') {
-    try {
-      const obj = JSON.parse(code)
-      if (obj.name) return `${obj.name}.json`
-    } catch {}
-    return `data.json`
-  }
-
-  return `${lang === 'javascript' || lang === 'js' ? 'script' : 'code'}-${index}.${ext}`
-}
-
-// ── Store 工厂 ───────────────────────────────────────────────────
-export function createArtifactStore() {
-  // 当前激活 artifact 的 code 独立 ref，专门用于外部精确订阅
-  // 因为 artifactsMap 是 shallowRef，item 对象内部属性变化无法被 computed/watch 自动追踪
-  const activeCode = ref('')
-
-  // 正在 streaming 的 artifact id 集合，用 ref 包装保证 ArtifactCard 能响应式追踪
-  const streamingIds = ref(new Set())
-
-  // 同步 activeCode 到当前激活 artifact 的 code
-  function syncActiveCode() {
-    const art = artifactsMap.value.get(activeId.value)
-      || [...artifactsMap.value.values()].at(-1)
-      || null
-    activeCode.value = art?.code ?? ''
-  }
-
-  // 所有 artifact，shallowRef 避免深层响应式
-  const artifactsMap = shallowRef(new Map())
-
-  // 当前激活的 artifact id
-  const activeId = ref(null)
-
-  // 面板是否可见（有任何 artifact 就显示）
-  const panelVisible = computed(() => artifactsMap.value.size > 0)
-
-  // 所有 artifact 列表（按注册顺序，用于 tab 栏）
-  const allArtifacts = computed(() => {
-    return [...artifactsMap.value.values()].sort((a, b) => a._seq - b._seq)
-  })
-
-  // 当前激活的 artifact
-  const activeArtifact = computed(() =>
-    artifactsMap.value.get(activeId.value) || allArtifacts.value[allArtifacts.value.length - 1] || null
-  )
-
-  // 按 messageId 分组（MessageBubble 用）
-  const byMessage = computed(() => {
-    const map = new Map()
-    for (const art of allArtifacts.value) {
-      const list = map.get(art.messageId) || []
-      list.push(art)
-      map.set(art.messageId, list)
-    }
-    return map
-  })
-
-  let _seq = 0
-
-  function preRegister({ messageId, lang, index }) {
-    const id = `art-${messageId}-${index}`
-    if (artifactsMap.value.has(id)) return id
-    const label    = LANG_LABEL[lang] || lang?.toUpperCase() || 'Code'
-    const ext      = LANG_EXT[lang] || 'txt'
-    const fileName = `generating.${ext}`
-    const item = {
-      id, messageId, lang, code: '', fileName, label, lines: 0,
-      _seq: ++_seq, streaming: true,
-    }
-    const next = new Map(artifactsMap.value)
-    next.set(id, item)
-    artifactsMap.value = next
-    activeId.value = id
-    syncActiveCode()
-    return id
-  }
-
-  function register({ messageId, lang, code, index }) {
-    const id       = `art-${messageId}-${index}`
-    const label    = LANG_LABEL[lang] || lang?.toUpperCase() || 'Code'
-    const lines    = code.split('\n').length
-    const inferred = inferFileName(lang, code, index)
-    const fileName = (inferred && !inferred.startsWith('generating')) ? inferred : `code-${index}.${LANG_EXT[lang] || 'txt'}`
-
-    const existing = artifactsMap.value.get(id)
-    const next = new Map(artifactsMap.value)
-    // 始终替换为新对象，确保引用变化
-    next.set(id, existing
-      ? { ...existing, code, lines, fileName: (inferred && !inferred.startsWith('generating')) ? inferred : existing.fileName }
-      : { id, messageId, lang, code, fileName, label, lines, _seq: ++_seq, streaming: false }
-    )
-    artifactsMap.value = next
-    activeId.value = id
-    syncActiveCode()
-    return id
-  }
-
-  function updateCode(artifactId, code) {
-    const item = artifactsMap.value.get(artifactId)
-    if (!item) return
-    const inferred = inferFileName(item.lang, code, item._seq)
-    const next = new Map(artifactsMap.value)
-    // 替换为新对象，确保引用变化能触发 ArtifactCard 重渲染
-    next.set(artifactId, {
-      ...item,
-      code,
-      lines: code.split('\n').length,
-      streaming: true,
-      fileName: (inferred && !inferred.startsWith('generating')) ? inferred : item.fileName,
-    })
-    artifactsMap.value = next
-    syncActiveCode()
-  }
-
-  function markDone(artifactId) {
-    const item = artifactsMap.value.get(artifactId)
-    console.log('[markDone] item found:', !!item, 'current streaming:', item?.streaming)
-    if (!item) return
-    const next = new Map(artifactsMap.value)
-    const newItem = { ...item, streaming: false }
-    next.set(artifactId, newItem)
-    artifactsMap.value = next
-    console.log('[markDone] done, newItem.streaming:', newItem.streaming)
-    syncActiveCode()
-  }
-
-  function open(id) {
-    activeId.value = id
-    syncActiveCode()
-  }
-
-  function close() {
-    // 不关闭面板，只清空 activeId（面板由 panelVisible 控制，有 artifact 就显示）
-    activeId.value = null
-  }
-
-  function clearSession() {
-    artifactsMap.value = new Map()
-    activeId.value = null
-  }
-
-  function clearByMessage(messageId) {
-    const next = new Map(artifactsMap.value)
-    for (const [id, art] of next) {
-      if (art.messageId === messageId) next.delete(id)
-    }
-    if (activeId.value && !next.has(activeId.value)) {
-      activeId.value = next.size > 0 ? [...next.values()].at(-1).id : null
-    }
-    artifactsMap.value = next
-  }
-
-  return {
-    artifactsMap, activeId, activeArtifact, activeCode,
-    allArtifacts, panelVisible, byMessage,
-    preRegister, register, updateCode, markDone,
-    open, close, clearSession, clearByMessage,
-    LANG_LABEL, LANG_EXT,
-    shouldBeArtifact,
-  }
-}
-
-export function provideArtifactStore() {
-  const store = createArtifactStore()
-  provide(STORE_KEY, store)
-  return store
-}
-
-export function useArtifactStore() {
-  const store = inject(STORE_KEY)
-  if (!store) throw new Error('useArtifactStore: missing provideArtifactStore()')
-  return store
-}

package/guanwang/src/composables/useAuth.js

@@ -1,88 +0,0 @@
-/**
- * useAuth.js
- * 全局用户认证状态管理（provide/inject 模式）
- * 登录态持久化到 localStorage，页面刷新后自动恢复
- */
-import { ref, computed, provide, inject } from 'vue'
-import { login, logout } from '../services/authApi.js'
-
-const AUTH_KEY    = Symbol('auth')
-const LS_USER_KEY = 'citic_auth_user'
-const LS_TOKEN_KEY = 'citic_auth_token'
-
-// ── localStorage 工具 ─────────────────────────────────────────────
-function lsSave(user, token) {
-  try {
-    localStorage.setItem(LS_USER_KEY,  JSON.stringify(user))
-    localStorage.setItem(LS_TOKEN_KEY, token)
-  } catch { /* 隐私模式下 localStorage 可能不可用，静默忽略 */ }
-}
-
-function lsClear() {
-  try {
-    localStorage.removeItem(LS_USER_KEY)
-    localStorage.removeItem(LS_TOKEN_KEY)
-  } catch {}
-}
-
-function lsRestore() {
-  try {
-    const rawUser  = localStorage.getItem(LS_USER_KEY)
-    const rawToken = localStorage.getItem(LS_TOKEN_KEY)
-    if (rawUser && rawToken) {
-      return { user: JSON.parse(rawUser), token: rawToken }
-    }
-  } catch {}
-  return null
-}
-
-export function createAuth() {
-  // 初始化时从 localStorage 恢复登录态
-  const saved = lsRestore()
-
-  const user      = ref(saved?.user  || null)
-  const token     = ref(saved?.token || null)
-  const isLoading = ref(false)
-  const error     = ref('')
-
-  const isLoggedIn = computed(() => !!user.value)
-
-  async function doLogin(username, password) {
-    isLoading.value = true
-    error.value = ''
-    try {
-      const result = await login(username, password)
-      user.value  = result.user
-      token.value = result.token
-      lsSave(result.user, result.token)   // 持久化
-      return true
-    } catch (err) {
-      error.value = err.message || '登录失败，请重试'
-      return false
-    } finally {
-      isLoading.value = false
-    }
-  }
-
-  async function doLogout() {
-    await logout()
-    user.value  = null
-    token.value = null
-    error.value = ''
-    lsClear()   // 清除持久化
-  }
-
-  return { user, token, isLoggedIn, isLoading, error, doLogin, doLogout }
-}
-
-export function provideAuth() {
-  const auth = createAuth()
-  provide(AUTH_KEY, auth)
-  return auth
-}
-
-export function useAuth() {
-  const auth = inject(AUTH_KEY)
-  if (!auth) throw new Error('useAuth must be used inside a component with provideAuth()')
-  return auth
-}

package/guanwang/src/composables/useChatDB.js

@@ -1,147 +0,0 @@
-/**
- * useChatDB.js
- * IndexedDB 持久化层，负责聊天 sessions 的存取
- *
- * 存储策略：
- *   - 仅存 displayText（msg.content）和 attachments 元信息（不存 base64 图片数据）
- *   - apiContent 含 image_url base64，体积大且无需持久化，不写入 DB
- *   - 每次写入整个 sessions 数组（简化实现，sessions 数量通常不超过几十条）
- *
- * DB 结构：
- *   db: citic_chat  version: 1
- *   store: sessions  keyPath: id
- */
-
-const DB_NAME    = 'citic_chat'
-const DB_VERSION = 1
-const STORE_NAME = 'sessions'
-
-let _db = null
-
-// ── 打开 / 初始化 DB ──────────────────────────────────────────────
-function openDB() {
-  if (_db) return Promise.resolve(_db)
-
-  return new Promise((resolve, reject) => {
-    const req = indexedDB.open(DB_NAME, DB_VERSION)
-
-    req.onupgradeneeded = (e) => {
-      const db = e.target.result
-      if (!db.objectStoreNames.contains(STORE_NAME)) {
-        db.createObjectStore(STORE_NAME, { keyPath: 'id' })
-      }
-    }
-
-    req.onsuccess = (e) => {
-      _db = e.target.result
-      resolve(_db)
-    }
-
-    req.onerror = () => reject(req.error)
-  })
-}
-
-// ── 序列化：去除不需要持久化的大体积字段 ─────────────────────────
-function serializeSession(session) {
-  return {
-    id:       session.id,
-    title:    session.title,
-    messages: session.messages.map(msg => {
-      const base = {
-        id:        msg.id,
-        role:      msg.role,
-        content:   msg.content,   // displayText，安全
-        error:     msg.error || false,
-        streaming: false,         // 持久化时流式已结束
-      }
-      // attachments 只保留元信息（无 base64 preview）
-      if (msg.attachments && msg.attachments.length > 0) {
-        base.attachments = msg.attachments.map(att => ({
-          id:       att.id,
-          fileName: att.fileName,
-          type:     att.type,
-          ext:      att.ext,
-          // preview（图片 dataURL）体积大，不持久化
-        }))
-      }
-      // apiContent 完全不持久化（含 base64 / 文件原文）
-      return base
-    }),
-  }
-}
-
-// ── 保存所有 sessions ─────────────────────────────────────────────
-export async function saveSessions(sessions) {
-  try {
-    const db = await openDB()
-    const tx = db.transaction(STORE_NAME, 'readwrite')
-    const store = tx.objectStore(STORE_NAME)
-
-    // 先清空旧数据，再写入当前全量（保持顺序）
-    store.clear()
-    for (const session of sessions) {
-      store.put(serializeSession(session))
-    }
-
-    return new Promise((resolve, reject) => {
-      tx.oncomplete = () => resolve()
-      tx.onerror    = () => reject(tx.error)
-    })
-  } catch (err) {
-    // DB 操作失败静默处理，不影响主流程
-    console.warn('[ChatDB] saveSessions failed:', err)
-  }
-}
-
-// ── 读取所有 sessions ─────────────────────────────────────────────
-export async function loadSessions() {
-  try {
-    const db = await openDB()
-    const tx = db.transaction(STORE_NAME, 'readonly')
-    const store = tx.objectStore(STORE_NAME)
-
-    return new Promise((resolve, reject) => {
-      const req = store.getAll()
-      req.onsuccess = () => {
-        const rows = req.result || []
-        // IndexedDB getAll 不保证顺序，按 id（时间戳）降序排列（新会话在前）
-        rows.sort((a, b) => b.id - a.id)
-        resolve(rows)
-      }
-      req.onerror = () => reject(req.error)
-    })
-  } catch (err) {
-    console.warn('[ChatDB] loadSessions failed:', err)
-    return []
-  }
-}
-
-// ── 删除单条 session ──────────────────────────────────────────────
-export async function deleteSession(id) {
-  try {
-    const db = await openDB()
-    const tx = db.transaction(STORE_NAME, 'readwrite')
-    tx.objectStore(STORE_NAME).delete(id)
-    return new Promise((resolve, reject) => {
-      tx.oncomplete = () => resolve()
-      tx.onerror    = () => reject(tx.error)
-    })
-  } catch (err) {
-    console.warn('[ChatDB] deleteSession failed:', err)
-  }
-}
-
-// ── 清空所有 sessions ─────────────────────────────────────────────
-export async function clearAllSessions() {
-  try {
-    const db = await openDB()
-    const tx = db.transaction(STORE_NAME, 'readwrite')
-    tx.objectStore(STORE_NAME).clear()
-    return new Promise((resolve, reject) => {
-      tx.oncomplete = () => resolve()
-      tx.onerror    = () => reject(tx.error)
-    })
-  } catch (err) {
-    console.warn('[ChatDB] clearAllSessions failed:', err)
-  }
-}

package/guanwang/src/composables/useCountUp.js

@@ -1,24 +0,0 @@
-/**
- * useCountUp.js
- * 数字滚动动画
- */
-import { ref } from 'vue'
-
-export function useCountUp(target, duration = 1800) {
-  const current = ref(0)
-  let started = false
-
-  function start() {
-    if (started) return
-    started = true
-    const t0  = performance.now()
-    const tick = (now) => {
-      const p = Math.min((now - t0) / duration, 1)
-      current.value = Math.round((1 - Math.pow(1 - p, 3)) * target)
-      if (p < 1) requestAnimationFrame(tick)
-    }
-    requestAnimationFrame(tick)
-  }
-
-  return { current, start }
-}