/* * Vencord, a modification for Discord's desktop app * Copyright (c) 2023 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 <https://www.gnu.org/licenses/>. */ import { openNotificationLogModal } from "@api/Notifications/notificationLog"; import ErrorBoundary from "@components/ErrorBoundary"; import { Devs } from "@utils/constants"; import { LazyComponent } from "@utils/misc"; import definePlugin from "@utils/types"; import { findByCode } from "@webpack"; import { Menu, Popout, useState } from "@webpack/common"; import type { ReactNode } from "react"; const HeaderBarIcon = LazyComponent(() => findByCode(".HEADER_BAR_BADGE,", ".tooltip")); function VencordPopout(onClose: () => void) { const pluginEntries = [] as ReactNode[]; for (const plugin of Object.values(Vencord.Plugins.plugins)) { if (plugin.toolboxActions) { pluginEntries.push( <Menu.MenuGroup label={plugin.name} key={`vc-toolbox-${plugin.name}`} > {Object.entries(plugin.toolboxActions).map(([text, action]) => { const key = `vc-toolbox-${plugin.name}-${text}`; return ( <Menu.MenuItem id={key} key={key} label={text} action={action} /> ); })} </Menu.MenuGroup> ); } } return ( <Menu.Menu navId="vc-toolbox" onClose={onClose} > <Menu.MenuItem id="vc-toolbox-notifications" label="Open Notification Log" action={openNotificationLogModal} /> <Menu.MenuItem id="vc-toolbox-quickcss" label="Open QuickCSS" action={() => VencordNative.quickCss.openEditor()} /> {...pluginEntries} </Menu.Menu> ); } function VencordPopoutIcon() { return ( <img width={24} height={24} src="https://raw.githubusercontent.com/Vencord/Website/main/public/assets/favicon.png" alt="Vencord Toolbox" /> ); } function VencordPopoutButton() { const [show, setShow] = useState(false); return ( <Popout position="bottom" align="right" animation={Popout.Animation.NONE} shouldShow={show} onRequestClose={() => setShow(false)} renderPopout={() => VencordPopout(() => setShow(false))} > {(_, { isShown }) => ( <HeaderBarIcon onClick={() => setShow(v => !v)} tooltip={isShown ? null : "Vencord Toolbox"} icon={VencordPopoutIcon} selected={isShown} /> )} </Popout> ); } function ToolboxFragmentWrapper({ children }: { children: ReactNode[]; }) { children.splice( children.length - 1, 0, <ErrorBoundary noop={true}> <VencordPopoutButton /> </ErrorBoundary> ); return <>{children}</>; } export default definePlugin({ name: "VencordToolbox", description: "Adds a button next to the inbox button in the channel header that houses Vencord quick actions", authors: [Devs.Ven], patches: [ { find: ".mobileToolbar", replacement: { match: /(?<=toolbar:function.{0,100}\()\i.Fragment,/, replace: "$self.ToolboxFragmentWrapper," } } ], ToolboxFragmentWrapper: ErrorBoundary.wrap(ToolboxFragmentWrapper, { fallback: () => <p style={{ color: "red" }}>Failed to render :(</p> }) });