48 lines
2.0 KiB
JavaScript
48 lines
2.0 KiB
JavaScript
function importModule() {
|
|
return import(process.env.NEXT_RUNTIME === 'edge' ? 'next/dist/compiled/@vercel/og/index.edge.js' : 'next/dist/compiled/@vercel/og/index.node.js');
|
|
}
|
|
/**
|
|
* The ImageResponse class allows you to generate dynamic images using JSX and CSS.
|
|
* This is useful for generating social media images such as Open Graph images, Twitter cards, and more.
|
|
*
|
|
* Read more: [Next.js Docs: `ImageResponse`](https://nextjs.org/docs/app/api-reference/functions/image-response)
|
|
*/ export class ImageResponse extends Response {
|
|
static #_ = this.displayName = 'ImageResponse';
|
|
constructor(...args){
|
|
const readable = new ReadableStream({
|
|
async start (controller) {
|
|
const OGImageResponse = // So far we have to manually determine which build to use,
|
|
// as the auto resolving is not working
|
|
(await importModule()).ImageResponse;
|
|
const imageResponse = new OGImageResponse(...args);
|
|
if (!imageResponse.body) {
|
|
return controller.close();
|
|
}
|
|
const reader = imageResponse.body.getReader();
|
|
while(true){
|
|
const { done, value } = await reader.read();
|
|
if (done) {
|
|
return controller.close();
|
|
}
|
|
controller.enqueue(value);
|
|
}
|
|
}
|
|
});
|
|
const options = args[1] || {};
|
|
const headers = new Headers({
|
|
'content-type': 'image/png',
|
|
'cache-control': process.env.NODE_ENV === 'development' ? 'no-cache, no-store' : 'public, immutable, no-transform, max-age=31536000'
|
|
});
|
|
if (options.headers) {
|
|
const newHeaders = new Headers(options.headers);
|
|
newHeaders.forEach((value, key)=>headers.set(key, value));
|
|
}
|
|
super(readable, {
|
|
headers,
|
|
status: options.status,
|
|
statusText: options.statusText
|
|
});
|
|
}
|
|
}
|
|
|
|
//# sourceMappingURL=image-response.js.map
|