fix: og image generation

app/books/cc/[lila]/[chapter]/[verse]/page.tsx

@@ -1,9 +1,13 @@
+export const dynamic = "force-dynamic";
+
+import type { Metadata } from "next";
 import Link from "next/link";
 import { PageHeader } from "@/components/page-header";
 import { notFound } from "next/navigation";
 import { getBookMeta, getSingleVerse, getChapterVerseIndex } from "@/lib/api";
 import { ChapterViewer } from "@/app/books/chapter-viewer";
 import type { MobileNavGroup } from "@/components/mobile-nav";
+import { ogForVerse, extractQuoteFromHl, buildOgMeta } from "@/lib/og";
 
 type ChapterInfo = {
   number: number;
@@ -19,6 +23,31 @@ type LilaInfo = {
   chapters: ChapterInfo[];
 };
 
+export async function generateMetadata({
+  params,
+  searchParams,
+}: {
+  params: Promise<{ lila: string; chapter: string; verse: string }>;
+  searchParams: Promise<Record<string, string | string[] | undefined>>;
+}): Promise<Metadata> {
+  const { lila, chapter, verse } = await params;
+  const sp = await searchParams;
+  const quote = extractQuoteFromHl(sp);
+  if (quote) {
+    const bookTitle = "Śrī Caitanya-caritāmṛta";
+    return buildOgMeta({
+      title: bookTitle,
+      detail: `${lila.charAt(0).toUpperCase() + lila.slice(1)}, Chapter ${chapter}, Verse ${verse}`,
+      quote,
+    });
+  }
+  return ogForVerse("cc", {
+    division: lila,
+    chapter: parseInt(chapter),
+    verse: parseInt(verse),
+  });
+}
+
 export default async function CcVersePage({
   params,
 }: {