Here's a helper function for your +page.server 🔥

[multiplehats]

Been using tRPC more and more. But I realised I was repeating imports in my +page.server and I also wanted the ability to parallel load.

EDIT: Decided to write a quick article about this in more detail, you can find it here.

I created a simple util that will try catch, and rethrow with the right SvelteKit error object. Types are of course inferred.

Utility

trpc-load.ts

import { appRouter } from '$core/api/root';
import { createTRPCContext } from '$core/api/trpc'; 
import { type RequestEvent, error } from '@sveltejs/kit';
import { TRPCError } from '@trpc/server';
import { getHTTPStatusCodeFromError } from '@trpc/server/http';

export async function trpcLoad<
	Event extends RequestEvent<Partial<Record<string, string>>, string | null>,
	// eslint-disable-next-line @typescript-eslint/no-explicit-any
	Method extends (caller: ReturnType<typeof appRouter.createCaller>) => Promise<any>
>(event: Event, method: Method): Promise<ReturnType<Method>> {
	try {
		const caller = appRouter.createCaller(await createTRPCContext(event));
		return await method(caller);
	} catch (e) {
		if (e instanceof TRPCError) {
			const httpCode = getHTTPStatusCodeFromError(e);

                        throw error(httpCode, e.message);
		}

		throw error(500, 'Unknown error');
	}
}

Usage:

+page.server.ts

import { trpcLoad } from '$lib/shared/utils/trpc-load';

export const load = async (event) => {
	return {
		data: trpcLoad(event, (trpc) => trpc.creator.get(event.params.username))
	};
};

Hopefully this helps someone!

[multiplehats]

@icflorescu maybe useful to include in the docs? Been other q's regarding this: #56