Marc Mintel
5397309103
Some checks failed
Build & Deploy / 🔍 Prepare (push) Successful in 20s
Build & Deploy / 🧪 QA (push) Failing after 34s
Build & Deploy / 🏗️ Build (push) Has started running
Build & Deploy / 🚀 Deploy (push) Has been cancelled
Build & Deploy / 🧪 Smoke Test (push) Has been cancelled
Build & Deploy / ⚡ Lighthouse (push) Has been cancelled
Build & Deploy / 🔔 Notify (push) Has been cancelled
70 lines
2.3 KiB
Plaintext
70 lines
2.3 KiB
Plaintext
import { jsx as _jsx } from "react/jsx-runtime";
|
|
import { PayloadIcon } from '@payloadcms/ui/shared';
|
|
import fs from 'fs/promises';
|
|
import { ImageResponse } from 'next/og.js';
|
|
import path from 'path';
|
|
import React from 'react';
|
|
import { fileURLToPath } from 'url';
|
|
import { OGImage } from './image.js';
|
|
const filename = fileURLToPath(import.meta.url);
|
|
const dirname = path.dirname(filename);
|
|
export const runtime = 'nodejs';
|
|
export const contentType = 'image/png';
|
|
export const generateOGImage = async req => {
|
|
const config = req.payload.config;
|
|
if (config.admin.meta.defaultOGImageType === 'off') {
|
|
return Response.json({
|
|
error: `Open Graph images are disabled`
|
|
}, {
|
|
status: 400
|
|
});
|
|
}
|
|
try {
|
|
const {
|
|
searchParams
|
|
} = new URL(req.url);
|
|
const hasTitle = searchParams.has('title');
|
|
const title = hasTitle ? searchParams.get('title')?.slice(0, 100) : '';
|
|
const hasLeader = searchParams.has('leader');
|
|
const leader = hasLeader ? searchParams.get('leader')?.slice(0, 100).replace('-', ' ') : '';
|
|
const description = searchParams.has('description') ? searchParams.get('description') : '';
|
|
let fontData;
|
|
try {
|
|
// TODO: replace with `.woff2` file when supported
|
|
// See https://github.com/vercel/next.js/issues/63935
|
|
// Or better yet, use a CDN like Google Fonts if ever supported
|
|
fontData = fs.readFile(path.join(dirname, 'roboto-regular.woff'));
|
|
} catch (e) {
|
|
req.payload.logger.error(`Error reading font file or not readable: ${e.message}`);
|
|
}
|
|
const fontFamily = 'Roboto, sans-serif';
|
|
return new ImageResponse(/*#__PURE__*/_jsx(OGImage, {
|
|
description: description,
|
|
Fallback: PayloadIcon,
|
|
fontFamily: fontFamily,
|
|
Icon: config.admin?.components?.graphics?.Icon,
|
|
importMap: req.payload.importMap,
|
|
leader: leader,
|
|
title: title
|
|
}), {
|
|
...(fontData ? {
|
|
fonts: [{
|
|
name: 'Roboto',
|
|
data: await fontData,
|
|
style: 'normal',
|
|
weight: 400
|
|
}]
|
|
} : {}),
|
|
height: 630,
|
|
width: 1200
|
|
});
|
|
} catch (e) {
|
|
req.payload.logger.error(`Error generating Open Graph image: ${e.message}`);
|
|
return Response.json({
|
|
error: `Internal Server Error: ${e.message}`
|
|
}, {
|
|
status: 500
|
|
});
|
|
}
|
|
};
|
|
//# sourceMappingURL=index.js.map |