@templmf/temp-solf-lmf 0.0.55 → 0.0.56

package/guanwang/src/chat-sdk/features/artifact/index.js

@@ -1,13 +0,0 @@
-/**
- * features/artifact
- *
- * core   — 纯能力：artifact 解析、状态管理（headless / useChat 使用）
- * full   — 完整导出：core + UI 组件（createAIChat 使用）
- */
-
-// ── core：headless 只需要这些 ──────────────────────────────────────
-export { useArtifactStore, provideArtifactStore, ARTIFACT_LANGS, ARTIFACT_MIN_LINES, LANG_LABEL, LANG_EXT } from './useArtifactStore.js'
-
-// ── UI 组件：createAIChat 按需加载 ────────────────────────────────
-export const ArtifactPanel = () => import('./ArtifactPanel.vue')
-export const ArtifactCard  = () => import('./ArtifactCard.vue')

package/guanwang/src/chat-sdk/features/artifact/useArtifactStore.js

@@ -1,275 +0,0 @@
-/**
- * useArtifactStore.js  v2
- *
- * 对标 Claude Artifacts 体验：
- *   - 每个代码块 = 一个 Artifact（有文件名、语言、内容）
- *   - 右侧面板顶部 tab 栏展示当前会话所有 artifact，可切换
- *   - 聊天气泡里只显示轻量文件卡片
- *   - 流式生成时实时更新右侧面板内容
- */
-import { ref, computed, provide, inject, shallowRef } from 'vue'
-
-export 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
-  // text 语言超过行数阈值同样路由到面板，避免长文本只显示在气泡里
-  return code.split('\n').length >= 20
-}
-
-// ── 推断文件名 ────────────────────────────────────────────────────
-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)
-
-  // 用户手动收起面板
-  const manuallyHidden = ref(false)
-
-  // 面板是否可见（有 artifact 且用户未手动收起）
-  const panelVisible = computed(() => artifactsMap.value.size > 0 && !manuallyHidden.value)
-
-  // 有序 artifact 列表：插入时直接 push，避免每次 computed 都 spread+sort
-  // 用 ref 包装，外部可直接响应式订阅
-  const allArtifacts = ref([])
-
-  // 当前激活的 artifact
-  const activeArtifact = computed(() =>
-    artifactsMap.value.get(activeId.value) || allArtifacts.value[allArtifacts.value.length - 1] || null
-  )
-
-  // 按 messageId 分组（MessageBubble 用）
-  // 只在 allArtifacts 变化时重建，不跟 artifactsMap 直接联动
-  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
-    allArtifacts.value = [...allArtifacts.value, item]  // 维护有序列表
-    activeId.value = id
-    manuallyHidden.value = false   // 新 artifact 出现时自动展开面板
-    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 newItem = existing
-      ? { ...existing, code, lines, fileName: (inferred && !inferred.startsWith('generating')) ? inferred : existing.fileName }
-      : { id, messageId, lang, code, fileName, label, lines, _seq: ++_seq, streaming: false }
-    const next = new Map(artifactsMap.value)
-    next.set(id, newItem)
-    artifactsMap.value = next
-    // 同步更新有序列表
-    if (existing) {
-      const idx = allArtifacts.value.findIndex(a => a.id === id)
-      if (idx !== -1) {
-        const arr = [...allArtifacts.value]
-        arr[idx] = newItem
-        allArtifacts.value = arr
-      }
-    } else {
-      allArtifacts.value = [...allArtifacts.value, newItem]
-    }
-    activeId.value = id
-    syncActiveCode()
-    return id
-  }
-
-  function updateCode(artifactId, code) {
-    const item = artifactsMap.value.get(artifactId)
-    if (!item) return
-    // 流式期间跳过 inferFileName 和 split('\n') 计行（高频调用，代码越长越慢）
-    // lines 保持原值，等 markDone 时一次性计算
-    const next = new Map(artifactsMap.value)
-    next.set(artifactId, { ...item, code, streaming: true })
-    artifactsMap.value = next
-    syncActiveCode()
-  }
-
-  function markDone(artifactId) {
-    const item = artifactsMap.value.get(artifactId)
-    if (!item) return
-    // 流式结束时才做 inferFileName + split 计行，只执行一次
-    const inferred = inferFileName(item.lang, item.code, item._seq)
-    const lines    = item.code ? item.code.split('\n').length : 0
-    const fileName = (inferred && !inferred.startsWith('generating')) ? inferred : item.fileName
-    const updatedItem = { ...item, streaming: false, lines, fileName }
-    const next = new Map(artifactsMap.value)
-    next.set(artifactId, updatedItem)
-    artifactsMap.value = next
-    // 同步更新有序列表中的对应项
-    const idx = allArtifacts.value.findIndex(a => a.id === artifactId)
-    if (idx !== -1) {
-      const arr = [...allArtifacts.value]
-      arr[idx] = updatedItem
-      allArtifacts.value = arr
-    }
-    syncActiveCode()
-  }
-
-  function open(id) {
-    activeId.value = id
-    manuallyHidden.value = false
-    syncActiveCode()
-  }
-
-  function close() {
-    manuallyHidden.value = true
-  }
-
-  function clearSession() {
-    artifactsMap.value = new Map()
-    allArtifacts.value = []
-    activeId.value = null
-    manuallyHidden.value = false
-  }
-
-  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
-    allArtifacts.value = allArtifacts.value.filter(a => a.messageId !== messageId)
-  }
-
-  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
-}