a tool for shared writing and social publishing
make params promise in open-graph image handlers
Jared Pereira
(Nov 25, 2025, 9:17 PM EST)
d55da6f0
5b95119a
+20
-14
+3
-2
app/[leaflet_id]/opengraph-image.tsx
+3
-2
app/[leaflet_id]/opengraph-image.tsx
···
4
4
export const revalidate = 60;
5
5
6
6
export default async function OpenGraphImage(props: {
7
-
params: { leaflet_id: string };
7
+
params: Promise<{ leaflet_id: string }>;
8
8
}) {
9
-
return getMicroLinkOgImage(`/${props.params.leaflet_id}`);
9
+
let params = await props.params;
10
+
return getMicroLinkOgImage(`/${params.leaflet_id}`);
10
11
}
+4
-3
app/lish/[did]/[publication]/[rkey]/l-quote/[quote]/opengraph-image.ts
+4
-3
app/lish/[did]/[publication]/[rkey]/l-quote/[quote]/opengraph-image.ts
···
5
5
export const revalidate = 60;
6
6
7
7
export default async function OpenGraphImage(props: {
8
-
params: { publication: string; did: string; rkey: string; quote: string };
8
+
params: Promise<{ publication: string; did: string; rkey: string; quote: string }>;
9
9
}) {
10
-
let quotePosition = decodeQuotePosition(props.params.quote);
10
+
let params = await props.params;
11
+
let quotePosition = decodeQuotePosition(params.quote);
11
12
return getMicroLinkOgImage(
12
-
`/lish/${decodeURIComponent(props.params.did)}/${decodeURIComponent(props.params.publication)}/${props.params.rkey}/l-quote/${props.params.quote}#${quotePosition?.pageId ? `${quotePosition.pageId}~` : ""}${quotePosition?.start.block.join(".")}_${quotePosition?.start.offset}`,
13
+
`/lish/${decodeURIComponent(params.did)}/${decodeURIComponent(params.publication)}/${params.rkey}/l-quote/${params.quote}#${quotePosition?.pageId ? `${quotePosition.pageId}~` : ""}${quotePosition?.start.block.join(".")}_${quotePosition?.start.offset}`,
13
14
{
14
15
width: 620,
15
16
height: 324,
+3
-2
app/lish/[did]/[publication]/[rkey]/opengraph-image.ts
+3
-2
app/lish/[did]/[publication]/[rkey]/opengraph-image.ts
···
4
4
export const revalidate = 60;
5
5
6
6
export default async function OpenGraphImage(props: {
7
-
params: { publication: string; did: string; rkey: string };
7
+
params: Promise<{ publication: string; did: string; rkey: string }>;
8
8
}) {
9
+
let params = await props.params;
9
10
return getMicroLinkOgImage(
10
-
`/lish/${decodeURIComponent(props.params.did)}/${decodeURIComponent(props.params.publication)}/${props.params.rkey}/`,
11
+
`/lish/${decodeURIComponent(params.did)}/${decodeURIComponent(params.publication)}/${params.rkey}/`,
11
12
);
12
13
}
+3
-2
app/lish/[did]/[publication]/opengraph-image.ts
+3
-2
app/lish/[did]/[publication]/opengraph-image.ts
···
4
4
export const revalidate = 60;
5
5
6
6
export default async function OpenGraphImage(props: {
7
-
params: { publication: string; did: string };
7
+
params: Promise<{ publication: string; did: string }>;
8
8
}) {
9
+
let params = await props.params;
9
10
return getMicroLinkOgImage(
10
-
`/lish/${encodeURIComponent(props.params.did)}/${encodeURIComponent(props.params.publication)}/`,
11
+
`/lish/${encodeURIComponent(params.did)}/${encodeURIComponent(params.publication)}/`,
11
12
);
12
13
}
+4
-3
app/p/[didOrHandle]/[rkey]/l-quote/[quote]/opengraph-image.ts
+4
-3
app/p/[didOrHandle]/[rkey]/l-quote/[quote]/opengraph-image.ts
···
5
5
export const revalidate = 60;
6
6
7
7
export default async function OpenGraphImage(props: {
8
-
params: { didOrHandle: string; rkey: string; quote: string };
8
+
params: Promise<{ didOrHandle: string; rkey: string; quote: string }>;
9
9
}) {
10
-
let quotePosition = decodeQuotePosition(props.params.quote);
10
+
let params = await props.params;
11
+
let quotePosition = decodeQuotePosition(params.quote);
11
12
return getMicroLinkOgImage(
12
-
`/p/${decodeURIComponent(props.params.didOrHandle)}/${props.params.rkey}/l-quote/${props.params.quote}#${quotePosition?.pageId ? `${quotePosition.pageId}~` : ""}${quotePosition?.start.block.join(".")}_${quotePosition?.start.offset}`,
13
+
`/p/${decodeURIComponent(params.didOrHandle)}/${params.rkey}/l-quote/${params.quote}#${quotePosition?.pageId ? `${quotePosition.pageId}~` : ""}${quotePosition?.start.block.join(".")}_${quotePosition?.start.offset}`,
13
14
{
14
15
width: 620,
15
16
height: 324,
+3
-2
app/p/[didOrHandle]/[rkey]/opengraph-image.ts
+3
-2
app/p/[didOrHandle]/[rkey]/opengraph-image.ts
···
4
4
export const revalidate = 60;
5
5
6
6
export default async function OpenGraphImage(props: {
7
-
params: { rkey: string; didOrHandle: string };
7
+
params: Promise<{ rkey: string; didOrHandle: string }>;
8
8
}) {
9
+
let params = await props.params;
9
10
return getMicroLinkOgImage(
10
-
`/p/${props.params.didOrHandle}/${props.params.rkey}/`,
11
+
`/p/${params.didOrHandle}/${params.rkey}/`,
11
12
);
12
13
}