@hutusi/amytis 1.5.5

package/src/app/authors/[author]/page.tsx

@@ -0,0 +1,210 @@
+import { getAllAuthors, getAuthorSlug, getPostsByAuthor, resolveAuthorParam, getSeriesData, getSeriesPosts, getBooksByAuthor } from '@/lib/markdown';
+import PostList from '@/components/PostList';
+import Tag from '@/components/Tag';
+import CoverImage from '@/components/CoverImage';
+import Link from 'next/link';
+import { notFound } from 'next/navigation';
+import { Metadata } from 'next';
+import { siteConfig } from '../../../../site.config';
+import { t, resolveLocale } from '@/lib/i18n';
+import AuthorStats from '@/components/AuthorStats';
+import TranslatedText from '@/components/TranslatedText';
+
+export async function generateStaticParams() {
+  const authors = getAllAuthors();
+  const params = new Set<string>();
+
+  // Generate slug-based routes and keep legacy name-based routes for compatibility.
+  for (const authorName of Object.keys(authors)) {
+    params.add(getAuthorSlug(authorName));
+    params.add(authorName);
+  }
+
+  return [...params].map((author) => ({ author }));
+}
+
+export const dynamicParams = false;
+
+export async function generateMetadata({ params }: { params: Promise<{ author: string }> }): Promise<Metadata> {
+  const { author: rawAuthor } = await params;
+  const decodedAuthorParam = decodeURIComponent(rawAuthor);
+  const resolvedAuthor = resolveAuthorParam(decodedAuthorParam);
+
+  if (!resolvedAuthor) {
+    return {
+      title: `Author Not Found | ${resolveLocale(siteConfig.title)}`,
+    };
+  }
+
+  const posts = getPostsByAuthor(resolvedAuthor);
+  return {
+    title: `${resolvedAuthor} | ${resolveLocale(siteConfig.title)}`,
+    description: `${posts.length} ${t('posts').toLowerCase()} ${t('written_by').toLowerCase()} ${resolvedAuthor}.`,
+  };
+}
+
+export default async function AuthorPage({
+  params,
+}: {
+  params: Promise<{ author: string }>;
+}) {
+  const { author: rawAuthor } = await params;
+  const decodedAuthorParam = decodeURIComponent(rawAuthor);
+  const resolvedAuthor = resolveAuthorParam(decodedAuthorParam);
+
+  if (!resolvedAuthor) {
+    notFound();
+  }
+
+  const posts = getPostsByAuthor(resolvedAuthor);
+
+  if (posts.length === 0) {
+    notFound();
+  }
+
+  // Collect unique tags and categories from this author's posts
+  const tags = new Map<string, number>();
+  const categories = new Set<string>();
+  for (const post of posts) {
+    categories.add(post.category);
+    for (const tag of post.tags) {
+      tags.set(tag, (tags.get(tag) || 0) + 1);
+    }
+  }
+  const topTags = [...tags.entries()]
+    .sort((a, b) => b[1] - a[1])
+    .slice(0, 8)
+    .map(([name]) => name);
+
+  // Collect series the author contributed to
+  const seriesSlugs = [...new Set(
+    posts.filter(p => p.series).map(p => p.series!)
+  )];
+  const authorSeries = seriesSlugs
+    .map(slug => {
+      const data = getSeriesData(slug);
+      const seriesPosts = getSeriesPosts(slug);
+      if (!data) return null;
+      return { slug, data, postCount: seriesPosts.length };
+    })
+    .filter((s): s is NonNullable<typeof s> => s !== null);
+
+  // Collect books the author wrote
+  const authorBooks = getBooksByAuthor(resolvedAuthor);
+
+  // Author initial for avatar
+  const initial = resolvedAuthor.charAt(0).toUpperCase();
+
+  return (
+    <div className="layout-container">
+      <header className="mb-20 text-center">
+        {/* Author avatar */}
+        <div className="mx-auto mb-6 flex h-20 w-20 items-center justify-center rounded-full bg-accent/10 border-2 border-accent/20">
+          <span className="text-3xl font-serif font-bold text-accent">
+            {initial}
+          </span>
+        </div>
+
+        <h1 className="text-4xl md:text-5xl font-serif font-bold text-heading mb-4">
+          {resolvedAuthor}
+        </h1>
+
+        {/* Stats */}
+        <AuthorStats
+          postCount={posts.length}
+          seriesCount={authorSeries.length}
+          categoryCount={categories.size}
+          bookCount={authorBooks.length}
+        />
+
+        {/* Top tags */}
+        {topTags.length > 0 && (
+          <div className="mt-8 flex flex-wrap justify-center gap-2">
+            {topTags.map(tag => (
+              <Tag key={tag} tag={tag} variant="default" />
+            ))}
+          </div>
+        )}
+      </header>
+
+      {/* Books */}
+      {authorBooks.length > 0 && (
+        <section className="mb-16">
+          <h2 className="text-2xl font-serif font-bold text-heading mb-8"><TranslatedText translationKey="books" /></h2>
+          <div className="grid grid-cols-1 md:grid-cols-2 gap-6">
+            {authorBooks.map(book => (
+              <Link key={book.slug} href={`/books/${book.slug}`} className="group block no-underline">
+                <div className="card-base h-full group flex flex-col p-0 overflow-hidden">
+                  <div className="relative h-40 w-full overflow-hidden bg-muted/10">
+                    <CoverImage
+                      src={book.coverImage}
+                      title={book.title}
+                      slug={book.slug}
+                      className="h-full w-full object-cover transition-transform duration-500 group-hover:scale-105"
+                    />
+                  </div>
+                  <div className="p-6">
+                    <span className="badge-accent mb-3 inline-block">
+                      {book.chapters.length} {t('chapters_count')}
+                    </span>
+                    <h3 className="mb-2 font-serif text-xl font-bold text-heading group-hover:text-accent transition-colors">
+                      {book.title}
+                    </h3>
+                    {book.excerpt && (
+                      <p className="text-sm text-muted font-serif italic leading-relaxed line-clamp-2">
+                        {book.excerpt}
+                      </p>
+                    )}
+                  </div>
+                </div>
+              </Link>
+            ))}
+          </div>
+        </section>
+      )}
+
+      {/* Series contributions */}
+      {authorSeries.length > 0 && (
+        <section className="mb-16">
+          <h2 className="text-2xl font-serif font-bold text-heading mb-8"><TranslatedText translationKey="series" /></h2>
+          <div className="grid grid-cols-1 md:grid-cols-2 gap-6">
+            {authorSeries.map(({ slug, data, postCount }) => (
+              <Link key={slug} href={`/series/${slug}`} className="group block no-underline">
+                <div className="card-base h-full group flex flex-col p-0 overflow-hidden">
+                  <div className="relative h-40 w-full overflow-hidden bg-muted/10">
+                    <CoverImage
+                      src={data.coverImage}
+                      title={data.title}
+                      slug={slug}
+                      className="h-full w-full object-cover transition-transform duration-500 group-hover:scale-105"
+                    />
+                  </div>
+                  <div className="p-6">
+                    <span className="badge-accent mb-3 inline-block">
+                      {postCount} {t('parts')}
+                    </span>
+                    <h3 className="mb-2 font-serif text-xl font-bold text-heading group-hover:text-accent transition-colors">
+                      {data.title}
+                    </h3>
+                    {data.excerpt && (
+                      <p className="text-sm text-muted font-serif italic leading-relaxed line-clamp-2">
+                        {data.excerpt}
+                      </p>
+                    )}
+                  </div>
+                </div>
+              </Link>
+            ))}
+          </div>
+        </section>
+      )}
+
+      <section>
+        {authorSeries.length > 0 && (
+          <h2 className="text-2xl font-serif font-bold text-heading mb-8"><TranslatedText translationKey="posts" /></h2>
+        )}
+        <PostList posts={posts} />
+      </section>
+    </div>
+  );
+}

