import plugins from "plugins"; import IpcEvents from "../utils/IpcEvents"; import { React } from "../webpack/common"; import { mergeDefaults } from '../utils/misc'; interface Settings { notifyAboutUpdates: boolean; unsafeRequire: boolean; useQuickCss: boolean; plugins: { [plugin: string]: { enabled: boolean; [setting: string]: any; }; }; } const DefaultSettings: Settings = { notifyAboutUpdates: true, unsafeRequire: false, useQuickCss: true, plugins: {} }; for (const plugin in plugins) { DefaultSettings.plugins[plugin] = { enabled: plugins[plugin].required ?? false }; } try { var settings = JSON.parse(VencordNative.ipc.sendSync(IpcEvents.GET_SETTINGS)) as Settings; for (const key in DefaultSettings) { settings[key] ??= DefaultSettings[key]; } mergeDefaults(settings, DefaultSettings); } catch (err) { console.error("Corrupt settings file. ", err); var settings = mergeDefaults({} as Settings, DefaultSettings); } type SubscriptionCallback = ((newValue: any, path: string) => void) & { _path?: string; }; const subscriptions = new Set(); function makeProxy(settings: Settings, root = settings, path = ""): Settings { return new Proxy(settings, { get(target, p: string) { const v = target[p]; if (typeof v === "object" && !Array.isArray(v)) return makeProxy(v, root, `${path}${path && "."}${p}`); return v; }, set(target, p: string, v) { if (target[p] === v) return true; target[p] = v; const setPath = `${path}${path && "."}${p}`; for (const subscription of subscriptions) { if (!subscription._path || subscription._path === setPath) { subscription(v, setPath); } } VencordNative.ipc.invoke(IpcEvents.SET_SETTINGS, JSON.stringify(root, null, 4)); return true; } }); } /** * A smart settings object. Altering props automagically saves * the updated settings to disk. */ export const Settings = makeProxy(settings); /** * Settings hook for React components. Returns a smart settings * object that automagically triggers a rerender if any properties * are altered * @returns Settings */ export function useSettings() { const [, forceUpdate] = React.useReducer(() => ({}), {}); React.useEffect(() => { subscriptions.add(forceUpdate); return () => void subscriptions.delete(forceUpdate); }, []); return Settings; } // Resolves a possibly nested prop in the form of "some.nested.prop" to type of T.some.nested.prop type ResolvePropDeep = P extends "" ? T : P extends `${infer Pre}.${infer Suf}` ? Pre extends keyof T ? ResolvePropDeep : never : P extends keyof T ? T[P] : never; /** * Add a settings listener that will be invoked whenever the desired setting is updated * @param path Path to the setting that you want to watch, for example "plugins.Unindent.enabled" will fire your callback * whenever Unindent is toggled. Pass an empty string to get notified for all changes * @param onUpdate Callback function whenever a setting matching path is updated. It gets passed the new value and the path * to the updated setting. This path will be the same as your path argument, unless it was an empty string. * * @example addSettingsListener("", (newValue, path) => console.log(`${path} is now ${newValue}`)) * addSettingsListener("plugins.Unindent.enabled", v => console.log("Unindent is now", v ? "enabled" : "disabled")) */ export function addSettingsListener(path: Path, onUpdate: (newValue: Settings[Path], path: Path) => void): void; export function addSettingsListener(path: Path, onUpdate: (newValue: Path extends "" ? any : ResolvePropDeep, path: Path extends "" ? string : Path) => void): void; export function addSettingsListener(path: string, onUpdate: (newValue: any, path: string) => void) { (onUpdate as SubscriptionCallback)._path = path; subscriptions.add(onUpdate); }