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 { 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 >
|
||||
);
|
||||
|
|
|
@ -69,4 +69,32 @@ 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;
|
||||
}
|
||||
|
|
Loading…
Reference in a new issue