/* * 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 { BadgePosition, BadgeUserArgs, ProfileBadge } from "@api/Badges"; import DonateButton from "@components/DonateButton"; import ErrorBoundary from "@components/ErrorBoundary"; import { Flex } from "@components/Flex"; import { Heart } from "@components/Heart"; import { Devs } from "@utils/constants"; import { Logger } from "@utils/Logger"; import { Margins } from "@utils/margins"; import { isPluginDev } from "@utils/misc"; import { closeModal, Modals, openModal } from "@utils/modal"; import definePlugin from "@utils/types"; import { Forms, Toasts } from "@webpack/common"; const CONTRIBUTOR_BADGE = "https://cdn.discordapp.com/attachments/1033680203433660458/1092089947126780035/favicon.png"; const ContributorBadge: ProfileBadge = { description: "Vencord Contributor", image: CONTRIBUTOR_BADGE, position: BadgePosition.START, props: { style: { borderRadius: "50%", transform: "scale(0.9)" // The image is a bit too big compared to default badges } }, shouldShow: ({ user }) => isPluginDev(user.id), link: "https://github.com/Vendicated/Vencord" }; let DonorBadges = {} as Record<string, Pick<ProfileBadge, "image" | "description">[]>; async function loadBadges(noCache = false) { DonorBadges = {}; const init = {} as RequestInit; if (noCache) init.cache = "no-cache"; const badges = await fetch("https://gist.githubusercontent.com/Vendicated/51a3dd775f6920429ec6e9b735ca7f01/raw/badges.csv", init) .then(r => r.text()); const lines = badges.trim().split("\n"); if (lines.shift() !== "id,tooltip,image") { new Logger("BadgeAPI").error("Invalid badges.csv file!"); return; } for (const line of lines) { const [id, description, image] = line.split(","); (DonorBadges[id] ??= []).push({ image, description }); } } export default definePlugin({ name: "BadgeAPI", description: "API to add badges to users.", authors: [Devs.Megu, Devs.Ven, Devs.TheSun], required: true, patches: [ /* Patch the badge list component on user profiles */ { find: "Messages.PROFILE_USER_BADGES,role:", replacement: [ { match: /&&(\i)\.push\(\{id:"premium".+?\}\);/, replace: "$&$1.unshift(...Vencord.Api.Badges._getBadges(arguments[0]));", }, { // alt: "", aria-hidden: false, src: originalSrc match: /alt:" ","aria-hidden":!0,src:(?=(\i)\.src)/g, // ...badge.props, ..., src: badge.image ?? ... replace: "...$1.props,$& $1.image??" }, { match: /children:function(?<=(\i)\.(?:tooltip|description),spacing:\d.+?)/g, replace: "children:$1.component ? () => $self.renderBadgeComponent($1) : function" }, { match: /onClick:function(?=.{0,200}href:(\i)\.link)/, replace: "onClick:$1.onClick??function" } ] } ], toolboxActions: { async "Refetch Badges"() { await loadBadges(true); Toasts.show({ id: Toasts.genId(), message: "Successfully refetched badges!", type: Toasts.Type.SUCCESS }); } }, async start() { Vencord.Api.Badges.addBadge(ContributorBadge); await loadBadges(); }, renderBadgeComponent: ErrorBoundary.wrap((badge: ProfileBadge & BadgeUserArgs) => { const Component = badge.component!; return <Component {...badge} />; }, { noop: true }), getDonorBadges(userId: string) { return DonorBadges[userId]?.map(badge => ({ ...badge, position: BadgePosition.START, props: { style: { borderRadius: "50%", transform: "scale(0.9)" // The image is a bit too big compared to default badges } }, onClick() { const modalKey = openModal(props => ( <ErrorBoundary noop onError={() => { closeModal(modalKey); VencordNative.native.openExternal("https://github.com/sponsors/Vendicated"); }}> <Modals.ModalRoot {...props}> <Modals.ModalHeader> <Flex style={{ width: "100%", justifyContent: "center" }}> <Forms.FormTitle tag="h2" style={{ width: "100%", textAlign: "center", margin: 0 }} > <Heart /> Vencord Donor </Forms.FormTitle> </Flex> </Modals.ModalHeader> <Modals.ModalContent> <Flex> <img role="presentation" src="https://cdn.discordapp.com/emojis/1026533070955872337.png" alt="" style={{ margin: "auto" }} /> <img role="presentation" src="https://cdn.discordapp.com/emojis/1026533090627174460.png" alt="" style={{ margin: "auto" }} /> </Flex> <div style={{ padding: "1em" }}> <Forms.FormText> This Badge is a special perk for Vencord Donors </Forms.FormText> <Forms.FormText className={Margins.top20}> Please consider supporting the development of Vencord by becoming a donor. It would mean a lot!! </Forms.FormText> </div> </Modals.ModalContent> <Modals.ModalFooter> <Flex style={{ width: "100%", justifyContent: "center" }}> <DonateButton /> </Flex> </Modals.ModalFooter> </Modals.ModalRoot> </ErrorBoundary> )); }, })); } });