Samuel Newman
f527b35244
Co-authored-by: Claude Opus 4.6 (1M context) <noreply@anthropic.com> Co-authored-by: rafaeleyng <rafaeleyng@gmail.com>
21 lines
646 B
TypeScript
21 lines
646 B
TypeScript
// @NOTE satori does not currently support webp, see vercel/satori#273
|
|
function detectMime(buf: Buffer): string {
|
|
if (buf[0] === 0xff && buf[1] === 0xd8) return 'image/jpeg'
|
|
if (buf[0] === 0x89 && buf[1] === 0x50) return 'image/png'
|
|
if (buf[0] === 0x52 && buf[1] === 0x49) return 'image/webp'
|
|
if (buf[0] === 0x47 && buf[1] === 0x49) return 'image/gif'
|
|
return 'image/jpeg'
|
|
}
|
|
|
|
export function Img(
|
|
props: Omit<React.ImgHTMLAttributes<HTMLImageElement>, 'src'> & {src: Buffer},
|
|
) {
|
|
const {src, ...others} = props
|
|
return (
|
|
<img
|
|
{...others}
|
|
src={`data:${detectMime(src)};base64,${src.toString('base64')}`}
|
|
/>
|
|
)
|
|
}
|