Initial Settings UI work

src/renderer/settings.ts

@@ -0,0 +1,28 @@
+import type { Settings as TSettings } from "shared/settings";
+import { makeChangeListenerProxy } from "shared/utils/makeChangeListenerProxy";
+import { Common } from "./vencord";
+
+const signals = new Set<() => void>();
+
+export const PlainSettings = VencordDesktop.settings.get() as TSettings;
+export const Settings = makeChangeListenerProxy(PlainSettings, s => {
+    VencordDesktop.settings.set(s);
+    signals.forEach(fn => fn());
+});
+
+export function useSettings() {
+    const [, update] = Common.React.useReducer(x => x + 1, 0);
+    Common.React.useEffect(() => {
+        signals.add(update);
+        return () => signals.delete(update);
+    }, []);
+
+    return Settings;
+}
+
+export function getValueAndOnChange(key: keyof TSettings) {
+    return {
+        value: Settings[key] as any,
+        onChange: (value: any) => Settings[key] = value
+    };
+}