ViewIcons: Now opens icons in image viewer

2025-06-21 04:17:01 -04:00 · 2022-09-08 22:25:21 +02:00 · 2022-09-08 22:25:21 +02:00 · 6099179f02
commit 6099179f02
parent e52225304e
3 changed files with 26 additions and 7 deletions
--- a/src/plugins/viewIcons.tsx
+++ b/src/plugins/viewIcons.tsx
@ -0,0 +1,60 @@
+import { REACT_GLOBAL } from "../utils/constants";
+import { Modal, openModal } from "../utils/modal";
+import definePlugin from '../utils/types';
+import { filters, waitFor } from "../webpack";
+
+let ImageModal: any;
+let renderMaskedLink: any;
+
+waitFor(filters.byDisplayName("ImageModal"), m => ImageModal = m.default);
+waitFor("renderMaskedLinkComponent", m => renderMaskedLink = m.renderMaskedLinkComponent);
+
+const OPEN_URL = "Vencord.Plugins.plugins.ViewIcons.openImage(";
+export default definePlugin({
+    name: "ViewIcons",
+    author: "Vendicated",
+    description: "Makes Avatars/Banners in user profiles clickable, and adds Guild Context Menu Entries to View Banner/Icon. Crashes if you don't have Developer Mode enabled, will fix in the future.",
+
+    openImage(url: string) {
+        openModal(() => (
+            <ImageModal
+                shouldAnimate={true}
+                original={url}
+                src={url}
+                renderLinkComponent={renderMaskedLink}
+            />
+        ), { size: Modal.ModalSize.DYNAMIC });
+    },
+
+    patches: [
+        {
+            find: "UserProfileModalHeader",
+            replacement: {
+                match: /\{src:(.{1,2}),avatarDecoration/,
+                replace: (_, src) => `{src:${src},onClick:()=>${OPEN_URL}${src}.replace(/\\?.+$/, "")+"?size=2048"),avatarDecoration`
+            }
+        }, {
+            find: "default.popoutNoBannerPremium",
+            replacement: {
+                match: /style:.{1,2}\(\{\},(.{1,2}),/,
+                replace: (m, bannerObj) => `onClick:${bannerObj}.backgroundImage&&(()=>${OPEN_URL}${bannerObj}.backgroundImage.replace("url(", "").replace(/(\\?size=.+)?\\)/, "?size=2048"))),${m}`
+            }
+        }, {
+            find: "GuildContextMenuWrapper",
+            replacement: [
+                {
+                    match: /\w=(\w)\.id/,
+                    replace: (m, guild) => `_guild=${guild},${m}`
+                },
+                {
+                    match: /,(.{1,2})\((.{1,2}\.MenuGroup),\{\},void 0,(.{1,2})\)(?=\)\}.{1,2}\.displayName)/,
+                    replace: (_, factory, menuGroup, copyIdElement) => `,${factory}(${menuGroup},{},void 0,[` +
+                        `_guild.icon&&${REACT_GLOBAL}.cloneElement(${copyIdElement},` +
+                        `{key:"viewicons-copy-icon",id:"viewicons-copy-icon",action:()=>${OPEN_URL}_guild.getIconURL(undefined,true)+"size=2048"),label:"View Icon",icon:null}),` +
+                        `_guild.banner&&${REACT_GLOBAL}.cloneElement(${copyIdElement},` +
+                        `{key:"viewicons-copy-banner",id:"viewicons-copy-banner",action:()=>${OPEN_URL}Vencord.Webpack.findByProps("getGuildBannerURL").getGuildBannerURL(_guild).replace(/\\?size=.+/, "?size=2048")),label:"View Banner",icon:null}),${copyIdElement}])`
+                }
+            ]
+        }
+    ]
+});