Add pronoundb plugin (#104)

This commit is contained in:
TymanWasTaken 2022-10-17 10:05:22 -06:00 committed by GitHub
parent ad054d5c65
commit ae730e8398
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
6 changed files with 143 additions and 4 deletions

View file

@ -45,5 +45,5 @@
"typescript": "^4.8.4", "typescript": "^4.8.4",
"yazl": "^2.5.1" "yazl": "^2.5.1"
}, },
"packageManager": "pnpm@7.12.2" "packageManager": "pnpm@7.13.4"
} }

View file

@ -0,0 +1,27 @@
import { fetchPronouns } from "./utils";
import { classes, lazyWebpack, useAwaiter } from "../../utils/misc";
import { PronounMapping } from "./types";
import { filters } from "../../webpack";
import { Message } from "discord-types/general";
const styles: Record<string, string> = lazyWebpack(filters.byProps(["timestampInline"]));
export default function PronounComponent({ message }: { message: Message; }) {
// Don't bother fetching bot or system users
if (message.author.bot && message.author.system) return null;
const [result, , isPending] = useAwaiter(
() => fetchPronouns(message.author.id),
null,
e => console.error("Fetching pronouns failed: ", e)
);
// If the promise completed, the result was not "unspecified", and there is a mapping for the code, then return a span with the pronouns
if (!isPending && result && result !== "unspecified" && PronounMapping[result]) return (
<span
className={classes(styles.timestampInline, styles.timestamp)}
> {PronounMapping[result]}</span>
);
// Otherwise, return null so nothing else is rendered
else return null;
}

View file

@ -0,0 +1,23 @@
import definePlugin from "../../utils/types";
import PronounComponent from "./PronounComponent";
import { fetchPronouns } from "./utils";
export default definePlugin({
name: "PronounDB",
authors: [{
name: "Tyman",
id: 487443883127472129n
}],
description: "Adds pronouns to user messages using pronoundb",
patches: [
{
find: "showCommunicationDisabledStyles",
replacement: {
match: /(?<=return\s+\w{1,3}\.createElement\(.+!\w{1,3}&&)(\w{1,3}.createElement\(.+?\{.+?\}\))/,
replace: "[$1, Vencord.Plugins.plugins.PronounDB.PronounComponent(e)]"
}
}
],
// Re-export the component on the plugin object so it is easily accessible in patches
PronounComponent
});

View file

@ -0,0 +1,29 @@
export interface PronounsResponse {
[id: string]: PronounCode;
}
export type PronounCode = keyof typeof PronounMapping;
export const PronounMapping = {
unspecified: "Unspecified",
hh: "He/Him",
hi: "He/It",
hs: "He/She",
ht: "He/They",
ih: "It/Him",
ii: "It/Its",
is: "It/She",
it: "It/They",
shh: "She/He",
sh: "She/Her",
si: "She/It",
st: "She/They",
th: "They/He",
ti: "They/It",
ts: "They/She",
tt: "They/Them",
any: "Any pronouns",
other: "Other pronouns",
ask: "Ask me my pronouns",
avoid: "Avoid pronouns, use my name"
} as const;

View file

@ -0,0 +1,59 @@
import { debounce } from "../../utils";
import { PronounCode, PronounsResponse } from "./types";
// A map of cached pronouns so the same request isn't sent twice
const cache: Record<string, PronounCode> = {};
// A map of ids and callbacks that should be triggered on fetch
const requestQueue: Record<string, ((pronouns: PronounCode) => void)[]> = {};
// Executes all queued requests and calls their callbacks
const bulkFetch = debounce(async () => {
const ids = Object.keys(requestQueue);
const pronouns = await bulkFetchPronouns(ids);
for (const id of ids) {
// Call all callbacks for the id
requestQueue[id].forEach(c => c(pronouns[id]));
delete requestQueue[id];
}
});
// Fetches the pronouns for one id, returning a promise that resolves if it was cached, or once the request is completed
export function fetchPronouns(id: string): Promise<PronounCode> {
return new Promise(res => {
// If cached, return the cached pronouns
if (id in cache) res(cache[id]);
// If there is already a request added, then just add this callback to it
else if (id in requestQueue) requestQueue[id].push(res);
// If not already added, then add it and call the debounced function to make sure the request gets executed
else {
requestQueue[id] = [res];
bulkFetch();
}
});
}
async function bulkFetchPronouns(ids: string[]): Promise<PronounsResponse> {
const params = new URLSearchParams();
params.append("platform", "discord");
params.append("ids", ids.join(","));
try {
const req = await fetch("https://pronoundb.org/api/v1/lookup-bulk?" + params, {
method: "GET",
headers: {
"Accept": "application/json"
}
});
return await req.json()
.then((res: PronounsResponse) => {
Object.assign(cache, res);
return res;
});
} catch (e) {
// If the request errors, treat it as if no pronouns were found for all ids, and log it
console.error("PronounDB fetching failed: ", e);
const dummyPronouns = Object.fromEntries(ids.map(id => [id, "unspecified"] as const));
Object.assign(cache, dummyPronouns);
return dummyPronouns;
}
}

View file

@ -30,10 +30,11 @@ export function lazyWebpack<T = any>(filter: FilterFn): T {
*/ */
export function useAwaiter<T>(factory: () => Promise<T>): [T | null, any, boolean]; export function useAwaiter<T>(factory: () => Promise<T>): [T | null, any, boolean];
export function useAwaiter<T>(factory: () => Promise<T>, fallbackValue: T): [T, any, boolean]; export function useAwaiter<T>(factory: () => Promise<T>, fallbackValue: T): [T, any, boolean];
export function useAwaiter<T>(factory: () => Promise<T>, fallbackValue: T | null = null): [T | null, any, boolean] { export function useAwaiter<T>(factory: () => Promise<T>, fallbackValue: null, onError: (e: unknown) => unknown): [T, any, boolean];
export function useAwaiter<T>(factory: () => Promise<T>, fallbackValue: T | null = null, onError?: (e: unknown) => unknown): [T | null, any, boolean] {
const [state, setState] = React.useState({ const [state, setState] = React.useState({
value: fallbackValue, value: fallbackValue,
error: null as any, error: null,
pending: true pending: true
}); });
@ -41,7 +42,7 @@ export function useAwaiter<T>(factory: () => Promise<T>, fallbackValue: T | null
let isAlive = true; let isAlive = true;
factory() factory()
.then(value => isAlive && setState({ value, error: null, pending: false })) .then(value => isAlive && setState({ value, error: null, pending: false }))
.catch(error => isAlive && setState({ value: null, error, pending: false })); .catch(error => isAlive && (setState({ value: null, error, pending: false }), onError?.(error)));
return () => void (isAlive = false); return () => void (isAlive = false);
}, []); }, []);