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