New Plugin: UnsuppressEmbeds (#1262)

Co-authored-by: V <vendicated@riseup.net>

src/components/Icons.tsx

@@ -146,3 +146,27 @@ export function OwnerCrownIcon(props: IconProps) {
         </Icon>
     );
 }
+
+export function ImageVisible(props: IconProps) {
+    return (
+        <Icon
+            {...props}
+            className={classes(props.className, "vc-image-visible")}
+            viewBox="0 0 24 24"
+        >
+            <path fill="currentColor" d="M5 21q-.825 0-1.413-.587Q3 19.825 3 19V5q0-.825.587-1.413Q4.175 3 5 3h14q.825 0 1.413.587Q21 4.175 21 5v14q0 .825-.587 1.413Q19.825 21 19 21Zm0-2h14V5H5v14Zm1-2h12l-3.75-5-3 4L9 13Zm-1 2V5v14Z" />
+        </Icon>
+    );
+}
+
+export function ImageInvisible(props: IconProps) {
+    return (
+        <Icon
+            {...props}
+            className={classes(props.className, "vc-image-invisible")}
+            viewBox="0 0 24 24"
+        >
+            <path fill="currentColor" d="m21 18.15-2-2V5H7.85l-2-2H19q.825 0 1.413.587Q21 4.175 21 5Zm-1.2 4.45L18.2 21H5q-.825 0-1.413-.587Q3 19.825 3 19V5.8L1.4 4.2l1.4-1.4 18.4 18.4ZM6 17l3-4 2.25 3 .825-1.1L5 7.825V19h11.175l-2-2Zm7.425-6.425ZM10.6 13.4Z" />
+        </Icon>
+    );
+}

src/plugins/UnsuppressEmbeds.tsx

@@ -0,0 +1,69 @@
+/*
+ * 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, findGroupChildrenByChildId, NavContextMenuPatchCallback, removeContextMenuPatch } from "@api/ContextMenu";
+import { ImageInvisible, ImageVisible } from "@components/Icons";
+import { Devs } from "@utils/constants";
+import definePlugin from "@utils/types";
+import { Menu, PermissionsBits, PermissionStore, RestAPI, UserStore } from "@webpack/common";
+
+const EMBED_SUPPRESSED = 1 << 2;
+
+const messageContextMenuPatch: NavContextMenuPatchCallback = (children, props) => {
+    const { message: { author, embeds, flags } } = props;
+
+    const isEmbedSuppressed = (flags & EMBED_SUPPRESSED) !== 0;
+    const hasEmbedPerms = !!(PermissionStore.getChannelPermissions({ id: props.channel.id }) & PermissionsBits.EMBED_LINKS);
+
+    return () => {
+        if (!isEmbedSuppressed && !embeds.length) return;
+        if (author.id === UserStore.getCurrentUser().id && !hasEmbedPerms) return;
+        const menuGroup = findGroupChildrenByChildId("delete", children);
+        const deleteItem = menuGroup?.findIndex(i => i?.props?.id === "delete");
+        if (!deleteItem || !menuGroup) return;
+        menuGroup.splice(deleteItem - 1, 0, (
+            <Menu.MenuItem
+                id="unsuppress-embeds"
+                key="unsuppress-embeds"
+                label={isEmbedSuppressed ? "Unsuppress Embeds" : "Suppress Embeds"}
+                color={isEmbedSuppressed ? undefined : "danger"}
+                icon={isEmbedSuppressed ? ImageVisible : ImageInvisible}
+                action={() => {
+                    RestAPI.patch({
+                        url: `/channels/${props.channel.id}/messages/${props.message.id}`,
+                        body: { flags: isEmbedSuppressed ? flags & ~EMBED_SUPPRESSED : flags | EMBED_SUPPRESSED }
+                    });
+                }}
+            />
+        ));
+    };
+};
+
+export default definePlugin({
+    name: "UnsuppressEmbeds",
+    authors: [Devs.rad, Devs.HypedDomi],
+    description: "Allows you to unsuppress embeds in messages",
+
+    start() {
+        addContextMenuPatch("message", messageContextMenuPatch);
+    },
+
+    stop() {
+        removeContextMenuPatch("message", messageContextMenuPatch);
+    },
+});

src/plugins/hideAttachments.tsx

@@ -18,6 +18,7 @@
 
 import { get, set } from "@api/DataStore";
 import { addButton, removeButton } from "@api/MessagePopover";
+import { ImageInvisible, ImageVisible } from "@components/Icons";
 import { Devs } from "@utils/constants";
 import definePlugin from "@utils/types";
 import { ChannelStore } from "@webpack/common";
@@ -26,17 +27,6 @@ let style: HTMLStyleElement;
 
 const KEY = "HideAttachments_HiddenIds";
 
-const ImageVisible = () => (
-    <svg viewBox="0 0 24 24" fill="currentColor" aria-hidden="true">
-        <path d="M5 21q-.825 0-1.413-.587Q3 19.825 3 19V5q0-.825.587-1.413Q4.175 3 5 3h14q.825 0 1.413.587Q21 4.175 21 5v14q0 .825-.587 1.413Q19.825 21 19 21Zm0-2h14V5H5v14Zm1-2h12l-3.75-5-3 4L9 13Zm-1 2V5v14Z" />
-    </svg>
-);
-const ImageInvisible = () => (
-    <svg viewBox="0 0 24 24" fill="currentColor" aria-hidden="true">
-        <path d="m21 18.15-2-2V5H7.85l-2-2H19q.825 0 1.413.587Q21 4.175 21 5Zm-1.2 4.45L18.2 21H5q-.825 0-1.413-.587Q3 19.825 3 19V5.8L1.4 4.2l1.4-1.4 18.4 18.4ZM6 17l3-4 2.25 3 .825-1.1L5 7.825V19h11.175l-2-2Zm7.425-6.425ZM10.6 13.4Z" />
-    </svg>
-);
-
 let hiddenMessages: Set<string> = new Set();
 const getHiddenMessages = () => get(KEY).then(set => {
     hiddenMessages = set ?? new Set<string>();

src/utils/constants.ts

@@ -326,6 +326,10 @@ export const Devs = /* #__PURE__*/ Object.freeze({
     rad: {
         name: "rad",
         id: 113027285765885952n
+    },
+    HypedDomi: {
+        name: "HypedDomi",
+        id: 354191516979429376n
     }
 } satisfies Record<string, Dev>);