1e22d5e4fS猫头猫import {getStorage, setStorage} from '@/utils/storage'; 2e22d5e4fS猫头猫import produce from 'immer'; 3e22d5e4fS猫头猫import {useEffect, useState} from 'react'; 4e22d5e4fS猫头猫 5e22d5e4fS猫头猫type ExceptionType = IMusic.IMusicItem | IMusic.IMusicItem[]; 6e22d5e4fS猫头猫interface IConfig { 7e22d5e4fS猫头猫 setting: { 8e22d5e4fS猫头猫 basic: { 9e22d5e4fS猫头猫 /** 最大同时下载 */ 10e22d5e4fS猫头猫 maxDownload: number | string; 11e22d5e4fS猫头猫 /** 同时播放 */ 12e22d5e4fS猫头猫 notInterrupt: boolean; 13e22d5e4fS猫头猫 /** 播放错误时自动停止 */ 14e22d5e4fS猫头猫 autoStopWhenError: boolean; 15e22d5e4fS猫头猫 16e22d5e4fS猫头猫 debug: { 17e22d5e4fS猫头猫 errorLog: boolean; 18e22d5e4fS猫头猫 traceLog: boolean; 19e22d5e4fS猫头猫 }; 20e22d5e4fS猫头猫 }; 21e22d5e4fS猫头猫 22e22d5e4fS猫头猫 /** 主题 */ 23e22d5e4fS猫头猫 theme: { 24e22d5e4fS猫头猫 mode: 'light' | 'dark' | 'custom-light' | 'custom-dark'; 25e22d5e4fS猫头猫 background: string; 26e22d5e4fS猫头猫 backgroundOpacity: number; 27e22d5e4fS猫头猫 backgroundBlur: number; 28e22d5e4fS猫头猫 colors: { 29e22d5e4fS猫头猫 primary: string; 30e22d5e4fS猫头猫 secondary: string; 31e22d5e4fS猫头猫 textHighlight: string; 32e22d5e4fS猫头猫 pageBackground: string; 33*f415a09cS猫头猫 accent: string; 34e22d5e4fS猫头猫 }; 35e22d5e4fS猫头猫 }; 36e22d5e4fS猫头猫 }; 37e22d5e4fS猫头猫 status: { 38e22d5e4fS猫头猫 music: { 39e22d5e4fS猫头猫 /** 当前的音乐 */ 40e22d5e4fS猫头猫 track: IMusic.IMusicItem; 41e22d5e4fS猫头猫 /** 进度 */ 42e22d5e4fS猫头猫 progress: number; 43e22d5e4fS猫头猫 /** 模式 */ 44e22d5e4fS猫头猫 repeatMode: string; 45e22d5e4fS猫头猫 /** 列表 */ 46e22d5e4fS猫头猫 musicQueue: IMusic.IMusicItem[]; 47e22d5e4fS猫头猫 }; 48e22d5e4fS猫头猫 }; 49e22d5e4fS猫头猫} 50e22d5e4fS猫头猫 51e22d5e4fS猫头猫type FilterType<T, R = never> = T extends Record<string | number, any> 52e22d5e4fS猫头猫 ? { 53e22d5e4fS猫头猫 [P in keyof T]: T[P] extends ExceptionType ? R : T[P]; 54e22d5e4fS猫头猫 } 55e22d5e4fS猫头猫 : never; 56e22d5e4fS猫头猫 57e22d5e4fS猫头猫type KeyPaths< 58e22d5e4fS猫头猫 T extends object, 59e22d5e4fS猫头猫 Root extends boolean = true, 60e22d5e4fS猫头猫 R = FilterType<T, ''>, 61e22d5e4fS猫头猫 K extends keyof R = keyof R, 62e22d5e4fS猫头猫> = K extends string | number 63e22d5e4fS猫头猫 ? 64e22d5e4fS猫头猫 | (Root extends true ? `${K}` : `.${K}`) 65e22d5e4fS猫头猫 | (R[K] extends Record<string | number, any> 664060c00aS猫头猫 ? `${Root extends true ? `${K}` : `.${K}`}${KeyPaths< 674060c00aS猫头猫 R[K], 684060c00aS猫头猫 false 694060c00aS猫头猫 >}` 70e22d5e4fS猫头猫 : never) 71e22d5e4fS猫头猫 : never; 72e22d5e4fS猫头猫 73e22d5e4fS猫头猫type KeyPathValue<T extends object, K extends string> = T extends Record< 74e22d5e4fS猫头猫 string | number, 75e22d5e4fS猫头猫 any 76e22d5e4fS猫头猫> 77e22d5e4fS猫头猫 ? K extends `${infer S}.${infer R}` 78e22d5e4fS猫头猫 ? KeyPathValue<T[S], R> 79e22d5e4fS猫头猫 : T[K] 80e22d5e4fS猫头猫 : never; 81e22d5e4fS猫头猫 82e22d5e4fS猫头猫type KeyPathsObj< 83e22d5e4fS猫头猫 T extends object, 84e22d5e4fS猫头猫 K extends string = KeyPaths<T>, 85e22d5e4fS猫头猫> = T extends Record<string | number, any> 86e22d5e4fS猫头猫 ? { 87e22d5e4fS猫头猫 [R in K]: KeyPathValue<T, R>; 88e22d5e4fS猫头猫 } 89e22d5e4fS猫头猫 : never; 90e22d5e4fS猫头猫 91e22d5e4fS猫头猫type DeepPartial<T> = { 92e22d5e4fS猫头猫 [K in keyof T]?: T[K] extends Record<string | number, any> 93e22d5e4fS猫头猫 ? T[K] extends ExceptionType 94e22d5e4fS猫头猫 ? T[K] 95e22d5e4fS猫头猫 : DeepPartial<T[K]> 96e22d5e4fS猫头猫 : T[K]; 97e22d5e4fS猫头猫}; 98e22d5e4fS猫头猫 99e22d5e4fS猫头猫type IConfigPaths = KeyPaths<IConfig>; 100e22d5e4fS猫头猫type PartialConfig = DeepPartial<IConfig> | null; 101e22d5e4fS猫头猫type IConfigPathsObj = KeyPathsObj<DeepPartial<IConfig>, IConfigPaths>; 102e22d5e4fS猫头猫 103e22d5e4fS猫头猫let config: PartialConfig = null; 104e22d5e4fS猫头猫/** 初始化config */ 1051f829e09S猫头猫async function setup() { 106e22d5e4fS猫头猫 config = (await getStorage('local-config')) ?? {}; 107e22d5e4fS猫头猫 // await checkValidPath(['setting.theme.background']); 108e22d5e4fS猫头猫 notify(); 109e22d5e4fS猫头猫} 110e22d5e4fS猫头猫 111e22d5e4fS猫头猫/** 设置config */ 112e22d5e4fS猫头猫async function setConfig<T extends IConfigPaths>( 113e22d5e4fS猫头猫 key: T, 114e22d5e4fS猫头猫 value: IConfigPathsObj[T], 115e22d5e4fS猫头猫 shouldNotify = true, 116e22d5e4fS猫头猫) { 117e22d5e4fS猫头猫 if (config === null) { 118e22d5e4fS猫头猫 return; 119e22d5e4fS猫头猫 } 120e22d5e4fS猫头猫 const keys = key.split('.'); 121e22d5e4fS猫头猫 122e22d5e4fS猫头猫 const result = produce(config, draft => { 123e22d5e4fS猫头猫 draft[keys[0] as keyof IConfig] = draft[keys[0] as keyof IConfig] ?? {}; 124e22d5e4fS猫头猫 let conf: any = draft[keys[0] as keyof IConfig]; 125e22d5e4fS猫头猫 for (let i = 1; i < keys.length - 1; ++i) { 126e22d5e4fS猫头猫 if (!conf?.[keys[i]]) { 127e22d5e4fS猫头猫 conf[keys[i]] = {}; 128e22d5e4fS猫头猫 } 129e22d5e4fS猫头猫 conf = conf[keys[i]]; 130e22d5e4fS猫头猫 } 131e22d5e4fS猫头猫 conf[keys[keys.length - 1]] = value; 132e22d5e4fS猫头猫 return draft; 133e22d5e4fS猫头猫 }); 134e22d5e4fS猫头猫 135e22d5e4fS猫头猫 setStorage('local-config', result); 136e22d5e4fS猫头猫 config = result; 137e22d5e4fS猫头猫 if (shouldNotify) { 138e22d5e4fS猫头猫 notify(); 139e22d5e4fS猫头猫 } 140e22d5e4fS猫头猫} 141e22d5e4fS猫头猫 142e22d5e4fS猫头猫/** 获取config */ 143e22d5e4fS猫头猫function getConfig(): PartialConfig; 144e22d5e4fS猫头猫function getConfig<T extends IConfigPaths>(key: T): IConfigPathsObj[T]; 145e22d5e4fS猫头猫function getConfig(key?: string) { 146e22d5e4fS猫头猫 let result: any = config; 147e22d5e4fS猫头猫 if (key && config) { 148e22d5e4fS猫头猫 result = getPathValue(config, key); 149e22d5e4fS猫头猫 } 150e22d5e4fS猫头猫 151e22d5e4fS猫头猫 return result; 152e22d5e4fS猫头猫} 153e22d5e4fS猫头猫 154e22d5e4fS猫头猫/** 通过path获取值 */ 155e22d5e4fS猫头猫function getPathValue(obj: Record<string, any>, path: string) { 156e22d5e4fS猫头猫 const keys = path.split('.'); 157e22d5e4fS猫头猫 let tmp = obj; 158e22d5e4fS猫头猫 for (let i = 0; i < keys.length; ++i) { 159e22d5e4fS猫头猫 tmp = tmp?.[keys[i]]; 160e22d5e4fS猫头猫 } 161e22d5e4fS猫头猫 return tmp; 162e22d5e4fS猫头猫} 163e22d5e4fS猫头猫 164e22d5e4fS猫头猫/** 同步hook */ 165e22d5e4fS猫头猫const notifyCbs = new Set<() => void>(); 166e22d5e4fS猫头猫function notify() { 167e22d5e4fS猫头猫 notifyCbs.forEach(_ => _?.()); 168e22d5e4fS猫头猫} 169e22d5e4fS猫头猫 170e22d5e4fS猫头猫/** hook */ 171e22d5e4fS猫头猫function useConfig(): PartialConfig; 172e22d5e4fS猫头猫function useConfig<T extends IConfigPaths>(key: T): IConfigPathsObj[T]; 173e22d5e4fS猫头猫function useConfig(key?: string) { 174e22d5e4fS猫头猫 const [_cfg, _setCfg] = useState<PartialConfig>(config); 175e22d5e4fS猫头猫 function setCfg() { 176e22d5e4fS猫头猫 _setCfg(config); 177e22d5e4fS猫头猫 } 178e22d5e4fS猫头猫 useEffect(() => { 179e22d5e4fS猫头猫 notifyCbs.add(setCfg); 180e22d5e4fS猫头猫 return () => { 181e22d5e4fS猫头猫 notifyCbs.delete(setCfg); 182e22d5e4fS猫头猫 }; 183e22d5e4fS猫头猫 }, []); 184e22d5e4fS猫头猫 185e22d5e4fS猫头猫 if (key) { 186e22d5e4fS猫头猫 return _cfg ? getPathValue(_cfg, key) : undefined; 187e22d5e4fS猫头猫 } else { 188e22d5e4fS猫头猫 return _cfg; 189e22d5e4fS猫头猫 } 190e22d5e4fS猫头猫} 191e22d5e4fS猫头猫 192e22d5e4fS猫头猫const Config = { 193e22d5e4fS猫头猫 get: getConfig, 194e22d5e4fS猫头猫 set: setConfig, 195e22d5e4fS猫头猫 useConfig, 1961f829e09S猫头猫 setup, 197e22d5e4fS猫头猫}; 198e22d5e4fS猫头猫 199e22d5e4fS猫头猫export default Config; 200