126 lines
3.4 KiB
TypeScript
126 lines
3.4 KiB
TypeScript
// filepath: src/stores/settings.ts
|
|
import { defineStore } from 'pinia'
|
|
import { invoke } from '@tauri-apps/api/core'
|
|
import { ref } from 'vue'
|
|
import type { RuntimeStatus } from '../types/task'
|
|
|
|
export interface Settings {
|
|
download_path: string
|
|
cookies_path?: string
|
|
theme: 'light' | 'dark' | 'system'
|
|
last_updated: string | null
|
|
}
|
|
|
|
export const useSettingsStore = defineStore('settings', () => {
|
|
const settings = ref<Settings>({
|
|
download_path: '',
|
|
cookies_path: '',
|
|
theme: 'system',
|
|
last_updated: null
|
|
})
|
|
|
|
const ytdlpVersion = ref('Checking...')
|
|
const quickjsVersion = ref('Checking...')
|
|
const ffmpegVersion = ref('Checking...')
|
|
const runtimeStatus = ref<RuntimeStatus | null>(null)
|
|
const isInitializing = ref(true)
|
|
const hasInitialized = ref(false)
|
|
let mediaQuery: MediaQueryList | null = null
|
|
let mediaListener: (() => void) | null = null
|
|
|
|
async function loadSettings() {
|
|
try {
|
|
const s = await invoke<Settings>('get_settings')
|
|
settings.value = s
|
|
applyTheme(s.theme)
|
|
} catch (e) {
|
|
console.error("Failed to load settings", e)
|
|
}
|
|
}
|
|
|
|
async function save() {
|
|
try {
|
|
await invoke('save_settings', { settings: settings.value })
|
|
applyTheme(settings.value.theme)
|
|
} catch (e) {
|
|
console.error("Failed to save settings", e)
|
|
}
|
|
}
|
|
|
|
async function initYtdlp() {
|
|
if (hasInitialized.value) return
|
|
try {
|
|
isInitializing.value = true
|
|
// check/download
|
|
await invoke('init_ytdlp')
|
|
await refreshVersions()
|
|
hasInitialized.value = true
|
|
} catch (e) {
|
|
console.error(e)
|
|
ytdlpVersion.value = 'Error'
|
|
quickjsVersion.value = 'Error'
|
|
ffmpegVersion.value = 'Error'
|
|
} finally {
|
|
isInitializing.value = false
|
|
}
|
|
}
|
|
|
|
async function refreshVersions() {
|
|
const [ytdlp, quickjs, ffmpeg, runtime] = await Promise.allSettled([
|
|
invoke<string>('get_ytdlp_version'),
|
|
invoke<string>('get_quickjs_version'),
|
|
invoke<string>('get_ffmpeg_version'),
|
|
invoke<RuntimeStatus>('get_runtime_status')
|
|
])
|
|
|
|
ytdlpVersion.value = ytdlp.status === 'fulfilled' ? ytdlp.value : 'Error'
|
|
quickjsVersion.value = quickjs.status === 'fulfilled' ? quickjs.value : 'Error'
|
|
ffmpegVersion.value = ffmpeg.status === 'fulfilled' ? ffmpeg.value : 'Error'
|
|
runtimeStatus.value = runtime.status === 'fulfilled' ? runtime.value : null
|
|
}
|
|
|
|
function applyTheme(theme: string) {
|
|
const root = document.documentElement
|
|
const isDark = theme === 'dark' || (theme === 'system' && window.matchMedia('(prefers-color-scheme: dark)').matches)
|
|
if (isDark) {
|
|
root.classList.add('dark')
|
|
} else {
|
|
root.classList.remove('dark')
|
|
}
|
|
}
|
|
|
|
function initThemeListener() {
|
|
if (mediaQuery) return
|
|
mediaQuery = window.matchMedia('(prefers-color-scheme: dark)')
|
|
mediaListener = () => {
|
|
if (settings.value.theme === 'system') {
|
|
applyTheme('system')
|
|
}
|
|
}
|
|
mediaQuery.addEventListener('change', mediaListener)
|
|
}
|
|
|
|
function disposeThemeListener() {
|
|
if (mediaQuery && mediaListener) {
|
|
mediaQuery.removeEventListener('change', mediaListener)
|
|
}
|
|
mediaQuery = null
|
|
mediaListener = null
|
|
}
|
|
|
|
return {
|
|
settings,
|
|
loadSettings,
|
|
save,
|
|
initYtdlp,
|
|
refreshVersions,
|
|
initThemeListener,
|
|
disposeThemeListener,
|
|
ytdlpVersion,
|
|
quickjsVersion,
|
|
ffmpegVersion,
|
|
runtimeStatus,
|
|
isInitializing
|
|
}
|
|
})
|