pages/apps/frontend/src/composables/use-client-try.ts

import { injectNotificationManager } from '@modrinth/ui'

type AsyncFunction<TArgs extends any[], TResult> = (...args: TArgs) => Promise<TResult>
type ErrorFunction = (err: any) => void | Promise<void>
type VoidFunction = () => void | Promise<void>

type useClientTry = <TArgs extends any[], TResult>(
	fn: AsyncFunction<TArgs, TResult>,
	onFail?: ErrorFunction,
	onFinish?: VoidFunction,
) => (...args: TArgs) => Promise<TResult | undefined>

const defaultOnError: ErrorFunction = (error) => {
	const { addNotification } = injectNotificationManager()
	addNotification({
		title: 'An error occurred',
		text: error?.data?.description || error.message || error || 'Unknown error',
		type: 'error',
	})
}

export const useClientTry: useClientTry =
	(fn, onFail = defaultOnError, onFinish) =>
	async (...args) => {
		startLoading()
		try {
			return await fn(...args)
		} catch (err) {
			if (onFail) {
				await onFail(err)
			} else {
				console.error('[CLIENT TRY ERROR]', err)
			}
		} finally {
			if (onFinish) await onFinish()
			stopLoading()
		}
	}