ulysia/Vencord
1
0
Fork 0
Code Pull requests Activity

Settings: Calculate dependencies

Browse source
This commit is contained in:
Vendicated 2022-09-01 21:41:00 +02:00
parent 78deb0ebad
commit 9951e0bcc5
No known key found for this signature in database
GPG key ID: EC781ADFB93EFFA3
2 changed files with 86 additions and 31 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

87
src/components/Settings.tsx
View file

@ -1,9 +1,9 @@
import { useAwaiter } from "../utils/misc";
import { humanFriendlyJoin, useAwaiter } from "../utils/misc";
import Plugins from 'plugins';
import { useSettings } from "../api/settings";
import IpcEvents from "../utils/IpcEvents";
import { Button, ButtonProps, Flex, Switch, Forms } from "../webpack/common";
import { Button, ButtonProps, Flex, Switch, Forms, React } from "../webpack/common";
import ErrorBoundary from "./ErrorBoundary";
import { startPlugin } from "../plugins";
import { stopPlugin } from '../plugins/index';
@ -12,6 +12,22 @@ export default ErrorBoundary.wrap(function Settings(props) {
const [settingsDir, , settingsDirPending] = useAwaiter(() => VencordNative.ipc.invoke<string>(IpcEvents.GET_SETTINGS_DIR), "Loading...");
const settings = useSettings();
const depMap = React.useMemo(() => {
const o = {} as Record<string, string[]>;
for (const plugin in Plugins) {
const deps = Plugins[plugin].dependencies;
if (deps) {
for (const dep of deps) {
o[dep] ??= [];
o[dep].push(plugin);
}
}
}
return o;
}, []);
console.log(depMap);
return (
<Forms.FormSection tag="h1" title="Vencord">
<Forms.FormText>SettingsDir: {settingsDir}</Forms.FormText>
@ -45,39 +61,50 @@ export default ErrorBoundary.wrap(function Settings(props) {
</Switch>
<Forms.FormDivider />
<Forms.FormTitle tag="h5">Plugins</Forms.FormTitle>
{Object.values(Plugins).map(p => (
<Switch
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;
if (!Plugins[d].started && !stopPlugin) {
{Object.values(Plugins).map(p => {
const enabledDependants = depMap[p.name]?.filter(d => settings.plugins[d].enabled);
const dependency = enabledDependants?.length;
return (
<Switch
disabled={p.required || dependency}
key={p.name}
value={settings.plugins[p.name].enabled || p.required || dependency}
onChange={v => {
settings.plugins[p.name].enabled = v;
if (v) {
p.dependencies?.forEach(d => {
settings.plugins[d].enabled = true;
if (!Plugins[d].started && !stopPlugin) {
// TODO show notification
settings.plugins[p.name].enabled = false;
}
});
if (!p.started && !startPlugin(p)) {
// TODO show notification
settings.plugins[p.name].enabled = false;
}
});
if (!p.started && !startPlugin(p)) {
// TODO show notification
}
} else {
if (p.started && !stopPlugin(p)) {
} else {
if (p.started && !stopPlugin(p)) {
// TODO show notification
}
}
if (p.patches) {
// TODO show notification
}
}}
note={p.description}
tooltipNote={
p.required ?
"This plugin is required. Thus you cannot disable it."
: dependency ?
`${humanFriendlyJoin(enabledDependants)} ${enabledDependants.length === 1 ? "depends" : "depend"} on this plugin. Thus you cannot disable it.`
: ""
}
if (p.patches) {
// TODO show notification
}
}}
note={p.description}
tooltipNote={p.required ? "This plugin is required. Thus you cannot disable it." : undefined}
>
{p.name}
</Switch>
))
>
{p.name}
</Switch>
);
})
}
</Forms.FormSection >
);

28
src/utils/misc.tsx
View file

@ -70,3 +70,31 @@ export function mergeDefaults<T>(obj: T, defaults: T): T {
}
return obj;
}
/**
* Join an array of strings in a human readable way (1, 2 and 3)
* @param elements Elements
*/
export function humanFriendlyJoin(elements: string[]): string;
/**
* Join an array of strings in a human readable way (1, 2 and 3)
* @param elements Elements
* @param mapper Function that converts elements to a string
*/
export function humanFriendlyJoin<T>(elements: T[], mapper: (e: T) => string): string;
export function humanFriendlyJoin(elements: any[], mapper: (e: any) => string = s => s): string {
const { length } = elements;
if (length === 0) return "";
if (length === 1) return mapper(elements[0]);
let s = "";
for (let i = 0; i < length; i++) {
s += mapper(elements[i]);
if (length - i > 2) s += ", ";
else if (length - i > 1) s += " and ";
}
return s;
}