Updates

src/equicordplugins/copyEmojiID/index.tsx

@@ -0,0 +1,71 @@
+/*
+ * Vencord, a modification for Discord's desktop app
+ * Copyright (c) 2022 Vendicated and contributors
+ *
+ * This program is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU General Public License as published by
+ * the Free Software Foundation, either version 3 of the License, or
+ * (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU General Public License for more details.
+ *
+ * You should have received a copy of the GNU General Public License
+ * along with this program.  If not, see <https://www.gnu.org/licenses/>.
+*/
+
+import { addContextMenuPatch, removeContextMenuPatch } from "@api/ContextMenu";
+import { definePluginSettings } from "@api/Settings";
+import { EquicordDevs } from "@utils/constants";
+import definePlugin, { OptionType } from "@utils/types";
+import { Clipboard, Menu, React } from "@webpack/common";
+
+interface Emoji {
+    type: "emoji",
+    id: string,
+    name: string;
+}
+
+const settings = definePluginSettings({
+    formattedString: {
+        type: OptionType.BOOLEAN,
+        description: "Use formatted string instead of emoji ID.",
+        default: false
+    }
+});
+
+export default definePlugin({
+    name: "CopyEmojiID",
+    description: "Adds button to copy emoji ID!",
+    authors: [EquicordDevs.HAPPY_ENDERMAN, EquicordDevs.ANIKEIPS],
+    settings,
+
+    expressionPickerPatch(children, props) {
+        if (!children.find(element => element.props.id === "copy-emoji-id")) {
+            const data = props.target.dataset as Emoji;
+            const firstChild = props.target.firstChild as HTMLImageElement;
+            const isAnimated = firstChild && new URL(firstChild.src).pathname.endsWith(".gif");
+            if (data.type === "emoji" && data.id) {
+                children.push((
+                    <Menu.MenuItem
+                        id="copy-emoji-id"
+                        key="copy-emoji-id"
+                        label={settings.store.formattedString ? "Copy as formatted string" : "Copy Emoji ID"}
+                        action={() => {
+                            const formatted_emoji_string = settings.store.formattedString ? `${isAnimated ? "<a:" : "<:"}${data.name}:${data.id}>` : `${data.id}`;
+                            Clipboard.copy(formatted_emoji_string);
+                        }}
+                    />
+                ));
+            }
+        }
+    },
+    start() {
+        addContextMenuPatch("expression-picker", this.expressionPickerPatch);
+    },
+    stop() {
+        removeContextMenuPatch("expression-picker", this.expressionPickerPatch);
+    }
+});