package/src/app/books/[slug]/[chapter]/page.tsx

@@ -0,0 +1,54 @@
+import { getBookData, getBookChapter, getAllBooks } from '@/lib/markdown';
+import { notFound } from 'next/navigation';
+import { Metadata } from 'next';
+import { siteConfig } from '../../../../../site.config';
+import BookLayout from '@/layouts/BookLayout';
+import { resolveLocale } from '@/lib/i18n';
+
+export async function generateStaticParams() {
+  const books = getAllBooks();
+  const params: { slug: string; chapter: string }[] = [];
+
+  for (const book of books) {
+    for (const ch of book.chapters) {
+      params.push({ slug: book.slug, chapter: ch.file });
+    }
+  }
+
+  return params;
+}
+
+export const dynamicParams = false;
+
+export async function generateMetadata({ params }: { params: Promise<{ slug: string; chapter: string }> }): Promise<Metadata> {
+  const { slug: rawSlug, chapter: rawChapter } = await params;
+  const slug = decodeURIComponent(rawSlug);
+  const chapterSlug = decodeURIComponent(rawChapter);
+
+  const book = getBookData(slug);
+  const chapter = getBookChapter(slug, chapterSlug);
+
+  if (!book || !chapter) {
+    return { title: 'Chapter Not Found' };
+  }
+
+  return {
+    title: `${chapter.title} - ${book.title} | ${resolveLocale(siteConfig.title)}`,
+    description: chapter.excerpt,
+  };
+}
+
+export default async function BookChapterPage({ params }: { params: Promise<{ slug: string; chapter: string }> }) {
+  const { slug: rawSlug, chapter: rawChapter } = await params;
+  const slug = decodeURIComponent(rawSlug);
+  const chapterSlug = decodeURIComponent(rawChapter);
+
+  const book = getBookData(slug);
+  const chapter = getBookChapter(slug, chapterSlug);
+
+  if (!book || !chapter) {
+    notFound();
+  }
+
+  return <BookLayout book={book} chapter={chapter} />;
+}

