Vencord/src/components/Settings.tsx

68 lines
2.8 KiB
TypeScript
Raw Normal View History

2022-08-31 18:47:07 +00:00
import { useAwaiter } from "../utils/misc";
2022-08-31 02:07:16 +00:00
import Plugins from 'plugins';
import { useSettings } from "../api/settings";
import IpcEvents from "../utils/IpcEvents";
2022-08-31 18:47:07 +00:00
import { Button, ButtonProps, Flex, Switch, Forms } from "../webpack/common";
import ErrorBoundary from "./ErrorBoundary";
2022-08-31 02:07:16 +00:00
2022-08-31 18:47:07 +00:00
export default ErrorBoundary.wrap(function Settings(props) {
const [settingsDir, , settingsDirPending] = useAwaiter(() => VencordNative.ipc.invoke<string>(IpcEvents.GET_SETTINGS_DIR), "Loading...");
2022-08-31 02:07:16 +00:00
const settings = useSettings();
return (
<Forms.FormSection tag="h1" title="Vencord">
<Forms.FormText>SettingsDir: {settingsDir}</Forms.FormText>
2022-08-31 18:47:07 +00:00
<Flex style={{ marginTop: "8px", marginBottom: "8px" }}>
<Flex.Child>
2022-08-31 02:07:16 +00:00
<Button
onClick={() => VencordNative.ipc.invoke(IpcEvents.OPEN_PATH, settingsDir)}
2022-08-31 18:47:07 +00:00
size={ButtonProps.ButtonSizes.SMALL}
disabled={settingsDirPending}
2022-08-31 02:07:16 +00:00
>
Launch Directory
</Button>
2022-08-31 18:47:07 +00:00
</Flex.Child>
<Flex.Child>
2022-08-31 02:07:16 +00:00
<Button
onClick={() => VencordNative.ipc.invoke(IpcEvents.OPEN_PATH, settingsDir + "/quickCss.css")}
2022-08-31 18:47:07 +00:00
size={ButtonProps.ButtonSizes.SMALL}
2022-08-31 02:07:16 +00:00
disabled={settingsDir === "Loading..."}
>
Open QuickCSS File
</Button>
2022-08-31 18:47:07 +00:00
</Flex.Child>
2022-08-31 02:07:16 +00:00
</Flex>
<Forms.FormTitle tag="h5">Settings</Forms.FormTitle>
2022-08-31 18:47:07 +00:00
<Switch
2022-08-31 02:07:16 +00:00
value={settings.unsafeRequire}
onChange={v => settings.unsafeRequire = v}
note="Enables VencordNative.require. Useful for testing, very bad for security. Leave this off unless you need it."
>
Enable Ensafe Require
2022-08-31 18:47:07 +00:00
</Switch>
2022-08-31 02:07:16 +00:00
<Forms.FormDivider />
<Forms.FormTitle tag="h5">Plugins</Forms.FormTitle>
{Plugins.map(p => (
2022-08-31 18:47:07 +00:00
<Switch
2022-08-31 02:07:16 +00:00
disabled={p.required === true}
key={p.name}
value={settings.plugins[p.name].enabled}
onChange={v => {
settings.plugins[p.name].enabled = v;
if (v) {
p.dependencies?.forEach(d => {
settings.plugins[d].enabled = true;
});
}
}}
note={p.description}
tooltipNote={p.required ? "This plugin is required. Thus you cannot disable it." : undefined}
>
{p.name}
2022-08-31 18:47:07 +00:00
</Switch>
2022-08-31 02:07:16 +00:00
))
}
</Forms.FormSection >
);
2022-08-31 18:47:07 +00:00
});