/* * Vencord, a modification for Discord's desktop app * Copyright (c) 2022 Vendicated and contributors * * This program is free software: you can redistribute it and/or modify * it under the terms of the GNU General Public License as published by * the Free Software Foundation, either version 3 of the License, or * (at your option) any later version. * * This program is distributed in the hope that it will be useful, * but WITHOUT ANY WARRANTY; without even the implied warranty of * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the * GNU General Public License for more details. * * You should have received a copy of the GNU General Public License * along with this program. If not, see . */ import { User } from "discord-types/general"; import { Constructor } from "type-fest"; import { generateId } from "../../api/Commands"; import { useSettings } from "../../api/settings"; import { lazyWebpack, proxyLazy } from "../../utils"; import { ModalContent, ModalFooter, ModalHeader, ModalProps, ModalRoot, ModalSize } from "../../utils/modal"; import { OptionType, Plugin } from "../../utils/types"; import { filters } from "../../webpack"; import { Button, FluxDispatcher, Forms, React, Text, Tooltip, UserStore, UserUtils } from "../../webpack/common"; import ErrorBoundary from "../ErrorBoundary"; import { Flex } from "../Flex"; import { SettingBooleanComponent, SettingInputComponent, SettingNumericComponent, SettingSelectComponent, SettingSliderComponent, } from "./components"; const UserSummaryItem = lazyWebpack(filters.byCode("defaultRenderUser", "showDefaultAvatarsForNullUsers")); const AvatarStyles = lazyWebpack(filters.byProps(["moreUsers", "emptyUser", "avatarContainer", "clickableAvatar"])); const UserRecord: Constructor> = proxyLazy(() => UserStore.getCurrentUser().constructor) as any; interface PluginModalProps extends ModalProps { plugin: Plugin; onRestartNeeded(): void; } /** To stop discord making unwanted requests... */ function makeDummyUser(user: { name: string, id: BigInt; }) { const newUser = new UserRecord({ username: user.name, id: generateId(), bot: true, }); FluxDispatcher.dispatch({ type: "USER_UPDATE", user: newUser, }); return newUser; } export default function PluginModal({ plugin, onRestartNeeded, onClose, transitionState }: PluginModalProps) { const [authors, setAuthors] = React.useState[]>([]); const pluginSettings = useSettings().plugins[plugin.name]; const [tempSettings, setTempSettings] = React.useState>({}); const [errors, setErrors] = React.useState>({}); const canSubmit = () => Object.values(errors).every(e => !e); React.useEffect(() => { (async () => { for (const user of plugin.authors.slice(0, 6)) { const author = user.id ? await UserUtils.fetchUser(`${user.id}`).catch(() => null) : makeDummyUser(user); setAuthors(a => [...a, author || makeDummyUser(user)]); } })(); }, []); function saveAndClose() { if (!plugin.options) { onClose(); return; } let restartNeeded = false; for (const [key, value] of Object.entries(tempSettings)) { const option = plugin.options[key]; pluginSettings[key] = value; option?.onChange?.(value); if (option?.restartNeeded) restartNeeded = true; } if (restartNeeded) onRestartNeeded(); onClose(); } function renderSettings() { if (!pluginSettings || !plugin.options) { return There are no settings for this plugin.; } const options: JSX.Element[] = []; for (const [key, setting] of Object.entries(plugin.options)) { function onChange(newValue) { setTempSettings(s => ({ ...s, [key]: newValue })); } function onError(hasError: boolean) { setErrors(e => ({ ...e, [key]: hasError })); } const props = { onChange, pluginSettings, id: key, onError }; switch (setting.type) { case OptionType.SELECT: { options.push(); break; } case OptionType.STRING: { options.push(); break; } case OptionType.NUMBER: case OptionType.BIGINT: { options.push(); break; } case OptionType.BOOLEAN: { options.push(); break; } case OptionType.SLIDER: { options.push(); break; } } } return {options}; } function renderMoreUsers(_label: string, count: number) { const sliceCount = plugin.authors.length - count; const sliceStart = plugin.authors.length - sliceCount; const sliceEnd = sliceStart + plugin.authors.length - count; return ( u.name).join(", ")}> {({ onMouseEnter, onMouseLeave }) => (
+{sliceCount}
)}
); } return ( {plugin.name} About {plugin.name} {plugin.description}
{!!plugin.settingsAboutComponent && (
)} Settings {renderSettings()}
{({ onMouseEnter, onMouseLeave }) => ( )}
); }