package/src/app/books/[slug]/page.tsx

@@ -0,0 +1,156 @@
+import { getBookData, getAllBooks, getAuthorSlug } from '@/lib/markdown';
+import { notFound } from 'next/navigation';
+import { Metadata } from 'next';
+import { siteConfig } from '../../../../site.config';
+import CoverImage from '@/components/CoverImage';
+import MarkdownRenderer from '@/components/MarkdownRenderer';
+import Link from 'next/link';
+import { t, resolveLocale } from '@/lib/i18n';
+
+export async function generateStaticParams() {
+  const books = getAllBooks();
+  return books.map(book => ({ slug: book.slug }));
+}
+
+export const dynamicParams = false;
+
+export async function generateMetadata({ params }: { params: Promise<{ slug: string }> }): Promise<Metadata> {
+  const { slug } = await params;
+  const book = getBookData(decodeURIComponent(slug));
+
+  if (!book) {
+    return { title: 'Book Not Found' };
+  }
+
+  return {
+    title: `${book.title} | ${resolveLocale(siteConfig.title)}`,
+    description: book.excerpt,
+  };
+}
+
+export default async function BookLandingPage({ params }: { params: Promise<{ slug: string }> }) {
+  const { slug: rawSlug } = await params;
+  const slug = decodeURIComponent(rawSlug);
+  const book = getBookData(slug);
+
+  if (!book || (process.env.NODE_ENV === 'production' && book.draft)) {
+    notFound();
+  }
+
+  const firstChapter = book.chapters.length > 0 ? book.chapters[0] : null;
+
+  return (
+    <div className="layout-main">
+      <header className="mb-16">
+        {/* Cover image */}
+        {book.coverImage && (
+          <div className="relative w-full h-56 md:h-72 mb-10 rounded-2xl overflow-hidden shadow-xl shadow-accent/5">
+            <CoverImage
+              src={book.coverImage}
+              title={book.title}
+              slug={book.slug}
+              className="w-full h-full object-cover"
+            />
+            <div className="absolute inset-0 bg-gradient-to-t from-background/60 to-transparent" />
+          </div>
+        )}
+
+        <div className="text-center max-w-2xl mx-auto">
+          <span className="badge-accent mb-4">
+            {t('book')} &bull; {book.chapters.length} {t('chapters_count')}
+          </span>
+          <h1 className="page-title mb-4">{book.title}</h1>
+          {book.excerpt && (
+            <p className="text-lg text-muted font-serif italic leading-relaxed">
+              {book.excerpt}
+            </p>
+          )}
+          {book.authors.length > 0 && (
+            <p className="mt-4 text-sm text-muted">
+              <span className="mr-1">{t('written_by')}</span>
+              {book.authors.map((author, index) => (
+                <span key={author}>
+                  <Link
+                    href={`/authors/${getAuthorSlug(author)}`}
+                    className="text-foreground hover:text-accent no-underline transition-colors duration-200"
+                  >
+                    {author}
+                  </Link>
+                  {index < book.authors.length - 1 && <span className="mr-1">,</span>}
+                </span>
+              ))}
+            </p>
+          )}
+
+          {/* Start Reading CTA */}
+          {firstChapter && (
+            <div className="mt-8">
+              <Link
+                href={`/books/${book.slug}/${firstChapter.file}`}
+                className="inline-flex items-center gap-2 px-6 py-3 bg-accent text-white rounded-xl font-sans font-medium text-sm hover:bg-accent/90 no-underline transition-colors shadow-lg shadow-accent/20"
+              >
+                {t('start_reading')}
+                <svg className="w-4 h-4" fill="none" viewBox="0 0 24 24" stroke="currentColor" strokeWidth={2}>
+                  <path strokeLinecap="round" strokeLinejoin="round" d="M9 5l7 7-7 7" />
+                </svg>
+              </Link>
+            </div>
+          )}
+        </div>
+      </header>
+
+      {/* Table of Contents */}
+      <section className="max-w-2xl mx-auto mb-16">
+        <h2 className="text-xl font-serif font-bold text-heading mb-8">{t('chapters_count')}</h2>
+        <div className="space-y-6">
+          {book.toc.map((item, idx) => {
+            if ('part' in item) {
+              return (
+                <div key={`part-${idx}`}>
+                  <h3 className="text-sm font-sans font-bold uppercase tracking-wider text-muted mb-3">
+                    {item.part}
+                  </h3>
+                  <ol className="space-y-2 pl-4 border-l-2 border-muted/10">
+                    {item.chapters.map(ch => (
+                      <li key={ch.file}>
+                        <Link
+                          href={`/books/${book.slug}/${ch.file}`}
+                          className="group flex items-center gap-3 py-2 text-foreground/80 hover:text-accent no-underline transition-colors"
+                        >
+                          <svg className="w-4 h-4 text-muted group-hover:text-accent flex-shrink-0 transition-colors" fill="none" viewBox="0 0 24 24" stroke="currentColor" strokeWidth={2}>
+                            <path strokeLinecap="round" strokeLinejoin="round" d="M9 5l7 7-7 7" />
+                          </svg>
+                          <span className="text-base">{ch.title}</span>
+                        </Link>
+                      </li>
+                    ))}
+                  </ol>
+                </div>
+              );
+            } else {
+              return (
+                <Link
+                  key={item.file}
+                  href={`/books/${book.slug}/${item.file}`}
+                  className="group flex items-center gap-3 py-2 text-foreground/80 hover:text-accent no-underline transition-colors"
+                >
+                  <svg className="w-4 h-4 text-muted group-hover:text-accent flex-shrink-0 transition-colors" fill="none" viewBox="0 0 24 24" stroke="currentColor" strokeWidth={2}>
+                    <path strokeLinecap="round" strokeLinejoin="round" d="M9 5l7 7-7 7" />
+                  </svg>
+                  <span className="text-base">{item.title}</span>
+                </Link>
+              );
+            }
+          })}
+        </div>
+      </section>
+
+      {/* Book body content */}
+      {book.content && (
+        <section className="max-w-2xl mx-auto">
+          <MarkdownRenderer content={book.content} slug={`books/${book.slug}`} />
+        </section>
+      )}
+    </div>
+  );
+}

