97 lines
3.2 KiB
TypeScript
97 lines
3.2 KiB
TypeScript
/*
|
|
* Vencord, a Discord client mod
|
|
* Copyright (c) 2023 Vendicated and contributors
|
|
* SPDX-License-Identifier: GPL-3.0-or-later
|
|
*/
|
|
|
|
import "./styles.css";
|
|
|
|
import { definePluginSettings } from "@api/Settings";
|
|
import { classNameFactory } from "@api/Styles";
|
|
import { Button } from "@components/Button";
|
|
import { Flex } from "@components/Flex";
|
|
import { Heart } from "@components/Heart";
|
|
import { Devs, EquicordDevs } from "@utils/constants";
|
|
import { openInviteModal } from "@utils/discord";
|
|
import definePlugin, { OptionType } from "@utils/types";
|
|
import { User } from "@vencord/discord-types";
|
|
|
|
const cl = classNameFactory("vc-userpfp-");
|
|
const DONO_URL = "https://ko-fi.com/coolesding";
|
|
const INVITE_LINK = "userpfp-1129784704267210844";
|
|
|
|
let data = { avatars: {} as Record<string, string> };
|
|
const settings = definePluginSettings({
|
|
preferNitro: {
|
|
description: "Which avatar to use if both default animated (Nitro) pfp and UserPFP avatars are present",
|
|
type: OptionType.SELECT,
|
|
options: [
|
|
{ label: "UserPFP", value: false },
|
|
{ label: "Nitro", value: true, default: true },
|
|
],
|
|
},
|
|
databaseSource: {
|
|
description: "URL to load database from",
|
|
type: OptionType.STRING,
|
|
default: "https://userpfp.github.io/UserPFP/source/data.json",
|
|
isValid: (value => {
|
|
if (!value) return false;
|
|
return true;
|
|
})
|
|
}
|
|
});
|
|
|
|
export default definePlugin({
|
|
name: "UserPFP",
|
|
description: "Allows you to use an animated avatar without Nitro",
|
|
authors: [EquicordDevs.nexpid, Devs.thororen],
|
|
settings,
|
|
settingsAboutComponent: () => (
|
|
<Flex className={cl("settings")}>
|
|
<Button
|
|
variant="link"
|
|
className={cl("settings-button")}
|
|
onClick={() => openInviteModal(INVITE_LINK)}
|
|
>
|
|
Join UserPFP Server
|
|
</Button>
|
|
<Button
|
|
variant="secondary"
|
|
className={cl("settings-button")}
|
|
onClick={() => VencordNative.native.openExternal(DONO_URL)}
|
|
>
|
|
Support UserPFP here <Heart className={cl("settings-heart")} />
|
|
</Button>
|
|
</Flex>
|
|
),
|
|
patches: [
|
|
{
|
|
find: "getUserAvatarURL:",
|
|
replacement: [
|
|
{
|
|
match: /(getUserAvatarURL:)(\i),/,
|
|
replace: "$1$self.getAvatarHook($2),"
|
|
}
|
|
]
|
|
}
|
|
],
|
|
getAvatarHook: (original: any) => (user: User, animated: boolean, size: number) => {
|
|
if (settings.store.preferNitro && user.avatar?.startsWith("a_")) return original(user, animated, size);
|
|
if (!data.avatars[user.id]) return original(user, animated, size);
|
|
|
|
const res = new URL(data.avatars[user.id]);
|
|
res.searchParams.set("animated", animated ? "true" : "false");
|
|
if (res && !animated) {
|
|
res.pathname = res.pathname.replaceAll(/\.gifv?/g, ".png");
|
|
}
|
|
|
|
return res.toString();
|
|
},
|
|
async start() {
|
|
await fetch(settings.store.databaseSource)
|
|
.then(async res => {
|
|
if (res.ok) data = await res.json();
|
|
})
|
|
.catch(() => null);
|
|
}
|
|
});
|