boredgame/src/routes/og/+server.ts

import SocialImageCard from '$components/socialImageCard.svelte';
import { componentToPng } from '$lib/renderImage.js';

const height = 630;
const width = 1200;

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

		return componentToPng(SocialImageCard, {
			header,
			page,
			content,
			image,
			width: `${width}`,
			height: `${height}`,
			url: new URL(url.origin).href
		}, height, width);
	} catch (e) {
		console.error(e);
	}
};