og-images-generator/dist/test/__fixtures__/og-images.config.fixture.js

Generate OG images from a static folder and / or a middleware. Extract metadata from HTML pages. No headless browser involved. Comes as a CLI, API or plugins.

import { html, styled, OG_SIZE, FONTS } from 'og-images-generator';
/** @type {import('og-images-generator').PathsOptions} (Optional) */
export const paths = {
    // DEFAULTS:
    base: './dist',
    out: './dist/og',
    json: './dist/og/index.json',
};
const myInlineStyle1 = styled.div `
	display: flex;
`;
const nestedTemplate1 = html `<span>My Website</span>`;
/** @type {import('og-images-generator').Template} */
export const template = ({ page }) => html ` <!-- Contrived example -->
		<div style=${myInlineStyle1}>
			${page.meta?.tags?.['og:title'] ?? 'Untitled'} <br />
			${page.meta?.tags?.['og:description'] ?? 'No description'}
			<!-- -->
			${nestedTemplate1}
			<em>Nice</em>
			<strong>Weather</strong>
		</div>`;
/** @type {import('og-images-generator').RenderOptions} */
export const renderOptions = {
    satori: { fonts: [await FONTS.sourceSans()], ...OG_SIZE },
};