package/src/app/books/page.tsx

@@ -0,0 +1,63 @@
+import { getAllBooks } from '@/lib/markdown';
+import Link from 'next/link';
+import { siteConfig } from '../../../site.config';
+import { Metadata } from 'next';
+import CoverImage from '@/components/CoverImage';
+import { t, resolveLocale } from '@/lib/i18n';
+import PageHeader from '@/components/PageHeader';
+
+export const metadata: Metadata = {
+  title: `${t('books')} | ${resolveLocale(siteConfig.title)}`,
+  description: 'Structured long-form books and guides.',
+};
+
+export default function BooksPage() {
+  const books = getAllBooks();
+
+  return (
+    <div className="layout-main">
+      <PageHeader
+        titleKey="books"
+        subtitleKey="series_subtitle"
+        subtitleOneKey="series_subtitle_one"
+        count={books.length}
+        subtitleParams={{ count: books.length }}
+      />
+
+      <div className="grid grid-cols-1 md:grid-cols-2 gap-8">
+        {books.map(book => (
+          <Link key={book.slug} href={`/books/${book.slug}`} className="group block no-underline">
+            <div className="card-base h-full group flex flex-col p-0 overflow-hidden">
+              <div className="relative h-48 w-full overflow-hidden bg-muted/10">
+                <CoverImage
+                  src={book.coverImage}
+                  title={book.title}
+                  slug={book.slug}
+                  className="h-full w-full object-cover transition-transform duration-500 group-hover:scale-105"
+                />
+              </div>
+              <div className="p-8">
+                <span className="badge-accent mb-4 inline-block">
+                  {book.chapters.length} {t('chapters_count')}
+                </span>
+                <h2 className="mb-3 font-serif text-2xl font-bold text-heading group-hover:text-accent transition-colors">
+                  {book.title}
+                </h2>
+                {book.authors.length > 0 && (
+                  <p className="text-xs text-muted mb-3">
+                    {t('written_by')} {book.authors.slice(0, 3).join(', ')}
+                  </p>
+                )}
+                {book.excerpt && (
+                  <p className="text-muted font-serif italic leading-relaxed line-clamp-3">
+                    {book.excerpt}
+                  </p>
+                )}
+              </div>
+            </div>
+          </Link>
+        ))}
+      </div>
+    </div>
+  );
+}

