Something went wrong. Try again.
a tool for shared writing and social publishing
Something went wrong. Try again.
TypeScript
12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667import { headers } from "next/headers";
export async function getMicroLinkOgImage( path: string, options?: { width?: number; height?: number; deviceScaleFactor?: number; noCache?: boolean; },) { const headersList = await headers(); let hostname = headersList.get("x-forwarded-host"); let protocol = headersList.get("x-forwarded-proto"); if (process.env.NODE_ENV === "development") { protocol === "https"; hostname = "leaflet.pub"; } let full_path = `${protocol}://${hostname}${path}`; return getWebpageImage(full_path, options);}
export async function getWebpageImage( url: string, options?: { width?: number; height?: number; deviceScaleFactor?: number; noCache?: boolean; },) { let response = await fetch( `https://api.cloudflare.com/client/v4/accounts/${process.env.CLOUDFLARE_ACCOUNT}/browser-rendering/screenshot`, { method: "POST", headers: { "Content-type": "application/json", Authorization: `Bearer ${process.env.CLOUDFLARE_API_TOKEN}`, }, body: JSON.stringify({ url, scrollPage: true, addStyleTag: [ { content: `* {scrollbar-width:none; }`, }, ], gotoOptions: { waitUntil: "load", }, viewport: { width: options?.width || 1400, height: options?.height || 733, deviceScaleFactor: options?.deviceScaleFactor, }, }), next: !options?.noCache ? undefined : { revalidate: 600, }, }, );
return response;}