206 lines
8.9 KiB
JavaScript
206 lines
8.9 KiB
JavaScript
import { defineStore } from 'pinia'
|
||
import { call, on, onTasksChanged } from './api'
|
||
|
||
export const useAppStore = defineStore('app', {
|
||
state: () => ({
|
||
bootstrap: { state: 'loading' },
|
||
projects: [],
|
||
projectGroups: [],
|
||
selectedProjectGroupId: Number(localStorage.getItem('cc-project-group-id') || 0),
|
||
dashboard: { projects: 0, totalLines: 0, commits: 0 },
|
||
settings: { theme: 'dark', locale: 'zh-CN', glassOpacity: 55, gitScope: 'current', autoRefresh: true, loadingStyle: 'fullscreen-orbit', imageMode: 'base64' },
|
||
tasks: {},
|
||
batchTaskIds: [],
|
||
batchSummary: null,
|
||
pendingAction: '',
|
||
favorites: [],
|
||
unreadMessages: 0,
|
||
// 左侧导航徽标（消息未读/待办/工单/今日到期/日历红点/团队指派）
|
||
badges: { unread: 0, todosOpen: 0, ticketsActive: 0, todayDue: 0, calendarDot: false, teamAssigned: 0 },
|
||
toast: null,
|
||
toastTimer: null,
|
||
toastLeaveTimer: null,
|
||
loading: false,
|
||
syncStatus: { configured: false, loggedIn: false, userId: 0, username: '', online: false, syncing: false },
|
||
avatarSrc: '',
|
||
loginOpen: false,
|
||
paletteOpen: false,
|
||
// 日历页"每日心语"入口：设为 'YYYY-MM-DD' 时 DailyCard 打开对应日期的卡片
|
||
dailyCardDate: '',
|
||
// 节日名 → { mode: 'photo'|'art', image: dataURL }（管理员上传，随同步分发）
|
||
festivalImages: {},
|
||
// 探测到加载失败的节日图（key → true），日历格自动回退动态插画
|
||
festBroken: {}
|
||
}),
|
||
actions: {
|
||
async boot() {
|
||
this.bootstrap = await call('GetBootstrapStatus')
|
||
if (this.bootstrap.state === 'ready') {
|
||
this.settings = await call('GetSettings')
|
||
this.applyAppearance(this.settings)
|
||
try { this.syncStatus = await call('GetSyncStatus') } catch {}
|
||
this.loadFestivalImages()
|
||
await this.refresh()
|
||
}
|
||
},
|
||
async loadFestivalImages() {
|
||
try { this.festivalImages = (await call('ListFestivalImages')) || {} } catch { return }
|
||
// 预探测 photo 模式的图片：解码失败的标记为 broken，展示时回退动态插画
|
||
for (const [key, it] of Object.entries(this.festivalImages)) {
|
||
if (it.mode !== 'photo' || !it.image) continue
|
||
const probe = new Image()
|
||
probe.onerror = () => { this.festBroken = { ...this.festBroken, [key]: true } }
|
||
probe.onload = () => { if (this.festBroken[key]) { const n = { ...this.festBroken }; delete n[key]; this.festBroken = n } }
|
||
probe.src = it.image
|
||
}
|
||
},
|
||
applyAppearance(settings) {
|
||
this.settings = { ...this.settings, ...settings }
|
||
let theme = this.settings.theme || 'dark'
|
||
if (theme === 'system') theme = matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light'
|
||
document.documentElement.dataset.theme = theme
|
||
document.documentElement.style.setProperty('--glass-user-opacity', String((this.settings.glassOpacity || 55) / 100))
|
||
localStorage.setItem('cc-settings', JSON.stringify(this.settings))
|
||
this.resolveAvatar()
|
||
},
|
||
// resolveAvatar 把设置中的头像解析为可显示的 <img> 源：path 模式需经后端读文件转 dataURL。
|
||
async resolveAvatar() {
|
||
const { avatarMode, avatarValue } = this.settings
|
||
if (!avatarMode || !avatarValue) { this.avatarSrc = ''; return }
|
||
if (avatarMode === 'path') {
|
||
try { this.avatarSrc = await call('ReadImageAsDataURL', avatarValue) } catch { this.avatarSrc = '' }
|
||
return
|
||
}
|
||
this.avatarSrc = avatarValue
|
||
},
|
||
async refreshSyncStatus() {
|
||
try { this.syncStatus = await call('GetSyncStatus') } catch {}
|
||
},
|
||
// openAccount 是所有登录入口的统一行为：未登录弹全屏登录层，已登录进个人主页。
|
||
openAccount(router) {
|
||
if (this.syncStatus.loggedIn) router?.push('/profile')
|
||
else this.loginOpen = true
|
||
},
|
||
async saveSettings(patch) {
|
||
const next = { ...this.settings, ...patch }
|
||
await call('SaveSettings', next)
|
||
this.applyAppearance(next)
|
||
return next
|
||
},
|
||
showToast(payload) {
|
||
clearTimeout(this.toastTimer)
|
||
clearTimeout(this.toastLeaveTimer)
|
||
this.toast = { ...payload, leaving: false, muted: false, id: Date.now() }
|
||
this.toastTimer = setTimeout(() => {
|
||
if (this.toast) this.toast.muted = true
|
||
}, 3000)
|
||
this.toastLeaveTimer = setTimeout(() => {
|
||
if (this.toast) this.toast.leaving = true
|
||
setTimeout(() => {
|
||
this.toast = null
|
||
}, 360)
|
||
}, 5000)
|
||
},
|
||
closeToast() {
|
||
clearTimeout(this.toastTimer)
|
||
clearTimeout(this.toastLeaveTimer)
|
||
if (this.toast) this.toast.leaving = true
|
||
setTimeout(() => {
|
||
this.toast = null
|
||
}, 220)
|
||
},
|
||
async refresh() {
|
||
this.loading = true
|
||
this.refreshSyncStatus()
|
||
try {
|
||
this.projectGroups = await call('ListProjectGroups')
|
||
if (this.selectedProjectGroupId && !this.projectGroups.some(g => g.id === this.selectedProjectGroupId)) {
|
||
this.setProjectGroup(0)
|
||
}
|
||
const groupId = this.selectedProjectGroupId || 0
|
||
;[this.projects, this.dashboard, this.favorites, this.unreadMessages] = await Promise.all([
|
||
groupId ? call('ListProjectsByGroup', groupId) : call('ListProjects'),
|
||
groupId ? call('GetDashboardByGroup', groupId) : call('GetDashboard'),
|
||
call('ListFavorites').catch(() => []),
|
||
call('UnreadMessageCount').catch(() => 0)
|
||
])
|
||
} finally {
|
||
this.loading = false
|
||
}
|
||
},
|
||
async toggleFavorite(projectId) {
|
||
const fav = await call('ToggleFavorite', projectId)
|
||
this.favorites = fav ? [projectId, ...this.favorites.filter(x => x !== projectId)] : this.favorites.filter(x => x !== projectId)
|
||
return fav
|
||
},
|
||
async refreshUnread() {
|
||
try { this.unreadMessages = await call('UnreadMessageCount') } catch {}
|
||
this.refreshBadges()
|
||
},
|
||
async refreshBadges() {
|
||
try { this.badges = await call('GetNavBadges') } catch {}
|
||
},
|
||
async changeProjectGroup(groupId) {
|
||
this.setProjectGroup(groupId)
|
||
await this.refresh()
|
||
},
|
||
setProjectGroup(groupId, persist = true) {
|
||
this.selectedProjectGroupId = Number(groupId) || 0
|
||
if (persist) localStorage.setItem('cc-project-group-id', String(this.selectedProjectGroupId))
|
||
},
|
||
listen() {
|
||
const offProgress = on('analysis:progress', e => {
|
||
delete this.tasks.__batch_pending__
|
||
this.tasks[e.taskId] = e
|
||
if (['completed', 'error', 'cancelled'].includes(e.stage)) {
|
||
if (this.batchTaskIds.includes(e.taskId)) {
|
||
this.batchTaskIds = this.batchTaskIds.filter(id => id !== e.taskId)
|
||
if (this.batchTaskIds.length) {
|
||
this.tasks.__batch_pending__ = { taskId: '__batch_pending__', projectId: 0, stage: 'queued', progress: 100, messageKey: e.messageKey, params: e.params }
|
||
}
|
||
}
|
||
this.showToast({ type: e.stage === 'completed' ? 'success' : 'error', key: e.messageKey, params: e.params })
|
||
this.refresh()
|
||
}
|
||
})
|
||
const offBatch = on('batch:done', s => {
|
||
this.batchSummary = s
|
||
this.batchTaskIds = []
|
||
delete this.tasks.__batch_pending__
|
||
this.showToast({ type: s.failed ? 'error' : 'success', key: 'batchDoneToast', params: { completed: s.completed, total: s.total } })
|
||
this.refresh()
|
||
})
|
||
const offMessage = on('message:new', () => { this.unreadMessages += 1; this.refreshBadges() })
|
||
const offSync = on('sync:done', async st => {
|
||
this.syncStatus = st || this.syncStatus
|
||
this.refreshBadges()
|
||
// 拉取可能更新了设置（头像 / API Key），刷新本地副本
|
||
try { this.applyAppearance(await call('GetSettings')) } catch {}
|
||
// 拉取可能带来新项目/分组/收藏，刷新项目列表
|
||
if (st?.pulled > 0) {
|
||
this.refresh().catch(() => {})
|
||
this.loadFestivalImages()
|
||
}
|
||
})
|
||
// 徽标：启动即取，任务变更事件 + 60s 轮询兜底
|
||
this.refreshBadges()
|
||
const offTasks = onTasksChanged(() => this.refreshBadges())
|
||
const badgeTimer = setInterval(() => this.refreshBadges(), 60000)
|
||
return () => { offProgress?.(); offBatch?.(); offMessage?.(); offSync?.(); offTasks?.(); clearInterval(badgeTimer) }
|
||
},
|
||
async analyze(id, kind = 'all') {
|
||
const task = await call('StartAnalysis', id, kind)
|
||
this.tasks[task] = { taskId: task, projectId: id, stage: 'start', progress: 1, messageKey: 'task.start' }
|
||
return task
|
||
},
|
||
async batchAnalyze(groupId = 0) {
|
||
const ids = groupId ? await call('StartBatchAnalysisByGroup', groupId) : await call('StartBatchAnalysis')
|
||
this.batchTaskIds = ids || []
|
||
if (this.batchTaskIds.length && !Object.values(this.tasks).some(x => !['completed', 'error', 'cancelled'].includes(x.stage))) {
|
||
this.tasks.__batch_pending__ = { taskId: '__batch_pending__', projectId: 0, stage: 'queued', progress: 1, messageKey: 'task.start' }
|
||
}
|
||
return this.batchTaskIds
|
||
}
|
||
}
|
||
})
|