package/src/app/feed.xml/route.ts

@@ -0,0 +1,44 @@
+import { getAllPosts } from '@/lib/markdown';
+import { siteConfig } from '../../../site.config';
+import { resolveLocale } from '@/lib/i18n';
+
+export const dynamic = 'force-static';
+
+export async function GET() {
+  const posts = getAllPosts();
+  const baseUrl = siteConfig.baseUrl;
+
+  const rssItemsXml = posts
+    .map((post) => {
+      const url = `${baseUrl}/posts/${post.slug}`;
+      return `
+        <item>
+          <title><![CDATA[${post.title}]]></title>
+          <link>${url}</link>
+          <guid>${url}</guid>
+          <pubDate>${new Date(post.date).toUTCString()}</pubDate>
+          <description><![CDATA[${post.excerpt}]]></description>
+          ${post.tags ? post.tags.map(tag => `<category>${tag}</category>`).join('') : ''}
+        </item>`;
+    })
+    .join('');
+
+  const rssXml = `<?xml version="1.0" encoding="UTF-8" ?>
+<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
+  <channel>
+    <title><![CDATA[${resolveLocale(siteConfig.title)}]]></title>
+    <link>${baseUrl}</link>
+    <description><![CDATA[${resolveLocale(siteConfig.description)}]]></description>
+    <language>en</language>
+    <lastBuildDate>${new Date().toUTCString()}</lastBuildDate>
+    <atom:link href="${baseUrl}/feed.xml" rel="self" type="application/rss+xml" />
+    ${rssItemsXml}
+  </channel>
+</rss>`;
+
+  return new Response(rssXml, {
+    headers: {
+      'Content-Type': 'application/xml',
+    },
+  });
+}

package/src/app/flows/[year]/[month]/[day]/page.tsx

