krispire/spsays-training
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: sb verses extracted

Browse Source
This commit is contained in:
gosangam
2026-04-14 15:58:06 +05:30
parent 82e720b10a
commit c5d4194d00
6502 changed files with 16345 additions and 7851 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/books/bg/[chapter]/page.tsx
+31 -32
View File
@@ -1,7 +1,10 @@
import fs from "fs";
import path from "path";
import Link from "next/link";
import { PageHeader } from "@/components/page-header";
import { notFound } from "next/navigation";
import { Card, CardHeader, CardContent } from "@/components/ui/card";
import { Badge } from "@/components/ui/badge";
import { VerseIndex } from "./verse-index";
type Synonym = {
@@ -70,20 +73,18 @@ export default async function ChapterPage({
}));
return (
<div className="min-h-screen bg-amber-50 dark:bg-zinc-950">
<header className="border-b border-amber-200 dark:border-zinc-800 bg-white dark:bg-zinc-900 px-6 py-6 sticky top-0 z-20">
<div className="max-w-5xl mx-auto">
<Link
href="/books/bg"
className="text-sm text-amber-600 hover:text-amber-800 dark:text-zinc-400 dark:hover:text-zinc-100"
>
&larr; Bhagavad-gītā
</Link>
<h1 className="mt-2 text-2xl font-bold text-zinc-900 dark:text-zinc-100">
Chapter {chapter}: {title}
</h1>
</div>
</header>
<div className="min-h-screen bg-background">
<PageHeader sticky wide>
<Link
href="/books/bg"
className="text-sm text-muted-foreground hover:text-foreground"
>
&larr; Bhagavad-gītā
</Link>
<h1 className="mt-2 text-2xl font-bold text-foreground">
Chapter {chapter}: {title}
</h1>
</PageHeader>
<div className="w-full md:max-w-5xl mx-auto flex">
{/* Left sidebar — verse index */}
@@ -92,19 +93,17 @@ export default async function ChapterPage({
{/* Main content */}
<main className="flex-1 min-w-0 px-6 py-8 space-y-12">
{verses.map((verse) => (
<article
<Card
key={verse.reference}
id={`verse-${verse.verse}`}
className="bg-white dark:bg-zinc-900 rounded-lg border border-amber-200 dark:border-zinc-800 overflow-hidden scroll-mt-24"
className="scroll-mt-24"
>
{/* Header */}
<div className="px-6 py-3 bg-amber-100 dark:bg-zinc-800 border-b border-amber-200 dark:border-zinc-700">
<span className="text-sm font-semibold text-amber-700 dark:text-amber-400">
{verse.reference}
</span>
</div>
<CardHeader className="border-b border-border bg-muted/50 py-3">
<Badge variant="secondary">{verse.reference}</Badge>
</CardHeader>
<div className="px-6 py-5 space-y-5">
<CardContent className="space-y-5 pt-5">
{/* Devanagari */}
<div className="text-center">
<p className="text-xl leading-relaxed text-red-800 dark:text-red-400 whitespace-pre-line font-serif">
@@ -114,7 +113,7 @@ export default async function ChapterPage({
{/* Transliteration */}
<div className="text-center">
<p className="text-base italic text-zinc-700 dark:text-zinc-300 whitespace-pre-line">
<p className="text-base text-muted-foreground italic whitespace-pre-line">
{verse.transliteration}
</p>
</div>
@@ -122,13 +121,13 @@ export default async function ChapterPage({
{/* Synonyms */}
{verse.synonyms.length > 0 && (
<div>
<h3 className="text-xs font-bold uppercase tracking-wider text-amber-600 dark:text-amber-500 mb-2">
<h3 className="text-xs font-bold uppercase tracking-wider text-muted-foreground mb-2">
Synonyms
</h3>
<p className="text-sm text-zinc-600 dark:text-zinc-400 leading-relaxed">
<p className="text-sm text-muted-foreground leading-relaxed">
{verse.synonyms.map((s, i) => (
<span key={i}>
<span className="italic text-zinc-800 dark:text-zinc-200">
<span className="text-foreground italic">
{s.word}
</span>
—{s.meanings.join(", ")}
@@ -141,11 +140,11 @@ export default async function ChapterPage({
{/* Translation */}
<div>
<h3 className="text-xs font-bold uppercase tracking-wider text-amber-600 dark:text-amber-500 mb-2">
<h3 className="text-xs font-bold uppercase tracking-wider text-muted-foreground mb-2">
Translation
</h3>
<p
className="text-base text-zinc-900 dark:text-zinc-100 leading-relaxed font-medium"
className="text-base text-foreground leading-relaxed font-medium"
dangerouslySetInnerHTML={{ __html: verse.translation }}
/>
</div>
@@ -153,18 +152,18 @@ export default async function ChapterPage({
{/* Purport */}
{verse.purport.length > 0 && (
<div>
<h3 className="text-xs font-bold uppercase tracking-wider text-amber-600 dark:text-amber-500 mb-2">
<h3 className="text-xs font-bold uppercase tracking-wider text-muted-foreground mb-2">
Purport
</h3>
<div className="text-sm text-zinc-700 dark:text-zinc-300 leading-relaxed space-y-3">
<div className="text-sm text-muted-foreground leading-relaxed space-y-3">
{verse.purport.map((p, i) => (
<p key={i} dangerouslySetInnerHTML={{ __html: p }} />
))}
</div>
</div>
)}
</div>
</article>
</CardContent>
</Card>
))}
</main>
</div>
app/books/bg/[chapter]/verse-index.tsx
+4 -4
View File
@@ -39,7 +39,7 @@ export function VerseIndex({
return (
<aside className="hidden lg:block w-48 shrink-0 sticky top-[89px] self-start max-h-[calc(100vh-89px)] overflow-y-auto py-8 pr-4">
<h2 className="text-xs font-bold uppercase tracking-wider text-amber-600 dark:text-amber-500 mb-3 px-2">
<h2 className="text-xs font-bold uppercase tracking-wider text-muted-foreground mb-3 px-2">
Verses
</h2>
<nav className="grid grid-cols-3 gap-0.5">
@@ -47,10 +47,10 @@ export function VerseIndex({
<a
key={v.verse}
href={`#verse-${v.verse}`}
className={`px-2 py-1 rounded text-sm text-center transition-colors ${
className={`px-2 py-1 rounded-md text-sm text-center transition-colors ${
activeVerse === v.verse
? "bg-amber-200 dark:bg-amber-900/40 text-amber-900 dark:text-amber-300 font-medium"
: "text-zinc-600 dark:text-zinc-400 hover:bg-amber-100 dark:hover:bg-zinc-800 hover:text-zinc-900 dark:hover:text-zinc-200"
? "bg-primary/10 text-primary font-medium"
: "text-muted-foreground hover:bg-muted hover:text-foreground"
}`}
>
{v.verse_end ? `${v.verse}–${v.verse_end}` : v.verse}