Changeset 69815b2 in Klonkt for src/server.js

Timestamp:

06/24/2026 05:26:24 AM (3 months ago)

Author:

Robin Genis <roboburr@…>

Branches:

main

Children:

6bd25d1

Parents:

5eef817

Message:

feat: auto-generated per-site OG image from palette + accent

New OgImageService renders a themed 1200x630 social card (palette gradient +
accent + site title/tagline + klonkt wordmark) via @resvg/resvg-js, cached on
disk. Served at GET /og/:slug.png and used as the default og:image/twitter:image
when a site has no custom share image — so every site gets a branded preview.
Bundles a static Fraunces TTF for rendering; graceful no-op if resvg can't load.

Co-Authored-By: Claude <noreply@…>

File:

• src/server.js (modified) (2 diffs)

src/server.js

@@ -63 +63 @@
 import adminEpkRoutes from './routes/admin-epk.js';
 import changelogRoutes from './routes/changelog.js';
+import ogRoutes from './routes/og.js';
 
 // SESSION_SECRET: use the env var if set. Otherwise auto-generate a strong one
@@ -222 +223 @@
 app.use(federationRoutes);
 
+// Themed OG cards (/og/:slug.png) — resolve the site by slug themselves, so they
+// run before resolveSite and need no site context.
+app.use('/og', ogRoutes);
+
 app.use(resolveSite);
 app.use(loadAudioTracks);