Vencord/src/api/Badges.ts

108 lines
3.3 KiB
TypeScript
Raw Normal View History

2022-11-11 22:50:09 +00:00
/*
* 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/>.
*/
2023-02-16 21:46:51 +00:00
import ErrorBoundary from "@components/ErrorBoundary";
import { ComponentType, HTMLProps } from "react";
2022-11-11 22:50:09 +00:00
import Plugins from "~plugins";
2023-06-13 00:36:25 +00:00
export const enum BadgePosition {
2022-11-11 22:50:09 +00:00
START,
END
}
export interface ProfileBadge {
/** The tooltip to show on hover. Required for image badges */
2023-04-13 19:04:19 +00:00
description?: string;
/** Custom component for the badge (tooltip not included) */
component?: ComponentType<ProfileBadge & BadgeUserArgs>;
2022-11-11 22:50:09 +00:00
/** The custom image to use */
image?: string;
2023-04-13 19:04:19 +00:00
link?: string;
2022-11-11 22:50:09 +00:00
/** Action to perform when you click the badge */
2024-05-02 12:58:31 +00:00
onClick?(event: React.MouseEvent<HTMLButtonElement, MouseEvent>, props: BadgeUserArgs): void;
2022-11-11 22:50:09 +00:00
/** Should the user display this badge? */
shouldShow?(userInfo: BadgeUserArgs): boolean;
/** Optional props (e.g. style) for the badge, ignored for component badges */
2022-11-11 22:50:09 +00:00
props?: HTMLProps<HTMLImageElement>;
/** Insert at start or end? */
position?: BadgePosition;
/** The badge name to display, Discord uses this. Required for component badges */
2022-11-11 22:50:09 +00:00
key?: string;
}
const Badges = new Set<ProfileBadge>();
/**
* Register a new badge with the Badges API
* @param badge The badge to register
*/
export function addBadge(badge: ProfileBadge) {
2023-02-16 21:46:51 +00:00
badge.component &&= ErrorBoundary.wrap(badge.component, { noop: true });
2022-11-11 22:50:09 +00:00
Badges.add(badge);
}
/**
* Unregister a badge from the Badges API
* @param badge The badge to remove
*/
export function removeBadge(badge: ProfileBadge) {
return Badges.delete(badge);
}
/**
* Inject badges into the profile badges array.
* You probably don't need to use this.
*/
2023-04-13 19:04:19 +00:00
export function _getBadges(args: BadgeUserArgs) {
const badges = [] as ProfileBadge[];
2022-11-11 22:50:09 +00:00
for (const badge of Badges) {
if (!badge.shouldShow || badge.shouldShow(args)) {
badge.position === BadgePosition.START
2023-04-13 19:04:19 +00:00
? badges.unshift({ ...badge, ...args })
: badges.push({ ...badge, ...args });
2022-11-11 22:50:09 +00:00
}
}
2024-06-08 03:26:03 +00:00
const donorBadges = (Plugins.BadgeAPI as unknown as typeof import("../plugins/_api/badges").default).getDonorBadges(args.userId);
if (donorBadges) badges.unshift(...donorBadges);
2023-04-13 19:04:19 +00:00
return badges;
2022-11-11 22:50:09 +00:00
}
export interface BadgeUserArgs {
2024-06-08 03:26:03 +00:00
userId: string;
2024-05-02 12:58:31 +00:00
guildId: string;
2022-11-11 22:50:09 +00:00
}
interface ConnectedAccount {
type: string;
id: string;
name: string;
verified: boolean;
}
interface Profile {
connectedAccounts: ConnectedAccount[];
premiumType: number;
premiumSince: string;
premiumGuildSince?: any;
lastFetched: number;
profileFetchFailed: boolean;
application?: any;
}