cswimr/Vencord
1
0
Fork 0
forked from CoastalCommitsArchival/github.com-Vendicated-Vencord
Code Pull requests Packages 1 Wiki Activity

Fix ViewIcons on webhooks and default avatars! (#880)

Browse source 
Co-authored-by: Nuckyz <61953774+Nuckyz@users.noreply.github.com>
Co-authored-by: Vendicated <vendicated@riseup.net>
This commit is contained in:
Kode 2023-04-13 03:25:38 +01:00 committed by GitHub
parent e34da54271
commit 71849cac9a
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 15 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

23
src/plugins/viewIcons.tsx
View file

@ -63,9 +63,10 @@ const settings = definePluginSettings({
}); });
function openImage(url: string) { function openImage(url: string) {
const u = new URL(url); const format = url.startsWith("/") ? "png" : settings.store.format;
const u = new URL(url, window.location.href);
u.searchParams.set("size", "512"); u.searchParams.set("size", "512");
u.pathname = u.pathname.replace(/\.(png|jpe?g|webp)$/, `.${settings.store.format}`); u.pathname = u.pathname.replace(/\.(png|jpe?g|webp)$/, `.${format}`);
url = u.toString(); url = u.toString();
openModal(modalProps => ( openModal(modalProps => (
@ -148,8 +149,8 @@ const GuildContext: NavContextMenuPatchCallback = (children, { guild: { id, icon
export default definePlugin({ export default definePlugin({
name: "ViewIcons", name: "ViewIcons",
authors: [Devs.Ven], authors: [Devs.Ven, Devs.TheKodeToad, Devs.Nuckyz],
description: "Makes Avatars/Banners in user profiles clickable, and adds View Icon/Banner entries in the user and server context menu", description: "Makes avatars and banners in user profiles clickable, and adds View Icon/Banner entries in the user and server context menu",
settings, settings,
@ -171,15 +172,21 @@ export default definePlugin({
replacement: { replacement: {
// global because Discord has two components that are 99% identical with one small change ._. // global because Discord has two components that are 99% identical with one small change ._.
match: /\{src:(\i),avatarDecoration/g, match: /\{src:(\i),avatarDecoration/g,
replace: (_, src) => `{src:${src},onClick:()=>$self.openImage(${src}),avatarDecoration` replace: "{src:$1,onClick:()=>$self.openImage($1),avatarDecoration"
} }
}, { }, {
find: ".popoutNoBannerPremium", find: ".popoutNoBannerPremium",
replacement: { replacement: {
match: /style:.{0,10}\{\},(\i)\)/, match: /style:.{0,10}\{\},(\i)\)/,
replace: (m, style) => replace:
`onClick:${style}.backgroundImage&&(${style}.cursor="pointer",` + "onClick:$1.backgroundImage&&($1.cursor=\"pointer\"," +
`()=>$self.openImage(${style}.backgroundImage.replace("url(", ""))),${m}` "()=>$self.openImage($1.backgroundImage.replace(\"url(\", \"\"))),$&"
}
}, {
find: "().avatarWrapperNonUserBot",
replacement: {
match: /(avatarPositionPanel.+?)onClick:(\i\|\|\i)\?void 0(?<=,(\i)=\i\.avatarSrc.+?)/,
replace: "$1style:($2)?{cursor:\"pointer\"}:{},onClick:$2?()=>{$self.openImage($3)}"
} }
} }
] ]