143 lines
4.5 KiB
TypeScript
143 lines
4.5 KiB
TypeScript
/*
|
|
* 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 IpcEvents from "@utils/IpcEvents";
|
|
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.ipc.invoke(IpcEvents.OPEN_MONACO_EDITOR)}
|
|
/>
|
|
{...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>
|
|
})
|
|
});
|