import { getHttpBase } from "@utils/env"; import { LemmyHttp } from "lemmy-js-client"; import { toast } from "../../shared/toast"; import { I18NextService } from "./I18NextService"; type EmptyRequestState = { state: "empty"; }; type LoadingRequestState = { state: "loading"; }; export type FailedRequestState = { state: "failed"; msg: string; }; type SuccessRequestState = { state: "success"; data: T; }; /** * Shows the state of an API request. * * Can be empty, loading, failed, or success */ export type RequestState = | EmptyRequestState | LoadingRequestState | FailedRequestState | SuccessRequestState; export type WrappedLemmyHttp = { [K in keyof LemmyHttp]: LemmyHttp[K] extends (...args: any[]) => any ? ReturnType extends Promise ? (...args: Parameters) => Promise> : ( ...args: Parameters ) => Promise> : LemmyHttp[K]; }; class WrappedLemmyHttpClient { #client: LemmyHttp; constructor(client: LemmyHttp) { this.#client = client; for (const key of Object.getOwnPropertyNames( Object.getPrototypeOf(this.#client) )) { if (key !== "constructor") { WrappedLemmyHttpClient.prototype[key] = async (...args) => { try { const res = await this.#client[key](...args); return { data: res, state: !(res === undefined || res === null) ? "success" : "empty", }; } catch (error) { console.error(`API error: ${error}`); toast(I18NextService.i18n.t(error), "danger"); return { state: "failed", msg: error, }; } }; } } } } export function wrapClient(client: LemmyHttp) { return new WrappedLemmyHttpClient(client) as unknown as WrappedLemmyHttp; // unfortunately, this verbose cast is necessary } export class HttpService { static #_instance: HttpService; #client: WrappedLemmyHttp; private constructor() { this.#client = wrapClient(new LemmyHttp(getHttpBase())); } static get #Instance() { return this.#_instance ?? (this.#_instance = new this()); } public static get client() { return this.#Instance.#client; } }