Something went wrong. Try again.
a tool for shared writing and social publishing
Something went wrong. Try again.
TypeScript
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172import { 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, setJavaScriptEnabled: false, });}
export async function getWebpageImage( url: string, options?: { setJavaScriptEnabled?: boolean; 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, setJavaScriptEnabled: options?.setJavaScriptEnabled, 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;}