Function renderOg

tools/icons/src/render.js:85–122

(
    lotusSvg,
    textSvg,
    {
        width = 1200,
        height = 630,
        bg,
        logoColor,
        lotusSize = 230,
        textWidth = 470,
        gap = 34,
    },
)

 * thumbnails apply.
 */
export async function renderOg(
    lotusSvg,
    textSvg,
    {
        width = 1200,
        height = 630,
        bg,
        logoColor,
        lotusSize = 230,
        textWidth = 470,
        gap = 34,
    },
) {
    const lotus = await rasterize(lotusSvg, logoColor, lotusSize, lotusSize);
    const text = await rasterize(textSvg, logoColor, textWidth, height);

    const stackH = lotus.h + gap + text.h;
    const top = Math.round((height - stackH) / 2);
    const cx = width / 2;
    return sharp({
        create: {
            width,
            height,
            channels: 4,
            background: { ...hexToRgb(bg), alpha: 1 },
        },
    })
        .composite([
            { input: lotus.buf, left: Math.round(cx - lotus.w / 2), top },
            {
                input: text.buf,
                left: Math.round(cx - text.w / 2),
                top: top + lotus.h + gap,
            },
        ])
        .png()
        .toBuffer();
}