CopyEmojiMarkdown

index.tsx

Download

Source

src/plugins/copyEmojiMarkdown/index.tsx

1/*

2 * FiveCord — a Discord client mod

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

5 */

7import { definePluginSettings } from "@api/Settings";

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

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

10import definePlugin, { OptionType } from "@utils/types";

11import { findByPropsLazy } from "@webpack";

12import { Menu } from "@webpack/common";

14const { convertNameToSurrogate } = findByPropsLazy("convertNameToSurrogate");

16interface Emoji {

17 type: string;

18 id: string;

19 name: string;

20}

22interface Target {

23 dataset: Emoji;

24 firstChild: HTMLImageElement;

25}

27function getEmojiMarkdown(target: Target, copyUnicode: boolean): string {

28 const { id: emojiId, name: emojiName } = target.dataset;

30 if (!emojiId) {

31 return copyUnicode

32 ? convertNameToSurrogate(emojiName)

33 : `:${emojiName}:`;

34 }

36 const url = new URL(target.firstChild.src);

37 const hasParam = url.searchParams.get("animated") === "true";

38 const isGif = url.pathname.endsWith(".gif");

40 return `<${(hasParam || isGif) ? "a" : ""}:${emojiName.replace(/~\d+$/, "")}:${emojiId}>`;

41}

43const settings = definePluginSettings({

44 copyUnicode: {

45 type: OptionType.BOOLEAN,

46 description: "Copy the raw unicode character instead of :name: for default emojis (👽)",

47 default: true,

48 },

49});

51export default definePlugin({

52 name: "CopyEmojiMarkdown",

53 description: "Allows you to copy emojis as formatted string (<:blobcatcozy:1026533070955872337>)",

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

55 authors: [Devs.HappyEnderman, Devs.Vishnya],

56 settings,

58 contextMenus: {

59 "expression-picker"(children, { target }: { target: Target; }) {

60 if (target.dataset.type !== "emoji") return;

62 children.push(

63 <Menu.MenuItem

64 id="vc-copy-emoji-markdown"

65 label="Copy Emoji Markdown"

66 action={() => {

67 copyWithToast(

68 getEmojiMarkdown(target, settings.store.copyUnicode),

69 "Success! Copied emoji markdown."

70 );

71 }}

72 />

73 );

74 },

75 },

76});

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

import { definePluginSettings } from "@api/Settings";
import { Devs } from "@utils/constants";
import { copyWithToast } from "@utils/discord";
import definePlugin, { OptionType } from "@utils/types";
import { findByPropsLazy } from "@webpack";
import { Menu } from "@webpack/common";

const { convertNameToSurrogate } = findByPropsLazy("convertNameToSurrogate");

interface Emoji {
    type: string;
    id: string;
    name: string;
}

interface Target {
    dataset: Emoji;
    firstChild: HTMLImageElement;
}

function getEmojiMarkdown(target: Target, copyUnicode: boolean): string {
    const { id: emojiId, name: emojiName } = target.dataset;

    if (!emojiId) {
        return copyUnicode
            ? convertNameToSurrogate(emojiName)
            : `:${emojiName}:`;
    }

    const url = new URL(target.firstChild.src);
    const hasParam = url.searchParams.get("animated") === "true";
    const isGif = url.pathname.endsWith(".gif");

    return `<${(hasParam || isGif) ? "a" : ""}:${emojiName.replace(/~\d+$/, "")}:${emojiId}>`;
}

const settings = definePluginSettings({
    copyUnicode: {
        type: OptionType.BOOLEAN,
        description: "Copy the raw unicode character instead of :name: for default emojis (👽)",
        default: true,
    },
});

export default definePlugin({
    name: "CopyEmojiMarkdown",
    description: "Allows you to copy emojis as formatted string (<:blobcatcozy:1026533070955872337>)",
    tags: ["Emotes", "Utility"],
    authors: [Devs.HappyEnderman, Devs.Vishnya],
    settings,

    contextMenus: {
        "expression-picker"(children, { target }: { target: Target; }) {
            if (target.dataset.type !== "emoji") return;

            children.push(
                <Menu.MenuItem
                    id="vc-copy-emoji-markdown"
                    label="Copy Emoji Markdown"
                    action={() => {
                        copyWithToast(
                            getEmojiMarkdown(target, settings.store.copyUnicode),
                            "Success! Copied emoji markdown."
                        );
                    }}
                />
            );
        },
    },
});

Source

FiveCord for Windows