feat(docs): og image

docs/package.json

@@ -24,6 +24,7 @@
     "@moeru-ai/characters-derivative": "workspace:^",
     "@moeru-ai/characters-existing": "workspace:^",
     "@moeru-ai/characters-original": "workspace:^",
+    "astro-og-canvas": "^0.5.5",
     "daisyui": "^4.12.14",
     "starlight-sidebar-topics-dropdown": "^0.2.1",
     "starlight-theme-catppuccin": "^1.0.3",

docs/src/pages/characters-og/[...slug].ts

@@ -0,0 +1,33 @@
+import type { Card } from '@moeru-ai/ccc'
+
+import * as derivative from '@moeru-ai/characters-derivative'
+import * as existing from '@moeru-ai/characters-existing'
+import * as original from '@moeru-ai/characters-original'
+import { OGImageRoute } from 'astro-og-canvas'
+
+const generateOGImagePages = (json: typeof derivative | typeof existing | typeof original, pkg: string) =>
+  Object.fromEntries(
+    Object.entries(json)
+      .flatMap(([category, characters]) => Object.entries(characters)
+        .map(([character, json]) => [
+          // characters-og/[...slug].png
+          `${pkg}/${category}/${character}`,
+          json as Card,
+        ]),
+      ),
+  )
+
+export const { GET, getStaticPaths } = OGImageRoute({
+  getImageOptions: (_path, page: Card) => ({
+    description: page.notes,
+    title: page.name,
+  }),
+
+  pages: {
+    ...generateOGImagePages(derivative, 'derivative'),
+    ...generateOGImagePages(existing, 'existing'),
+    ...generateOGImagePages(original, 'original'),
+  },
+
+  param: 'slug',
+})

docs/src/pages/characters/[pkg]/[category]/[character].astro

@@ -17,10 +17,10 @@ export const getStaticPaths = () => {
     })))
 
   return [
-  ...generateStaticPaths(derivative, 'derivative'),
-  ...generateStaticPaths(existing, 'existing'),
-  ...generateStaticPaths(original, 'original'),
-]
+    ...generateStaticPaths(derivative, 'derivative'),
+    ...generateStaticPaths(existing, 'existing'),
+    ...generateStaticPaths(original, 'original'),
+  ]
 }
 
 const { category, character, pkg } = Astro.params