move fn onto server

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

@@ -1,8 +1,46 @@
 import { STADIA_API_KEY } from '$env/static/private';
 import { MerchantOG } from '$lib/comp';
-import { generateImage } from '../generateImage';
 import type { RequestHandler } from './$types';
 
+import { read } from '$app/server';
+import Manrope from '$lib/fonts/Manrope-Regular.ttf';
+import { Resvg } from '@resvg/resvg-js';
+import satori from 'satori';
+import { html as toReactNode } from 'satori-html';
+
+const fontData = read(Manrope).arrayBuffer();
+
+const height = 630;
+const width = 1200;
+
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+const generateImage = async (component: any) => {
+	const jsx = toReactNode(`${component.html}<style>${component.css.code}</style>`);
+
+	const svg = await satori(jsx, {
+		fonts: [
+			{
+				name: 'Manrope',
+				data: await fontData,
+				style: 'normal'
+			}
+		],
+		height,
+		width
+	});
+
+	const resvg = new Resvg(svg, {
+		fitTo: {
+			mode: 'width',
+			value: width
+		}
+	});
+
+	const image = resvg.render();
+
+	return image.asPng();
+};
+
 export const GET: RequestHandler = async ({ url }) => {
 	const lat = url.searchParams.get('lat');
 	const lon = url.searchParams.get('lon');