108 lines
4.1 KiB
TypeScript
108 lines
4.1 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 "./styles.css";
|
|
|
|
import { definePluginSettings } from "@api/Settings";
|
|
import ErrorBoundary from "@components/ErrorBoundary";
|
|
import { Devs } from "@utils/constants";
|
|
import definePlugin, { OptionType } from "@utils/types";
|
|
import { findComponentByCodeLazy } from "@webpack";
|
|
import { Popout, useRef, useState } from "@webpack/common";
|
|
import type { PropsWithChildren } from "react";
|
|
|
|
import { renderPopout } from "./menu";
|
|
|
|
const HeaderBarIcon = findComponentByCodeLazy(".HEADER_BAR_BADGE_BOTTOM,", 'position:"bottom"');
|
|
|
|
export const settings = definePluginSettings({
|
|
showPluginMenu: {
|
|
type: OptionType.BOOLEAN,
|
|
default: true,
|
|
description: "Show the plugins menu in the toolbox",
|
|
}
|
|
});
|
|
|
|
function Icon({ isShown }: { isShown: boolean; }) {
|
|
return (
|
|
<svg viewBox="0 0 27 27" width={18} height={18} className="vc-toolbox-icon">
|
|
{isShown
|
|
? <path fill="currentColor" d="M9 0h1v1h1v2h1v2h3V3h1V1h1V0h1v2h1v2h1v7h-1v-1h-3V9h1V6h-1v4h-3v1h1v-1h2v1h3v1h-1v1h-3v2h1v1h1v1h1v3h-1v4h-2v-1h-1v-4h-1v4h-1v1h-2v-4H9v-3h1v-1h1v-1h1v-2H9v-1H8v-1h3V6h-1v3h1v1H8v1H7V4h1V2h1M5 19h2v1h1v1h1v3H4v-1h2v-1H4v-2h1m15-1h2v1h1v2h-2v1h2v1h-5v-3h1v-1h1m4 3h4v1h-4" />
|
|
: <path fill="currentColor" d="M0 0h7v1H6v1H5v1H4v1H3v1H2v1h5v1H0V6h1V5h1V4h1V3h1V2h1V1H0m13 2h5v1h-1v1h-1v1h-1v1h3v1h-5V7h1V6h1V5h1V4h-3m8 5h1v5h1v-1h1v1h-1v1h1v-1h1v1h-1v3h-1v1h-2v1h-1v1h1v-1h2v-1h1v2h-1v1h-2v1h-1v-1h-1v1h-6v-1h-1v-1h-1v-2h1v1h2v1h3v1h1v-1h-1v-1h-3v-1h-4v-4h1v-2h1v-1h1v-1h1v2h1v1h1v-1h1v1h-1v1h2v-2h1v-2h1v-1h1M8 14h2v1H9v4h1v2h1v1h1v1h1v1h4v1h-6v-1H5v-1H4v-5h1v-1h1v-2h2m17 3h1v3h-1v1h-1v1h-1v2h-2v-2h2v-1h1v-1h1m1 0h1v3h-1v1h-2v-1h1v-1h1" />
|
|
}
|
|
</svg>
|
|
);
|
|
}
|
|
|
|
function VencordPopoutButton() {
|
|
const buttonRef = useRef(null);
|
|
const [show, setShow] = useState(false);
|
|
|
|
return (
|
|
<Popout
|
|
position="bottom"
|
|
align="right"
|
|
animation={Popout.Animation.NONE}
|
|
shouldShow={show}
|
|
onRequestClose={() => setShow(false)}
|
|
targetElementRef={buttonRef}
|
|
renderPopout={() => renderPopout(() => setShow(false))}
|
|
>
|
|
{(_, { isShown }) => (
|
|
<HeaderBarIcon
|
|
ref={buttonRef}
|
|
className="vc-toolbox-btn"
|
|
onClick={() => setShow(v => !v)}
|
|
tooltip={isShown ? null : "Vencord Toolbox"}
|
|
icon={() => <Icon isShown={isShown} />}
|
|
selected={isShown}
|
|
/>
|
|
)}
|
|
</Popout>
|
|
);
|
|
}
|
|
|
|
export default definePlugin({
|
|
name: "VencordToolbox",
|
|
description: "Adds a button to the titlebar that houses Vencord quick actions",
|
|
tags: ["Utility", "Developers"],
|
|
authors: [Devs.Ven, Devs.AutumnVN],
|
|
|
|
settings,
|
|
|
|
patches: [
|
|
{
|
|
find: '?"BACK_FORWARD_NAVIGATION":',
|
|
replacement: {
|
|
match: /(trailing:.{0,50}?)\i\.Fragment,(?=\{children:\[)/,
|
|
replace: "$1$self.TrailingWrapper,"
|
|
}
|
|
}
|
|
],
|
|
|
|
TrailingWrapper({ children }: PropsWithChildren) {
|
|
return (
|
|
<>
|
|
{children}
|
|
<ErrorBoundary key="vc-toolbox" noop>
|
|
<VencordPopoutButton />
|
|
</ErrorBoundary>
|
|
</>
|
|
);
|
|
},
|
|
});
|