LukeParke/better-auth
1
0
Fork 0
mirror of https://github.com/LukeHagar/better-auth.git synced 2025-12-10 12:27:44 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix: og image compat

Browse Source
This commit is contained in:
Kinfe123
2025-04-01 09:37:43 +03:00
parent 0d7fa1f99c
commit e2d6b2fdbe
1 changed files with 203 additions and 197 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
docs/app/api/og/route.tsx
View File

@@ -7,7 +7,11 @@ const ogSchema = z.object({
mode: z.string(), mode: z.string(),
type: z.string(), type: z.string(),
}); });
const val = {
heading: "Some headin",
mode: "dark",
type: "documentation",
};
export async function GET(req: Request) { export async function GET(req: Request) {
try { try {
const geist = await fetch( const geist = await fetch(
@@ -18,7 +22,7 @@ export async function GET(req: Request) {
).then((res) => res.arrayBuffer()); ).then((res) => res.arrayBuffer());
const url = new URL(req.url); const url = new URL(req.url);
const urlParamsValues = Object.fromEntries(url.searchParams); const urlParamsValues = Object.fromEntries(url.searchParams);
const validParams = ogSchema.parse(urlParamsValues); const validParams = ogSchema.parse(val);
const { heading, type } = validParams; const { heading, type } = validParams;
const trueHeading = const trueHeading =
heading.length > 140 ? `${heading.substring(0, 140)}...` : heading; heading.length > 140 ? `${heading.substring(0, 140)}...` : heading;
@@ -27,8 +31,9 @@ export async function GET(req: Request) {
const fontSize = trueHeading.length > 100 ? "30px" : "60px"; const fontSize = trueHeading.length > 100 ? "30px" : "60px";
return new ImageResponse( return new ImageResponse(
(
<div <div
tw="flex w-full relative flex-col p-9" tw="flex w-full relative flex-col p-12"
style={{ style={{
color: paint, color: paint,
backgroundColor: "transparent", backgroundColor: "transparent",
@@ -38,7 +43,7 @@ export async function GET(req: Request) {
}} }}
> >
<div <div
tw={`relative flex flex-col w-full h-full border-2 border-[${paint}]/20 p-8}`} tw={`relative flex flex-col w-full h-full border-2 border-[${paint}]/20 p-10}`}
> >
<svg <svg
style={{ style={{
@@ -182,7 +187,8 @@ export async function GET(req: Request) {
</div> </div>
</div> </div>
</div> </div>
</div>, </div>
),
{ {
width: 1200, width: 1200,
height: 630, height: 630,