1
import { ImageResponse } from '@vercel/og';
2
import { NextRequest } from "next/server";
3
import {deploymentURL} from "@/constant/env";
4
export const runtime = 'edge';
5
//const fontNormal = fetch(new URL("../../../../assets/SolaimanLipi.ttf", import.meta.url)).then((res) => res.arrayBuffer());
6

7
export async function GET(req: NextRequest) {
8
    const fontData = await fetch(
9
        new URL('../../../../assets/NotoSerifBengali-Bold.ttf', import.meta.url),
10
    ).then((res) => res.arrayBuffer());
11
    try {
12
        const { searchParams } = new URL(req.url);
13
        const title = searchParams.get("title");
14
        const description = searchParams.get("description");
15
        const logoUrl = searchParams.get("logoUrl");
16

17
        const decodedLogoUrl = logoUrl ? decodeURIComponent(logoUrl) : `${deploymentURL}/images/logo.png`;
18
        return new ImageResponse(
19
            (
20
                <div style={{
21
                    width: '100%',
22
                    height: '100%',
23
                    position: "relative",
24
                    background: "red",
25
                    overflow: "hidden",
26
                    display: 'flex',
27
                    flexDirection: 'column',
28
                    alignItems: 'center',
29
                    letterSpacing: -4,
30
                    fontFamily: '"NotoSerifBengali"',
31
                    fontWeight: 'bold'
32
                }}>
33
                    <div style={{
34
                        width: '120%',
35
                        height: '800px',
36
                        position: "absolute",
37
                        top: '-510px',
38
                        left: '-10%',
39
                        zIndex: 10,
40
                        borderRadius: '50%',
41
                        background: '#abb2b9',
42
                    }}></div>
43
                    <div style={{
44
                        width: '110%',
45
                        height: '950px',
46
                        position: "absolute",
47
                        top: '-660px',
48
                        left: '-5%',
49
                        zIndex: 11,
50
                        borderRadius: '50%',
51
                        background: '#d6dbdf'
52
                    }}></div>
53
                    {decodedLogoUrl && (
54
                        <img src={decodedLogoUrl} alt="logo" width={200} height={200}
55
                             style={{
56
                                 objectFit: 'contain',
57
                                 position: "absolute",
58
                                 top: 25,
59
                                 left: '50%',
60
                                 transform: 'translateX(-50%)',
61
                             }}/>
62
                    )}
63

64
                        <h1 tw="text-6xl font-bold bg-yellow-200 rounded-lg uppercase p-4 text-center absolute top-72">{title}</h1>
65
                        <p tw="text-6xl font-bold text-white text-center absolute top-100">{description}</p>
66

67
                        <p tw="absolute, rotate-180	top-0 left-0">Ebdresults.com</p>
68
                </div>
69
            ),
70
            {
71
                fonts: [
72
                    {
73
                        name: 'NotoSerifBengali',
74
                        data: fontData,
75
                    },
76
                ],
77
                width: 1200,
78
                height: 630,
79

80
            },
81
        );
82
   } catch (error: any) {
83
       console.log(`${error.message}`);
84
        const errorMessage = error instanceof Error ? error.message : 'Unknown error';
85
        return new Response(`Failed to load image: ${errorMessage}`, {
86
            status: 500,
87
        })
88
    }
89
}