110 lines
4.1 KiB
TypeScript
110 lines
4.1 KiB
TypeScript
import plugins from "plugins";
|
|
import IpcEvents from "../utils/IpcEvents";
|
|
import { React } from "../webpack/common";
|
|
import { mergeDefaults } from "../utils/misc";
|
|
|
|
interface Settings {
|
|
notifyAboutUpdates: boolean;
|
|
useQuickCss: boolean;
|
|
plugins: {
|
|
[plugin: string]: {
|
|
enabled: boolean;
|
|
[setting: string]: any;
|
|
};
|
|
};
|
|
}
|
|
|
|
const DefaultSettings: Settings = {
|
|
notifyAboutUpdates: true,
|
|
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<SubscriptionCallback>();
|
|
|
|
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<T, P> = P extends "" ? T :
|
|
P extends `${infer Pre}.${infer Suf}` ?
|
|
Pre extends keyof T ? ResolvePropDeep<T[Pre], Suf> : 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 extends keyof Settings>(path: Path, onUpdate: (newValue: Settings[Path], path: Path) => void): void;
|
|
export function addSettingsListener<Path extends string>(path: Path, onUpdate: (newValue: Path extends "" ? any : ResolvePropDeep<Settings, Path>, 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);
|
|
}
|