Settings: Calculate dependencies
This commit is contained in:
parent
78deb0ebad
commit
9951e0bcc5
|
@ -1,9 +1,9 @@
|
||||||
import { useAwaiter } from "../utils/misc";
|
import { humanFriendlyJoin, useAwaiter } from "../utils/misc";
|
||||||
import Plugins from 'plugins';
|
import Plugins from 'plugins';
|
||||||
import { useSettings } from "../api/settings";
|
import { useSettings } from "../api/settings";
|
||||||
import IpcEvents from "../utils/IpcEvents";
|
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 ErrorBoundary from "./ErrorBoundary";
|
||||||
import { startPlugin } from "../plugins";
|
import { startPlugin } from "../plugins";
|
||||||
import { stopPlugin } from '../plugins/index';
|
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 [settingsDir, , settingsDirPending] = useAwaiter(() => VencordNative.ipc.invoke<string>(IpcEvents.GET_SETTINGS_DIR), "Loading...");
|
||||||
const settings = useSettings();
|
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 (
|
return (
|
||||||
<Forms.FormSection tag="h1" title="Vencord">
|
<Forms.FormSection tag="h1" title="Vencord">
|
||||||
<Forms.FormText>SettingsDir: {settingsDir}</Forms.FormText>
|
<Forms.FormText>SettingsDir: {settingsDir}</Forms.FormText>
|
||||||
|
@ -45,11 +61,15 @@ export default ErrorBoundary.wrap(function Settings(props) {
|
||||||
</Switch>
|
</Switch>
|
||||||
<Forms.FormDivider />
|
<Forms.FormDivider />
|
||||||
<Forms.FormTitle tag="h5">Plugins</Forms.FormTitle>
|
<Forms.FormTitle tag="h5">Plugins</Forms.FormTitle>
|
||||||
{Object.values(Plugins).map(p => (
|
{Object.values(Plugins).map(p => {
|
||||||
|
const enabledDependants = depMap[p.name]?.filter(d => settings.plugins[d].enabled);
|
||||||
|
const dependency = enabledDependants?.length;
|
||||||
|
|
||||||
|
return (
|
||||||
<Switch
|
<Switch
|
||||||
disabled={p.required === true}
|
disabled={p.required || dependency}
|
||||||
key={p.name}
|
key={p.name}
|
||||||
value={settings.plugins[p.name].enabled}
|
value={settings.plugins[p.name].enabled || p.required || dependency}
|
||||||
onChange={v => {
|
onChange={v => {
|
||||||
settings.plugins[p.name].enabled = v;
|
settings.plugins[p.name].enabled = v;
|
||||||
if (v) {
|
if (v) {
|
||||||
|
@ -73,11 +93,18 @@ export default ErrorBoundary.wrap(function Settings(props) {
|
||||||
}
|
}
|
||||||
}}
|
}}
|
||||||
note={p.description}
|
note={p.description}
|
||||||
tooltipNote={p.required ? "This plugin is required. Thus you cannot disable it." : undefined}
|
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.`
|
||||||
|
: ""
|
||||||
|
}
|
||||||
>
|
>
|
||||||
{p.name}
|
{p.name}
|
||||||
</Switch>
|
</Switch>
|
||||||
))
|
);
|
||||||
|
})
|
||||||
}
|
}
|
||||||
</Forms.FormSection >
|
</Forms.FormSection >
|
||||||
);
|
);
|
||||||
|
|
|
@ -70,3 +70,31 @@ export function mergeDefaults<T>(obj: T, defaults: T): T {
|
||||||
}
|
}
|
||||||
return obj;
|
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;
|
||||||
|
}
|
||||||
|
|
Loading…
Reference in a new issue