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

feat: add vite build and transform step for base64 inlining

Browse source
This commit is contained in:
Bart van der Braak 2024-01-21 23:16:14 +01:00
parent 19971636d4
commit ecc83f4a4f
2 changed files with 37 additions and 18 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -4,23 +4,23 @@ import { html as toReactNode } 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';
import Me from '$lib/assets/og/me.jpg';
import { readFile } from 'fs/promises';
import path from 'path';
import imageData from '$lib/assets/og/me.jpg?base64';
// import { readFile } from 'fs/promises';
// import path from 'path';
const height = 630;
const width = 1200;
const getImageData = async () => {
// try {
const imagePath = path.join(process.cwd(), Me);
const meImage = await readFile(imagePath);
return Buffer.from(meImage).toString('base64');
// } catch (error) {
// console.error('Error reading image:', error);
// throw error;
// }
};
// const getImageData = async () => {
// // try {
// const imagePath = path.join(process.cwd(), Me);
// 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} */
export const GET = async ({ url }) => {
@ -28,7 +28,7 @@ export const GET = async ({ url }) => {
const title = url.searchParams.get('title') ?? undefined;
const subTitle = url.searchParams.get('subTitle') ?? undefined;
const imageData = await getImageData();
// const imageData = await getImageData();
// eslint-disable-next-line @typescript-eslint/no-explicit-any
const result = (OgImage as any).render({ title, subTitle, imageData });
@ -62,7 +62,8 @@ export const GET = async ({ url }) => {
return new Response(image.asPng(), {
headers: {
'content-type': 'image/png'
'content-type': 'image/png',
'cache-control': 'public, max-age=86400, immutable'
}
});
// } catch (error) {

24
vite.config.ts
View file

@ -4,9 +4,11 @@ import { defineConfig } from 'vite';
import fs from 'fs';
export default defineConfig({
plugins: [enhancedImages(), sveltekit(), rawFonts(['.woff'])],
ssr: {
noExternal: ['three']
plugins: [enhancedImages(), sveltekit(), rawFonts(['.woff']), base64()],
server: {
fs: {
allow: ['./']
}
},
define: {
'import.meta.env.VERCEL_URL': JSON.stringify(process.env.VERCEL_URL)
@ -24,3 +26,19 @@ function rawFonts(ext: string[]) {
}
};
}
function base64() {
return {
name: 'vite-plugin-base64-loader',
transform(_code: string, id: string) {
const [path, query] = id.split('?');
if (query !== 'base64') {
return null;
}
const base64 = fs.readFileSync(path, { encoding: 'base64' });
return { code: `export default ${JSON.stringify(base64)}`, map: null };
}
};
}