CopyStickerLinks — FiveCord

index.tsx

Download

Source

src/plugins/copyStickerLinks/index.tsx

1/*

2 * FiveCord — a Discord client mod

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

5 */

7import { findGroupChildrenByChildId, NavContextMenuPatchCallback } from "@api/ContextMenu";

8import { isPluginEnabled } from "@api/PluginManager";

9import ExpressionClonerPlugin from "@plugins/expressionCloner";

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

11import { copyWithToast } from "@utils/discord";

12import definePlugin from "@utils/types";

13import { Message, Sticker } from "@vencord/discord-types";

14import { Menu, React, StickersStore } from "@webpack/common";

16const StickerExt = [, "png", "png", "json", "gif"] as const;

18type PartialSticker = Pick<Sticker, "id" | "format_type">;

20function getUrl(data: PartialSticker): string {

21 if (data.format_type === 4)

22 return `https:${window.GLOBAL_ENV.MEDIA_PROXY_ENDPOINT}/stickers/${data.id}.gif?size=512&lossless=true`;

    return `https:class="ts-cmt">//${window.GLOBAL_ENV.CDN_HOST}/stickers/${data.id}.${StickerExt[data.format_type]}?size=512&lossless=true`;

25}

27function buildMenuItem(sticker: PartialSticker, addBottomSeparator: boolean) {

28 return (

29 <>

30 <Menu.MenuGroup>

31 <Menu.MenuItem

32 id="vc-copy-sticker-link"

33 key="vc-copy-sticker-link"

34 label="Copy Link"

35 action={() => copyWithToast(getUrl(sticker), "Link copied!")}

36 />

38 <Menu.MenuItem

39 id="vc-open-sticker-link"

40 key="vc-open-sticker-link"

41 label="Open Link"

42 action={() => VencordNative.native.openExternal(getUrl(sticker))}

43 />

44 </Menu.MenuGroup>

45 {addBottomSeparator && <Menu.MenuSeparator />}

46 </>

47 );

48}

50const messageContextMenuPatch: NavContextMenuPatchCallback = (

51 children,

    { favoriteableId, favoriteableType, message }: { favoriteableId: string; favoriteableType: string; message: Message; }

53) => {

54 if (!favoriteableId || favoriteableType !== "sticker") return;

56 const sticker = message.stickerItems.find(s => s.id === favoriteableId);

57 if (!sticker?.format_type) return;

    const idx = children.findIndex(c => Array.isArray(c) && findGroupChildrenByChildId("vc-copy-sticker-url", c) != null);

61 children.splice(idx, 0, buildMenuItem(sticker, idx !== -1));

62};

64const expressionPickerPatch: NavContextMenuPatchCallback = (children, props: { target: HTMLElement; }) => {

65 const id = props?.target?.dataset?.id;

66 if (!id) return;

67 if (props.target.className?.includes("lottieCanvas")) return;

69 const sticker = StickersStore.getStickerById(id);

70 if (sticker) {

71 children.push(buildMenuItem(sticker, isPluginEnabled(ExpressionClonerPlugin.name)));

72 }

73};

75export default definePlugin({

76 name: "CopyStickerLinks",

77 description: "Adds the ability to copy & open Sticker links",

78 tags: ["Emotes", "Utility"],

79 authors: [Devs.Ven, Devs.Byeoon],

80 contextMenus: {

81 "message": messageContextMenuPatch,

82 "expression-picker": expressionPickerPatch

83 }

84});

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

import { findGroupChildrenByChildId, NavContextMenuPatchCallback } from "@api/ContextMenu";
import { isPluginEnabled } from "@api/PluginManager";
import ExpressionClonerPlugin from "@plugins/expressionCloner";
import { Devs } from "@utils/constants";
import { copyWithToast } from "@utils/discord";
import definePlugin from "@utils/types";
import { Message, Sticker } from "@vencord/discord-types";
import { Menu, React, StickersStore } from "@webpack/common";

const StickerExt = [, "png", "png", "json", "gif"] as const;

type PartialSticker = Pick<Sticker, "id" | "format_type">;

function getUrl(data: PartialSticker): string {
    if (data.format_type === 4)
        return `https:${window.GLOBAL_ENV.MEDIA_PROXY_ENDPOINT}/stickers/${data.id}.gif?size=512&lossless=true`;

    return `https://${window.GLOBAL_ENV.CDN_HOST}/stickers/${data.id}.${StickerExt[data.format_type]}?size=512&lossless=true`;
}

function buildMenuItem(sticker: PartialSticker, addBottomSeparator: boolean) {
    return (
        <>
            <Menu.MenuGroup>
                <Menu.MenuItem
                    id="vc-copy-sticker-link"
                    key="vc-copy-sticker-link"
                    label="Copy Link"
                    action={() => copyWithToast(getUrl(sticker), "Link copied!")}
                />

                <Menu.MenuItem
                    id="vc-open-sticker-link"
                    key="vc-open-sticker-link"
                    label="Open Link"
                    action={() => VencordNative.native.openExternal(getUrl(sticker))}
                />
            </Menu.MenuGroup>
            {addBottomSeparator && <Menu.MenuSeparator />}
        </>
    );
}

const messageContextMenuPatch: NavContextMenuPatchCallback = (
    children,
    { favoriteableId, favoriteableType, message }: { favoriteableId: string; favoriteableType: string; message: Message; }
) => {
    if (!favoriteableId || favoriteableType !== "sticker") return;

    const sticker = message.stickerItems.find(s => s.id === favoriteableId);
    if (!sticker?.format_type) return;

    const idx = children.findIndex(c => Array.isArray(c) && findGroupChildrenByChildId("vc-copy-sticker-url", c) != null);

    children.splice(idx, 0, buildMenuItem(sticker, idx !== -1));
};

const expressionPickerPatch: NavContextMenuPatchCallback = (children, props: { target: HTMLElement; }) => {
    const id = props?.target?.dataset?.id;
    if (!id) return;
    if (props.target.className?.includes("lottieCanvas")) return;

    const sticker = StickersStore.getStickerById(id);
    if (sticker) {
        children.push(buildMenuItem(sticker, isPluginEnabled(ExpressionClonerPlugin.name)));
    }
};

export default definePlugin({
    name: "CopyStickerLinks",
    description: "Adds the ability to copy & open Sticker links",
    tags: ["Emotes", "Utility"],
    authors: [Devs.Ven, Devs.Byeoon],
    contextMenus: {
        "message": messageContextMenuPatch,
        "expression-picker": expressionPickerPatch
    }
});

Source

FiveCord for Windows