feat(plugin): CopyStickerLinks

src/plugins/_api/messageDecorations/style.css

@@ -11,5 +11,8 @@
 
     /* Align vertically */
     position: relative;
-    top: 0.2rem;
+    vertical-align: top;
+    top: 0.05rem;
+    height: 100%;
+    max-height: calc(1rem + 4px)
 }

src/plugins/copyStickerLinks/index.tsx

@@ -0,0 +1,132 @@
+/*
+ * Vencord, a modification for Discord's desktop app
+ * Copyright (c) 2024 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 { findGroupChildrenByChildId, NavContextMenuPatchCallback } from "@api/ContextMenu";
+import { Devs } from "@utils/constants";
+import definePlugin from "@utils/types";
+import { findStoreLazy } from "@webpack";
+import { Clipboard, Constants, FluxDispatcher, Menu, React, RestAPI, Toasts } from "@webpack/common";
+import { Promisable } from "type-fest";
+
+const StickersStore = findStoreLazy("StickersStore");
+
+interface Sticker {
+    t: "Sticker";
+    description: string;
+    format_type: number;
+    guild_id: string;
+    id: string;
+    name: string;
+    tags: string;
+    type: number;
+}
+
+const StickerExt = [, "png", "png", "json", "gif"] as const;
+
+function getUrl(data: Sticker) {
+    if (data.format_type === 4)
+        return `https:${window.GLOBAL_ENV.MEDIA_PROXY_ENDPOINT}/stickers/${data.id}.gif?size=4096&lossless=true`;
+
+    return `https://${window.GLOBAL_ENV.CDN_HOST}/stickers/${data.id}.${StickerExt[data.format_type]}?size=4096&lossless=true`;
+}
+
+async function fetchSticker(id: string) {
+    const cached = StickersStore.getStickerById(id);
+    if (cached) return cached;
+
+    const { body } = await RestAPI.get({
+        url: Constants.Endpoints.STICKER(id)
+    });
+
+    FluxDispatcher.dispatch({
+        type: "STICKER_FETCH_SUCCESS",
+        sticker: body
+    });
+
+    return body as Sticker;
+}
+
+function buildMenuItem(stickerId: string) {
+    return (
+        <>
+            <Menu.MenuSeparator></Menu.MenuSeparator>
+
+            <Menu.MenuItem
+                id="copystickerurl"
+                key="copystickerurl"
+                label={"Copy URL"}
+                action={async () => {
+                    const res = await fetchData();
+                    const data = { t: type, ...res } as Sticker;
+                    const url = getUrl(data);
+                    Toasts.show({
+                        message: "Link to sticker copied!",
+                        type: Toasts.Type.SUCCESS,
+                        id: Toasts.genId()
+                    });
+                    Clipboard.copy(url);
+                }
+                }
+            />
+
+            <Menu.MenuItem
+                id="openstickerlink"
+                key="openstickerlink"
+                label={"Open URL"}
+                action={async () => {
+                    const res = await fetchData();
+                    const data = { t: type, ...res } as Sticker;
+                    const url = getUrl(data);
+                    VencordNative.native.openExternal(url);
+                }
+                }
+            />
+        </>
+    );
+}
+
+const messageContextMenuPatch: NavContextMenuPatchCallback = (children, props) => {
+    const { favoriteableId, favoriteableType } = props ?? {};
+    if (!favoriteableId) return;
+    if (favoriteableType != "sticker") return;
+
+    const sticker = props.message.stickerItems.find(s => s.id === favoriteableId);
+    if (sticker?.format_type === 3) return;
+
+    const menuItem = buildMenuItem("Sticker", () => fetchSticker(favoriteableId);
+    findGroupChildrenByChildId("devmode-copy-id", children, true)?.push(menuItem);
+};
+
+const expressionPickerPatch: NavContextMenuPatchCallback = (children, props: { target: HTMLElement; }) => {
+    const { id, type } = props?.target?.dataset ?? {};
+    if (!id) return;
+
+    if (type === "sticker" && !props.target.className?.includes("lottieCanvas")) {
+        children.push(buildMenuItem("Sticker", () => fetchSticker(id)));
+    }
+};
+
+export default definePlugin({
+    name: "CopyStickerLinks",
+    description: "Adds the ability to copy and open sticker links to your browser.",
+    authors: [Devs.Byeoon],
+    contextMenus: {
+        "message": messageContextMenuPatch,
+        "expression-picker": expressionPickerPatch
+    }
+});

src/utils/constants.ts

@@ -471,7 +471,7 @@ export const Devs = /* #__PURE__*/ Object.freeze({
         name: "Sqaaakoi",
         id: 259558259491340288n
     },
-    Byron: {
+    Byeoon: {
         name: "byeoon",
         id: 1167275288036655133n
     },