HideMedia — FiveCord

index.tsx

Download

Source

src/plugins/hideAttachments/index.tsx

1import "./styles.css";

3import { get, set } from "@api/DataStore";

4import { updateMessage } from "@api/MessageUpdater";

5import { migratePluginSettings } from "@api/Settings";

6import { ImageInvisible, ImageVisible } from "@components/Icons";

7import { Devs } from "@utils/constants";

8import { classes } from "@utils/misc";

9import definePlugin from "@utils/types";

10import { Message } from "@vencord/discord-types";

11import { ChannelStore } from "@webpack/common";

13const KEY = "HideAttachments_HiddenIds";

15let hiddenMessages = new Set<string>();

17async function getHiddenMessages() {

18 hiddenMessages = await get(KEY) ?? new Set();

19 return hiddenMessages;

20}

22const saveHiddenMessages = (ids: Set<string>) => set(KEY, ids);

24migratePluginSettings("HideMedia", "HideAttachments");

const hasMedia = (msg: Message) => msg.attachments.length > 0 || msg.embeds.length > 0 || msg.stickerItems.length > 0 || msg.components.length > 0;

28async function toggleHide(channelId: string, messageId: string) {

29 const ids = await getHiddenMessages();

30 if (!ids.delete(messageId))

31 ids.add(messageId);

33 await saveHiddenMessages(ids);

34 updateMessage(channelId, messageId);

35}

37export default definePlugin({

38 name: "HideMedia",

39 description: "Hide attachments and embeds for individual messages via hover button",

40 tags: ["Chat", "Appearance"],

41 authors: [Devs.Ven],

42 dependencies: ["MessageUpdaterAPI"],

44 patches: [{

45 find: "this.renderAttachments(",

46 replacement: {

47 match: /(?<=\i=)this\.render(?:Attachments|Embeds|StickersAccessories|ComponentAccessories)$(\i)$/g,

48 replace: "$self.shouldHide($1?.id)?null:$&"

49 }

50 }],

52 messagePopoverButton: {

53 icon: ImageInvisible,

54 render(msg) {

55 if (!hasMedia(msg) && !msg.messageSnapshots.some(s => hasMedia(s.message))) return null;

57 const isHidden = hiddenMessages.has(msg.id);

59 return {

60 label: isHidden ? "Show Media" : "Hide Media",

61 icon: isHidden ? ImageVisible : ImageInvisible,

62 message: msg,

63 channel: ChannelStore.getChannel(msg.channel_id),

64 onClick: () => toggleHide(msg.channel_id, msg.id)

65 };

66 },

67 },

69 renderMessageAccessory({ message }) {

70 if (!this.shouldHide(message.id)) return null;

72 return (

            <span className={classes("vc-hideAttachments-accessory", !message.content && "vc-hideAttachments-no-content")}>

74 Media Hidden

75 </span>

76 );

77 },

79 async start() {

80 await getHiddenMessages();

81 },

83 stop() {

84 hiddenMessages.clear();

85 },

87 shouldHide(messageId: string) {

88 return hiddenMessages.has(messageId);

89 },

90});

import "./styles.css";

import { get, set } from "@api/DataStore";
import { updateMessage } from "@api/MessageUpdater";
import { migratePluginSettings } from "@api/Settings";
import { ImageInvisible, ImageVisible } from "@components/Icons";
import { Devs } from "@utils/constants";
import { classes } from "@utils/misc";
import definePlugin from "@utils/types";
import { Message } from "@vencord/discord-types";
import { ChannelStore } from "@webpack/common";

const KEY = "HideAttachments_HiddenIds";

let hiddenMessages = new Set<string>();

async function getHiddenMessages() {
    hiddenMessages = await get(KEY) ?? new Set();
    return hiddenMessages;
}

const saveHiddenMessages = (ids: Set<string>) => set(KEY, ids);

migratePluginSettings("HideMedia", "HideAttachments");

const hasMedia = (msg: Message) => msg.attachments.length > 0 || msg.embeds.length > 0 || msg.stickerItems.length > 0 || msg.components.length > 0;

async function toggleHide(channelId: string, messageId: string) {
    const ids = await getHiddenMessages();
    if (!ids.delete(messageId))
        ids.add(messageId);

    await saveHiddenMessages(ids);
    updateMessage(channelId, messageId);
}

export default definePlugin({
    name: "HideMedia",
    description: "Hide attachments and embeds for individual messages via hover button",
    tags: ["Chat", "Appearance"],
    authors: [Devs.Ven],
    dependencies: ["MessageUpdaterAPI"],

    patches: [{
        find: "this.renderAttachments(",
        replacement: {
            match: /(?<=\i=)this\.render(?:Attachments|Embeds|StickersAccessories|ComponentAccessories)\((\i)\)/g,
            replace: "$self.shouldHide($1?.id)?null:$&"
        }
    }],

    messagePopoverButton: {
        icon: ImageInvisible,
        render(msg) {
            if (!hasMedia(msg) && !msg.messageSnapshots.some(s => hasMedia(s.message))) return null;

            const isHidden = hiddenMessages.has(msg.id);

            return {
                label: isHidden ? "Show Media" : "Hide Media",
                icon: isHidden ? ImageVisible : ImageInvisible,
                message: msg,
                channel: ChannelStore.getChannel(msg.channel_id),
                onClick: () => toggleHide(msg.channel_id, msg.id)
            };
        },
    },

    renderMessageAccessory({ message }) {
        if (!this.shouldHide(message.id)) return null;

        return (
            <span className={classes("vc-hideAttachments-accessory", !message.content && "vc-hideAttachments-no-content")}>
                Media Hidden
            </span>
        );
    },

    async start() {
        await getHiddenMessages();
    },

    stop() {
        hiddenMessages.clear();
    },

    shouldHide(messageId: string) {
        return hiddenMessages.has(messageId);
    },
});

Source

FiveCord for Windows