.
This commit is contained in:
+48
@@ -0,0 +1,48 @@
|
||||
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, max-age=0, must-revalidate'
|
||||
});
|
||||
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
|
||||
Reference in New Issue
Block a user