bartvdbraak/hellob.art
1
0
Fork 0
mirror of https://github.com/bartvdbraak/hellob.art.git synced 2025-04-26 17:11:21 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

fix: make sure vite is doing its thing

Browse source
This commit is contained in:
Bart van der Braak 2024-01-22 03:34:15 +01:00
parent ea491c3148
commit 791d2cae8f
3 changed files with 20 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
src/lib/components/site/opengraph-image.svelte
View file

@ -26,4 +26,7 @@
h2 {
font-family: 'Geist Bold', 'Geist Sans';
}
p {
font-family: 'Geist Regular', 'Geist Sans';
}
</style>

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

@ -1,6 +1,6 @@
import satori from 'satori';
import { Resvg } from '@resvg/resvg-js';
import { html as toReactNode } from 'satori-html';
import { html } from 'satori-html';
import { OgImage } from '$lib/components/site';
import GeistRegular from '$lib/assets/og/Geist-Regular.woff';
import GeistBold from '$lib/assets/og/Geist-Bold.woff';
@ -16,7 +16,7 @@ export const GET = async ({ url }) => {
// eslint-disable-next-line @typescript-eslint/no-explicit-any
const result = (OgImage as any).render({ title, subTitle, imageData });
const element = toReactNode(`${result.html}<style>${result.css.code}</style>`);
const element = html(`${result.html}<style>${result.css.code}</style>`);
const svg = await satori(element, {
fonts: [

20
vite.config.ts
View file

@ -4,7 +4,7 @@ import { defineConfig } from 'vite';
import fs from 'fs';
export default defineConfig({
plugins: [base64(['.jpg']), enhancedImages(), rawFonts(['.woff']), sveltekit()],
plugins: [base64(), enhancedImages(), rawFonts(['.woff']), sveltekit()],
define: {
'import.meta.env.VERCEL_URL': JSON.stringify(process.env.VERCEL_URL)
}
@ -22,15 +22,25 @@ function rawFonts(ext: string[]) {
};
}
function base64(ext: string[]) {
function base64() {
return {
name: 'vite-plugin-base64-loader',
// transform(_code: string, id: string) {
// const [path, query] = id.split('?');
// if (query === 'base64' && ext.some((e) => id.endsWith(e))) {
// const base64 = fs.readFileSync(path, { encoding: 'base64' });
// return { code: `export default ${JSON.stringify(base64)}`, map: null };
// }
// }
transform(_code: string, id: string) {
const [path, query] = id.split('?');
if (query === 'base64' && ext.some((e) => id.endsWith(e))) {
const base64 = fs.readFileSync(path, { encoding: 'base64' });
return { code: `export default ${JSON.stringify(base64)}`, map: null };
if (query !== 'base64') {
return null;
}
const base64 = fs.readFileSync(path, { encoding: 'base64' });
return { code: `export default ${JSON.stringify(base64)}`, map: null };
}
};
}