From e8809fc57bd1c679e9a84ae6adc949655e3a86ec Mon Sep 17 00:00:00 2001 From: Manti <67705577+mantikafasi@users.noreply.github.com> Date: Sat, 15 Apr 2023 03:34:53 +0300 Subject: [PATCH] add reviewdb bacc (#898) --- src/plugins/reviewDB/Utils/ReviewDBAPI.ts | 115 ++++++++++++++++ src/plugins/reviewDB/Utils/Utils.tsx | 95 +++++++++++++ .../reviewDB/components/MessageButton.tsx | 43 ++++++ .../reviewDB/components/ReviewBadge.tsx | 45 +++++++ .../reviewDB/components/ReviewComponent.tsx | 125 ++++++++++++++++++ .../reviewDB/components/ReviewsView.tsx | 97 ++++++++++++++ src/plugins/reviewDB/entities/Badge.ts | 26 ++++ src/plugins/reviewDB/entities/Review.ts | 34 +++++ src/plugins/reviewDB/index.tsx | 80 +++++++++++ 9 files changed, 660 insertions(+) create mode 100644 src/plugins/reviewDB/Utils/ReviewDBAPI.ts create mode 100644 src/plugins/reviewDB/Utils/Utils.tsx create mode 100644 src/plugins/reviewDB/components/MessageButton.tsx create mode 100644 src/plugins/reviewDB/components/ReviewBadge.tsx create mode 100644 src/plugins/reviewDB/components/ReviewComponent.tsx create mode 100644 src/plugins/reviewDB/components/ReviewsView.tsx create mode 100644 src/plugins/reviewDB/entities/Badge.ts create mode 100644 src/plugins/reviewDB/entities/Review.ts create mode 100644 src/plugins/reviewDB/index.tsx diff --git a/src/plugins/reviewDB/Utils/ReviewDBAPI.ts b/src/plugins/reviewDB/Utils/ReviewDBAPI.ts new file mode 100644 index 000000000..74415bbec --- /dev/null +++ b/src/plugins/reviewDB/Utils/ReviewDBAPI.ts @@ -0,0 +1,115 @@ +/* + * 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 . +*/ + +import { Settings } from "@api/settings"; + +import { Review } from "../entities/Review"; +import { authorize, showToast } from "./Utils"; + +const API_URL = "https://manti.vendicated.dev"; + +const getToken = () => Settings.plugins.ReviewDB.token; + +interface Response { + success: boolean, + message: string; + reviews: Review[]; + updated: boolean; +} + +export async function getReviews(id: string): Promise { + const req = await fetch(API_URL + `/api/reviewdb/users/${id}/reviews`); + + const res = (req.status === 200) ? await req.json() as Response : { success: false, message: "An Error occured while fetching reviews. Please try again later.", reviews: [], updated: false }; + if (!res.success) { + showToast(res.message); + return [ + { + id: 0, + comment: "An Error occured while fetching reviews. Please try again later.", + star: 0, + sender: { + id: 0, + username: "Error", + profilePhoto: "https://cdn.discordapp.com/attachments/1045394533384462377/1084900598035513447/646808599204593683.png?size=128", + discordID: "0", + badges: [] + } + } + ]; + } + return res.reviews; +} + +export async function addReview(review: any): Promise { + review.token = getToken(); + + if (!review.token) { + showToast("Please authorize to add a review."); + authorize(); + return null; + } + + return fetch(API_URL + `/api/reviewdb/users/${review.userid}/reviews`, { + method: "PUT", + body: JSON.stringify(review), + headers: { + "Content-Type": "application/json", + } + }) + .then(r => r.json()) + .then(res => { + showToast(res.message); + return res ?? null; + }); +} + +export function deleteReview(id: number): Promise { + return fetch(API_URL + `/api/reviewdb/users/${id}/reviews`, { + method: "DELETE", + headers: new Headers({ + "Content-Type": "application/json", + Accept: "application/json", + }), + body: JSON.stringify({ + token: getToken(), + reviewid: id + }) + }).then(r => r.json()); +} + +export async function reportReview(id: number) { + const res = await fetch(API_URL + "/api/reviewdb/reports", { + method: "PUT", + headers: new Headers({ + "Content-Type": "application/json", + Accept: "application/json", + }), + body: JSON.stringify({ + reviewid: id, + token: getToken() + }) + }).then(r => r.json()) as Response; + showToast(await res.message); +} + +export function getLastReviewID(id: string): Promise { + return fetch(API_URL + "/getLastReviewID?discordid=" + id) + .then(r => r.text()) + .then(Number); +} diff --git a/src/plugins/reviewDB/Utils/Utils.tsx b/src/plugins/reviewDB/Utils/Utils.tsx new file mode 100644 index 000000000..b3cb6cd89 --- /dev/null +++ b/src/plugins/reviewDB/Utils/Utils.tsx @@ -0,0 +1,95 @@ +/* + * 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 . +*/ + +import { Settings } from "@api/settings"; +import { Devs } from "@utils/constants"; +import Logger from "@utils/Logger"; +import { openModal } from "@utils/modal"; +import { findByProps } from "@webpack"; +import { FluxDispatcher, React, SelectedChannelStore, Toasts, UserUtils } from "@webpack/common"; + +import { Review } from "../entities/Review"; + +export async function openUserProfileModal(userId: string) { + await UserUtils.fetchUser(userId); + + await FluxDispatcher.dispatch({ + type: "USER_PROFILE_MODAL_OPEN", + userId, + channelId: SelectedChannelStore.getChannelId(), + analyticsLocation: "Explosive Hotel" + }); +} + +export function authorize(callback?: any) { + const { OAuth2AuthorizeModal } = findByProps("OAuth2AuthorizeModal"); + + openModal((props: any) => + { + try { + const url = new URL(u); + url.searchParams.append("returnType", "json"); + url.searchParams.append("clientMod", "vencord"); + const res = await fetch(url, { + headers: new Headers({ Accept: "application/json" }) + }); + const { token, status } = await res.json(); + if (status === 0) { + Settings.plugins.ReviewDB.token = token; + showToast("Successfully logged in!"); + callback?.(); + } else if (res.status === 1) { + showToast("An Error occurred while logging in."); + } + } catch (e) { + new Logger("ReviewDB").error("Failed to authorise", e); + } + }} + /> + ); +} + +export function showToast(text: string) { + Toasts.show({ + type: Toasts.Type.MESSAGE, + message: text, + id: Toasts.genId(), + options: { + position: Toasts.Position.BOTTOM + }, + }); +} + +export const sleep = (ms: number) => new Promise(r => setTimeout(r, ms)); + +export function canDeleteReview(review: Review, userId: string) { + if (review.sender.discordID === userId) return true; + + const myId = BigInt(userId); + return myId === Devs.mantikafasi.id || + myId === Devs.Ven.id || + myId === Devs.rushii.id; +} diff --git a/src/plugins/reviewDB/components/MessageButton.tsx b/src/plugins/reviewDB/components/MessageButton.tsx new file mode 100644 index 000000000..2e4bba749 --- /dev/null +++ b/src/plugins/reviewDB/components/MessageButton.tsx @@ -0,0 +1,43 @@ +/* + * 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 . +*/ + +import { classes, LazyComponent } from "@utils/misc"; +import { findByProps } from "@webpack"; + +export default LazyComponent(() => { + const { button, dangerous } = findByProps("button", "wrapper", "disabled","separator"); + + return function MessageButton(props) { + return props.type === "delete" + ? ( +
+ + + + +
+ ) + : ( +
props.callback()}> + + + +
+ ); + }; +}); diff --git a/src/plugins/reviewDB/components/ReviewBadge.tsx b/src/plugins/reviewDB/components/ReviewBadge.tsx new file mode 100644 index 000000000..8c013cd0a --- /dev/null +++ b/src/plugins/reviewDB/components/ReviewBadge.tsx @@ -0,0 +1,45 @@ +/* + * 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 . +*/ + +import { MaskedLinkStore, Tooltip } from "@webpack/common"; + +import { Badge } from "../entities/Badge"; + +export default function ReviewBadge(badge: Badge) { + return ( + + {({ onMouseEnter, onMouseLeave }) => ( + {badge.description} + MaskedLinkStore.openUntrustedLink({ + href: badge.redirectURL, + }) + } + /> + )} + + ); +} diff --git a/src/plugins/reviewDB/components/ReviewComponent.tsx b/src/plugins/reviewDB/components/ReviewComponent.tsx new file mode 100644 index 000000000..7eadeff8a --- /dev/null +++ b/src/plugins/reviewDB/components/ReviewComponent.tsx @@ -0,0 +1,125 @@ +/* + * 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 . +*/ + +import { classes, LazyComponent } from "@utils/misc"; +import { filters, findBulk } from "@webpack"; +import { Alerts, UserStore } from "@webpack/common"; + +import { Review } from "../entities/Review"; +import { deleteReview, reportReview } from "../Utils/ReviewDBAPI"; +import { canDeleteReview, openUserProfileModal, showToast } from "../Utils/Utils"; +import MessageButton from "./MessageButton"; +import ReviewBadge from "./ReviewBadge"; + +export default LazyComponent(() => { + // this is terrible, blame mantika + const p = filters.byProps; + const [ + { cozyMessage, buttons, message, groupStart }, + { container, isHeader }, + { avatar, clickable, username, messageContent, wrapper, cozy }, + { contents }, + buttonClasses, + { defaultColor } + ] = findBulk( + p("cozyMessage"), + p("container", "isHeader"), + p("avatar", "zalgo"), + p("contents"), + p("button", "wrapper", "selected"), + p("defaultColor") + ); + + return function ReviewComponent({ review, refetch }: { review: Review; refetch(): void; }) { + function openModal() { + openUserProfileModal(review.sender.discordID); + } + + function delReview() { + Alerts.show({ + title: "Are you sure?", + body: "Do you really want to delete this review?", + confirmText: "Delete", + cancelText: "Nevermind", + onConfirm: () => { + deleteReview(review.id).then(res => { + if (res.success) { + refetch(); + } + showToast(res.message); + }); + } + }); + } + + function reportRev() { + Alerts.show({ + title: "Are you sure?", + body: "Do you really you want to report this review?", + confirmText: "Report", + cancelText: "Nevermind", + // confirmColor: "red", this just adds a class name and breaks the submit button guh + onConfirm: () => reportReview(review.id) + }); + } + + return ( +
+ +
+ + openModal()} + > + {review.sender.username} + + {review.sender.badges.map(badge => )} +

+ {review.comment} +

+
+
+ + {canDeleteReview(review, UserStore.getCurrentUser().id) && ( + + )} +
+
+
+
+ ); + }; +}); diff --git a/src/plugins/reviewDB/components/ReviewsView.tsx b/src/plugins/reviewDB/components/ReviewsView.tsx new file mode 100644 index 000000000..541500c4b --- /dev/null +++ b/src/plugins/reviewDB/components/ReviewsView.tsx @@ -0,0 +1,97 @@ +/* + * 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 . +*/ + +import { classes, useAwaiter } from "@utils/misc"; +import { findLazy } from "@webpack"; +import { Forms, React, Text, UserStore } from "@webpack/common"; +import type { KeyboardEvent } from "react"; + +import { addReview, getReviews } from "../Utils/ReviewDBAPI"; +import { showToast } from "../Utils/Utils"; +import ReviewComponent from "./ReviewComponent"; + +const Classes = findLazy(m => typeof m.textarea === "string"); + +export default function ReviewsView({ userId }: { userId: string; }) { + const [refetchCount, setRefetchCount] = React.useState(0); + const [reviews, _, isLoading] = useAwaiter(() => getReviews(userId), { + fallbackValue: [], + deps: [refetchCount], + }); + const username = UserStore.getUser(userId)?.username ?? ""; + + const dirtyRefetch = () => setRefetchCount(refetchCount + 1); + + if (isLoading) return null; + + function onKeyPress({ key, target }: KeyboardEvent) { + if (key === "Enter") { + addReview({ + userid: userId, + comment: (target as HTMLInputElement).value, + star: -1 + }).then(res => { + if (res?.success) { + (target as HTMLInputElement).value = ""; // clear the input + dirtyRefetch(); + } else if (res?.message) { + showToast(res.message); + } + }); + } + } + + return ( +
+ + User Reviews + + {reviews?.map(review => + + )} + {reviews?.length === 0 && ( + + Looks like nobody reviewed this user yet. You could be the first! + + )} +