Vencord/src/plugins/vencordToolbox.tsx

142 lines
4.4 KiB
TypeScript
Raw Normal View History

2023-05-02 00:55:38 +00:00
/*
* 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"
2023-05-02 00:57:25 +00:00
action={() => VencordNative.quickCss.openEditor()}
2023-05-02 00:55:38 +00:00
/>
{...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>
})
});