personal-website-sveltekit/src/routes/og/+server.ts

import SocialImageCard from "$lib/components/socialImageCard.svelte";
import { componentToPng } from "$root/lib/renderImage";

const height = 630;
const width = 1200;

/** @type {import('./$types').RequestHandler} */
export async function GET({ url }) {
	try {
		const faviconImageName = "b_shell_nut_favicon.png";
		const image = `${new URL(url.origin).href}${faviconImageName}`;
		const header = url.searchParams.get("header") ?? undefined;
		const page = url.searchParams.get("page") ?? undefined;
		const content = url.searchParams.get("content") ?? "";

		// @ts-expect-error: Argument of type 'typeof SocialImageCard__SvelteComponent_' is not assignable to parameter of type 'SvelteComponent<any, any, any>'
		return componentToPng(
			SocialImageCard,
			{
				header,
				page,
				content,
				image,
				width: `${width}`,
				height: `${height}`,
				url: new URL(url.origin).href,
			},
			height,
			width
		);
	} catch (e) {
		console.error(e);
	}
}