CopyEmojiMarkdown

index.tsx

Download

Source

src/plugins/copyEmojiMarkdown/index.tsx

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

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

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

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

5import { findByPropsLazy } from "@webpack";

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

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

10interface Emoji {

11 type: string;

12 id: string;

13 name: string;

14}

16interface Target {

17 dataset: Emoji;

18 firstChild: HTMLImageElement;

19}

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

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

24 if (!emojiId) {

25 return copyUnicode

26 ? convertNameToSurrogate(emojiName)

27 : `:${emojiName}:`;

28 }

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

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

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

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

35}

37const settings = definePluginSettings({

38 copyUnicode: {

39 type: OptionType.BOOLEAN,

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

41 default: true,

42 },

43});

45export default definePlugin({

46 name: "CopyEmojiMarkdown",

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

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

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

50 settings,

52 contextMenus: {

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

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

56 children.push(

57 <Menu.MenuItem

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

59 label="Copy Emoji Markdown"

60 action={() => {

61 copyWithToast(

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

63 "Success! Copied emoji markdown."

64 );

65 }}

66 />

67 );

68 },

69 },

70});

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