import { size } from '@/app/analyze/(org)/[owner]/twitter-image'; import { getOwnerInfo } from '@/components/Analyze/utils'; import { INTERNAL_QUERY_API_SERVER } from '@/utils/api'; import { DateTime } from 'luxon'; import { notFound } from 'next/navigation'; import { ImageResponse } from 'next/og'; import { FC, SVGAttributes } from 'react'; export default async function Image ({ params }: { params: Promise<{ owner: string }> }) { const { owner: rawOwner } = await params; const owner = decodeURIComponent(rawOwner); const info = await getOwnerInfo(owner); if (info.type !== 'Organization') { notFound(); } const end = DateTime.now(); const start = end.minus({ day: 28 }); const [ [stars, prs, issues, reviews], [activeParticipants, newParticipants], ] = await Promise.all([ Promise.all(['stars', 'pull-requests', 'issues', 'reviews'].map(dim => fetch(`${INTERNAL_QUERY_API_SERVER}/orgs/${dim}/total?ownerId=${info.id}&period=past_28_days`) .then(res => res.json()) .then(data => data.data[0]?.current_period_total ?? 0), )), Promise.all(['active', 'new'].map(dim => fetch(`${INTERNAL_QUERY_API_SERVER}/orgs/participants/${dim}/ranking?ownerId=${info.id}&activity=${dim}&period=past_28_days`) .then(res => res.json()) .then(data => data.data.slice(0, 5)), )), ]); // // Font const poppinsMedium = fetch( new URL('./Poppins-Medium.ttf', import.meta.url), ).then((res) => res.arrayBuffer()); const poppinsSemiBold = fetch( new URL('./Poppins-SemiBold.ttf', import.meta.url), ).then((res) => res.arrayBuffer()); return new ImageResponse( ( // ImageResponse JSX element
{info.name}
{`${start.toFormat('yyyy/MM/dd')} - ${end.toFormat('yyyy/MM/dd')}`}
{activeParticipants.map(({ login }: any) => )}
{newParticipants.map(({ login }: any) => )}
} />
ossinsight.io
), // ImageResponse options { // For convenience, we can re-use the exported opengraph-image // size config to also set the ImageResponse's width and height. ...size, fonts: [ { name: 'Poppins', data: await poppinsMedium, style: 'normal', weight: 500, }, { name: 'Poppins', data: await poppinsSemiBold, style: 'normal', weight: 600, }, ], }, ); } function Decorators () { return (
); } const nf = new Intl.NumberFormat('en'); function Item ({ left, top, text, value, color, Icon }: { left: number, top: number, text: string, value: any, Icon: FC>, color: string }) { return (
{text}
{typeof value === 'number' ?
{nf.format(value)}
: value}
); } function StarIcon () { return ( ); } function PrIcon () { return ; } function IssuesIcon () { return ; } function ReviewIcon () { return ; } function PeopleIcon () { return ; }