View Raw on more objects (#27)

Shows view raw on guilds, channels, and users

Reviewed-on: https://codeberg.org/Ven/cord/pulls/27
Co-authored-by: Luna <imlvnaa@gmail.com>
Co-committed-by: Luna <imlvnaa@gmail.com>
This commit is contained in:
Luna 2023-09-05 18:49:57 +00:00 committed by Ven
parent 8614e17633
commit 69cb7593eb

@ -16,6 +16,7 @@
* along with this program. If not, see <https://www.gnu.org/licenses/>. * along with this program. If not, see <https://www.gnu.org/licenses/>.
*/ */
import { addContextMenuPatch, NavContextMenuPatchCallback, removeContextMenuPatch } from "@api/ContextMenu";
import { addButton, removeButton } from "@api/MessagePopover"; import { addButton, removeButton } from "@api/MessagePopover";
import { definePluginSettings } from "@api/Settings"; import { definePluginSettings } from "@api/Settings";
import ErrorBoundary from "@components/ErrorBoundary"; import ErrorBoundary from "@components/ErrorBoundary";
@ -25,7 +26,7 @@ import { Margins } from "@utils/margins";
import { copyWithToast } from "@utils/misc"; import { copyWithToast } from "@utils/misc";
import { closeModal, ModalCloseButton, ModalContent, ModalFooter, ModalHeader, ModalRoot, ModalSize, openModal } from "@utils/modal"; import { closeModal, ModalCloseButton, ModalContent, ModalFooter, ModalHeader, ModalRoot, ModalSize, openModal } from "@utils/modal";
import definePlugin, { OptionType } from "@utils/types"; import definePlugin, { OptionType } from "@utils/types";
import { Button, ChannelStore, Forms, Parser, Text } from "@webpack/common"; import { Button, ChannelStore, Forms, Menu, Parser, Text } from "@webpack/common";
import { Message } from "discord-types/general"; import { Message } from "discord-types/general";
@ -67,10 +68,7 @@ function CodeBlock(props: { content: string, lang: string; }) {
); );
} }
function openViewRawModal(msg: Message) { function openViewRawModal(json: string, type: string, msgContent?: string) {
msg = cleanMessage(msg);
const msgJson = JSON.stringify(msg, null, 4);
const key = openModal(props => ( const key = openModal(props => (
<ErrorBoundary> <ErrorBoundary>
<ModalRoot {...props} size={ModalSize.LARGE}> <ModalRoot {...props} size={ModalSize.LARGE}>
@ -80,26 +78,28 @@ function openViewRawModal(msg: Message) {
</ModalHeader> </ModalHeader>
<ModalContent> <ModalContent>
<div style={{ padding: "16px 0" }}> <div style={{ padding: "16px 0" }}>
{!!msg.content && ( {!!msgContent && (
<> <>
<Forms.FormTitle tag="h5">Content</Forms.FormTitle> <Forms.FormTitle tag="h5">Content</Forms.FormTitle>
<CodeBlock content={msg.content} lang="" /> <CodeBlock content={msgContent} lang="" />
<Forms.FormDivider className={Margins.bottom20} /> <Forms.FormDivider className={Margins.bottom20} />
</> </>
)} )}
<Forms.FormTitle tag="h5">Message Data</Forms.FormTitle> <Forms.FormTitle tag="h5">{type} Data</Forms.FormTitle>
<CodeBlock content={msgJson} lang="json" /> <CodeBlock content={json} lang="json" />
</div> </div>
</ModalContent > </ModalContent >
<ModalFooter> <ModalFooter>
<Flex cellSpacing={10}> <Flex cellSpacing={10}>
<Button onClick={() => copyWithToast(msgJson, "Message data copied to clipboard!")}> <Button onClick={() => copyWithToast(json, `${type} data copied to clipboard!`)}>
Copy Message JSON Copy {type} JSON
</Button> </Button>
<Button onClick={() => copyWithToast(msg.content, "Content copied to clipboard!")}> {!!msgContent && (
<Button onClick={() => copyWithToast(msgContent, "Content copied to clipboard!")}>
Copy Raw Content Copy Raw Content
</Button> </Button>
)}
</Flex> </Flex>
</ModalFooter> </ModalFooter>
</ModalRoot > </ModalRoot >
@ -107,6 +107,13 @@ function openViewRawModal(msg: Message) {
)); ));
} }
function openViewRawModalMessage(msg: Message) {
msg = cleanMessage(msg);
const msgJson = JSON.stringify(msg, null, 4);
return openViewRawModal(msgJson, "Message", msg.content);
}
const settings = definePluginSettings({ const settings = definePluginSettings({
clickMethod: { clickMethod: {
description: "Change the button to view the raw content/data of any message.", description: "Change the button to view the raw content/data of any message.",
@ -118,10 +125,25 @@ const settings = definePluginSettings({
} }
}); });
function MakeContextCallback(name: string) {
const callback: NavContextMenuPatchCallback = (children, props) => () => {
children.push(
<Menu.MenuItem
id={`vc-view-${name.toLowerCase()}-raw`}
label="View Raw"
action={() => openViewRawModal(JSON.stringify(props[name.toLowerCase()], null, 4), name)}
icon={CopyIcon}
/>
);
};
return callback;
}
export default definePlugin({ export default definePlugin({
name: "ViewRaw", name: "ViewRaw",
description: "Copy and view the raw content/data of any message.", description: "Copy and view the raw content/data of any message.",
authors: [Devs.KingFish, Devs.Ven, Devs.rad], authors: [Devs.KingFish, Devs.Ven, Devs.rad, Devs.ImLvna],
dependencies: ["MessagePopoverAPI"], dependencies: ["MessagePopoverAPI"],
settings, settings,
@ -131,7 +153,7 @@ export default definePlugin({
if (settings.store.clickMethod === "Right") { if (settings.store.clickMethod === "Right") {
copyWithToast(msg.content); copyWithToast(msg.content);
} else { } else {
openViewRawModal(msg); openViewRawModalMessage(msg);
} }
}; };
@ -143,7 +165,7 @@ export default definePlugin({
} else { } else {
e.preventDefault(); e.preventDefault();
e.stopPropagation(); e.stopPropagation();
openViewRawModal(msg); openViewRawModalMessage(msg);
} }
}; };
@ -160,9 +182,16 @@ export default definePlugin({
onContextMenu: handleContextMenu onContextMenu: handleContextMenu
}; };
}); });
addContextMenuPatch("guild-context", MakeContextCallback("Guild"));
addContextMenuPatch("channel-context", MakeContextCallback("Channel"));
addContextMenuPatch("user-context", MakeContextCallback("User"));
}, },
stop() { stop() {
removeButton("CopyRawMessage"); removeButton("CopyRawMessage");
removeContextMenuPatch("guild-context", MakeContextCallback("Guild"));
removeContextMenuPatch("channel-context", MakeContextCallback("Channel"));
removeContextMenuPatch("user-context", MakeContextCallback("User"));
} }
}); });