@@ -0,0 +1,105 @@
+import { getAllFlows, getFlowBySlug, getAdjacentFlows } from '@/lib/markdown';
+import { siteConfig } from '../../../../../../site.config';
+import { Metadata } from 'next';
+import { notFound } from 'next/navigation';
+import { t, resolveLocale } from '@/lib/i18n';
+import FlowCalendarSidebar from '@/components/FlowCalendarSidebar';
+import MarkdownRenderer from '@/components/MarkdownRenderer';
+import Link from 'next/link';
+
+export function generateStaticParams() {
+  const allFlows = getAllFlows();
+  return allFlows.map(flow => {
+    const [year, month, day] = flow.slug.split('/');
+    return { year, month, day };
+  });
+}
+
+export const dynamicParams = false;
+
+export async function generateMetadata({ params }: { params: Promise<{ year: string; month: string; day: string }> }): Promise<Metadata> {
+  const { year, month, day } = await params;
+  const flow = getFlowBySlug(`${year}/${month}/${day}`);
+  if (!flow) return { title: 'Not Found' };
+  return {
+    title: `${flow.title} | ${resolveLocale(siteConfig.title)}`,
+    description: flow.excerpt,
+  };
+}
+
+export default async function FlowPage({ params }: { params: Promise<{ year: string; month: string; day: string }> }) {
+  const { year, month, day } = await params;
+  const slug = `${year}/${month}/${day}`;
+  const flow = getFlowBySlug(slug);
+  if (!flow) notFound();
+
+  const allFlows = getAllFlows();
+  const entryDates = allFlows.map(f => f.date);
+  const { prev, next } = getAdjacentFlows(flow.slug);
+
+  return (
+    <div className="layout-main">
+      {/* Breadcrumb navigation */}
+      <nav className="flex items-center gap-1.5 text-sm text-muted mb-6">
+        <Link href="/flows" className="hover:text-accent no-underline">
+          {t('all_flows')}
+        </Link>
+        <span className="text-muted/40">›</span>
+        <Link href={`/flows/${year}`} className="hover:text-accent no-underline">
+          {year}
+        </Link>
+        <span className="text-muted/40">›</span>
+        <Link href={`/flows/${year}/${month}`} className="hover:text-accent no-underline">
+          {month}
+        </Link>
+        <span className="text-muted/40">›</span>
+        <span className="text-foreground">{day}</span>
+      </nav>
+
+      <div className="flex gap-10">
+        <FlowCalendarSidebar entryDates={entryDates} currentDate={flow.date} />
+
+        <article className="flex-1 min-w-0">
+          {/* Header */}
+          <header className="mb-8">
+            <time className="text-sm font-mono text-accent">{flow.date}</time>
+            <h1 className="mt-2 text-3xl md:text-4xl font-serif font-bold text-heading">{flow.title}</h1>
+          </header>
+
+          {/* Content */}
+          <div className="prose prose-lg dark:prose-invert max-w-none">
+            <MarkdownRenderer content={flow.content} />
+          </div>
+
+          {/* Prev/Next navigation */}
+          <nav className="mt-16 pt-8 border-t border-muted/20 grid grid-cols-2 gap-4">
+            {prev ? (
+              <Link
+                href={`/flows/${prev.slug}`}
+                className="group text-left no-underline"
+              >
+                <span className="text-xs text-muted">Older</span>
+                <div className="text-sm font-medium text-heading group-hover:text-accent transition-colors truncate">
+                  {prev.title}
+                </div>
+                <span className="text-xs font-mono text-muted">{prev.date}</span>
+              </Link>
+            ) : <div />}
+            {next ? (
+              <Link
+                href={`/flows/${next.slug}`}
+                className="group text-right no-underline"
+              >
+                <span className="text-xs text-muted">Newer</span>
+                <div className="text-sm font-medium text-heading group-hover:text-accent transition-colors truncate">
+                  {next.title}
+                </div>
+                <span className="text-xs font-mono text-muted">{next.date}</span>
+              </Link>
+            ) : <div />}
+          </nav>
+        </article>
+      </div>
+    </div>
+  );
+}