CopyStickerLinks — FiveCord

index.tsx

Download

Source

src/plugins/copyStickerLinks/index.tsx

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

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

3import ExpressionClonerPlugin from "@plugins/expressionCloner";

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

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

6import definePlugin from "@utils/types";

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

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

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

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

14function getUrl(data: PartialSticker): string {

15 if (data.format_type === 4)

16 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`;

19}

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

22 return (

23 <>

24 <Menu.MenuGroup>

25 <Menu.MenuItem

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

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

28 label="Copy Link"

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

30 />

32 <Menu.MenuItem

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

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

35 label="Open Link"

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

37 />

38 </Menu.MenuGroup>

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

40 </>

41 );

42}

44const messageContextMenuPatch: NavContextMenuPatchCallback = (

45 children,

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

47) => {

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

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

51 if (!sticker?.format_type) return;

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

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

56};

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

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

60 if (!id) return;

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

63 const sticker = StickersStore.getStickerById(id);

64 if (sticker) {

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

66 }

67};

69export default definePlugin({

70 name: "CopyStickerLinks",

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

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

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

74 contextMenus: {

75 "message": messageContextMenuPatch,

76 "expression-picker": expressionPickerPatch

77 }

78});

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