bartvdbraak/hellob.art
1
0
Fork 0
mirror of https://github.com/bartvdbraak/hellob.art.git synced 2025-04-28 01:51:22 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

refactor: restructure code and errorhandling

Browse source
This commit is contained in:
Bart van der Braak 2024-01-21 22:28:54 +01:00
parent d063a4dc00
commit c37a4efef3
1 changed files with 57 additions and 36 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

93
src/routes/og.png/+server.ts
View file

@ -4,52 +4,73 @@ import { html as toReactNode } from 'satori-html';
import { OgImage } from '$lib/components/site'; import { OgImage } from '$lib/components/site';
import GeistRegular from '$lib/assets/og/Geist-Regular.woff'; import GeistRegular from '$lib/assets/og/Geist-Regular.woff';
import GeistBold from '$lib/assets/og/Geist-Bold.woff'; import GeistBold from '$lib/assets/og/Geist-Bold.woff';
import { readFileSync } from 'fs'; import { readFile } from 'fs/promises';
import path from 'path';
const height = 630; const height = 630;
const width = 1200; const width = 1200;
const meImage = readFileSync(`${process.cwd()}/src/lib/assets/og/me.jpg`); const getImageData = async () => {
const imageData = Buffer.from(meImage).toString('base64'); try {
const imagePath = path.join(process.cwd(), 'src', 'lib', 'assets', 'og', 'me.jpg');
const meImage = await readFile(imagePath);
return Buffer.from(meImage).toString('base64');
} catch (error) {
console.error('Error reading image:', error);
throw error;
}
};
/** @type {import('./$types').RequestHandler} */ /** @type {import('./$types').RequestHandler} */
export const GET = async ({ url }) => { export const GET = async ({ url }) => {
const title = url.searchParams.get('title') ?? undefined; try {
const subTitle = url.searchParams.get('subTitle') ?? undefined; const title = url.searchParams.get('title') ?? undefined;
const subTitle = url.searchParams.get('subTitle') ?? undefined;
// eslint-disable-next-line @typescript-eslint/no-explicit-any const imageData = await getImageData();
const result = (OgImage as any).render({ title, subTitle, imageData });
const element = toReactNode(`${result.html}<style>${result.css.code}</style>`);
const svg = await satori(element, { // eslint-disable-next-line @typescript-eslint/no-explicit-any
fonts: [ const result = (OgImage as any).render({ title, subTitle, imageData });
{ const element = toReactNode(`${result.html}<style>${result.css.code}</style>`);
name: 'Geist Regular',
data: Buffer.from(GeistRegular), const svg = await satori(element, {
weight: 100 fonts: [
}, {
{ name: 'Geist Regular',
name: 'Geist Bold', data: Buffer.from(GeistRegular),
data: Buffer.from(GeistBold), weight: 100
weight: 700 },
{
name: 'Geist Bold',
data: Buffer.from(GeistBold),
weight: 700
}
],
height,
width
});
const resvg = new Resvg(svg, {
fitTo: {
mode: 'width',
value: width
} }
], });
height,
width
});
const resvg = new Resvg(svg, { const image = resvg.render();
fitTo: {
mode: 'width',
value: width
}
});
const image = resvg.render(); return new Response(image.asPng(), {
headers: {
return new Response(image.asPng(), { 'content-type': 'image/png'
headers: { }
'content-type': 'image/png' });
} } catch (error) {
}); console.error('Error generating image:', error);
return new Response('Internal Server Error', {
status: 500,
headers: {
'content-type': 'text/plain'
}
});
}
}; };