this repo has no description
fix(og): handle-based project-og URL + exact JPEG bytes for link previews
Project pages now set og:image to `/api/registry/project-og/{handle}` instead
of og-banner with an encoded DID, so Cardyb’s nested URL encoding stays
simpler and matches patterns that unfurl reliably.
- Add `lib/og-banner-serve.ts` with shared `buildOgBannerResponse`, exact
ArrayBuffer slicing for Content-Length bodies, JPEG magic validation on
DB cache (invalid rows fall back to PDS resize + overwrite)
- Store tight `Uint8Array` copies (`.slice()`) before writing og_jpeg to Turso
- Keep `/api/registry/og-banner/{did}` as a thin wrapper for compatibility
Made-with: Cursor
+144
-104
+1
-1
lib/registry.ts
+1
-1
lib/registry.ts
···
568
568
* Read the pre-generated OG JPEG bytes for a project, or null if none
569
569
* has been stored yet (e.g. profile pre-dates this feature).
570
570
*/
571
-
export async function getOgJpeg(did: string): Promise<Uint8Array | null> {
571
+
export function getOgJpeg(did: string): Promise<Uint8Array | null> {
572
572
return withDb(async (c) => {
573
573
const r = await c.execute({
574
574
sql: `SELECT og_jpeg FROM profile WHERE did = ?`,
+2
-1
routes/api/admin/backfill-og-jpegs.ts
+2
-1
routes/api/admin/backfill-og-jpegs.ts
···
57
57
}
58
58
const buf = new Uint8Array(await upstream.arrayBuffer());
59
59
const img = await Image.decode(buf);
60
-
const jpeg = new Uint8Array(
60
+
const jpegLoose = new Uint8Array(
61
61
await img.cover(OG_W, OG_H).encodeJPEG(JPEG_QUALITY),
62
62
);
63
+
const jpeg = jpegLoose.slice();
63
64
await storeOgJpeg(row.did, jpeg);
64
65
processed++;
65
66
} catch (err) {
+2
-1
routes/api/registry/profile.ts
+2
-1
routes/api/registry/profile.ts
···
296
296
}
297
297
// Pre-generate the 1200×630 JPEG for the og:image cache. This runs
298
298
// after the PDS upload succeeds so a resize failure never blocks saving.
299
-
ogJpeg = await generateOgJpeg(bytes);
299
+
const rawOg = await generateOgJpeg(bytes);
300
+
ogJpeg = rawOg ? rawOg.slice() : null;
300
301
}
301
302
302
303
/**
+22
routes/api/registry/project-og/[handle].ts
+22
routes/api/registry/project-og/[handle].ts
···
1
+
/**
2
+
* Same bytes as `/api/registry/og-banner/{did}`, but keyed by registry handle.
3
+
* Used in HTML `og:image` so unfurlers see a short URL without `%3A` / DID
4
+
* encoding (Cardyb double-encodes the inner URL).
5
+
*/
6
+
import { define } from "../../../../utils.ts";
7
+
import { getProfileByHandle } from "../../../../lib/registry.ts";
8
+
import { buildOgBannerResponse } from "../../../../lib/og-banner-serve.ts";
9
+
import { withRateLimit } from "../../../../lib/rate-limit.ts";
10
+
11
+
export const handler = define.handlers({
12
+
GET: withRateLimit(async (ctx) => {
13
+
const handle = decodeURIComponent(ctx.params.handle).toLowerCase();
14
+
const profile = await getProfileByHandle(handle).catch(() => null);
15
+
if (!profile?.bannerCid) {
16
+
return new Response("not found", { status: 404 });
17
+
}
18
+
const res = await buildOgBannerResponse(profile);
19
+
if (!res) return new Response("not found", { status: 404 });
20
+
return res;
21
+
}),
22
+
});
+1
-1
routes/explore/[handle].tsx
+1
-1
routes/explore/[handle].tsx