HideMedia — FiveCord

index.tsx

Download

Source

src/plugins/hideAttachments/index.tsx

1/*

2 * FiveCord — a Discord client mod

4 * SPDX-License-Identifier: GPL-3.0-or-later

5 */

7import "./styles.css";

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

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

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

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

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

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

15import definePlugin from "@utils/types";

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

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

19const KEY = "HideAttachments_HiddenIds";

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

23async function getHiddenMessages() {

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

25 return hiddenMessages;

26}

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

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

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

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

35 const ids = await getHiddenMessages();

36 if (!ids.delete(messageId))

37 ids.add(messageId);

39 await saveHiddenMessages(ids);

40 updateMessage(channelId, messageId);

41}

43export default definePlugin({

44 name: "HideMedia",

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

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

47 authors: [Devs.Ven],

48 dependencies: ["MessageUpdaterAPI"],

50 patches: [{

51 find: "this.renderAttachments(",

52 replacement: {

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

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

55 }

56 }],

58 messagePopoverButton: {

59 icon: ImageInvisible,

60 render(msg) {

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

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

65 return {

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

67 icon: isHidden ? ImageVisible : ImageInvisible,

68 message: msg,

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

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

71 };

72 },

73 },

75 renderMessageAccessory({ message }) {

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

78 return (

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

80 Media Hidden

81 </span>

82 );

83 },

85 async start() {

86 await getHiddenMessages();

87 },

89 stop() {

90 hiddenMessages.clear();

91 },

93 shouldHide(messageId: string) {

94 return hiddenMessages.has(messageId);

95 },

96});

/*
 * FiveCord — a Discord client mod
 * Copyright (c) 2025 FiveCord
 * SPDX-License-Identifier: GPL-3.0-or-later
 */

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