mcpedia/apps/web/app/export/pdf/page.tsx

import React from "next/link";
import Link from "next/link";
import { notFound } from "next/navigation";
import { getExportDocuments, formatScopeTitle, type ExportSortOption } from "@mcpedia/core";
import PdfExportView from "@/components/PdfExportView";
import { FileText, ArrowLeft } from "lucide-react";

export const dynamic = "force-dynamic";

interface ExportPdfPageProps {
  searchParams: Promise<{
    path?: string;
    section?: string;
    slug?: string;
    sort?: string;
  }>;
}

export async function generateMetadata({ searchParams }: ExportPdfPageProps) {
  const { path, section, slug } = await searchParams;
  const target = path || slug || section || "All Documents";
  const title = formatScopeTitle(target);
  return {
    title: `Export PDF: ${title} — MCPedia`,
    description: `Export and print documentation and CTF writeups for ${title}`,
  };
}

export default async function ExportPdfPage({
  searchParams,
}: ExportPdfPageProps) {
  const { path, section, slug, sort } = await searchParams;

  const targetPath = path || slug;
  const sortBy = (sort as ExportSortOption) || "category_points";

  const exportData = await getExportDocuments({
    path: targetPath,
    section: !targetPath ? section : undefined,
    sortBy,
  });

  const backHref = targetPath ? `/${targetPath}` : section ? `/${section}` : "/";

  if (exportData.documents.length === 0) {
    return (
      <div className="py-16 text-center space-y-4 max-w-lg mx-auto bg-[var(--bg-surface)] border border-[var(--border-color)] rounded-3xl p-8 shadow-sm">
        <div className="w-14 h-14 rounded-2xl bg-[var(--bg-elevated)] text-[var(--text-dim)] flex items-center justify-center mx-auto">
          <FileText className="w-7 h-7" />
        </div>
        <h1 className="text-2xl font-bold text-[var(--text-primary)]">
          No Documents Found for Export
        </h1>
        <p className="text-xs sm:text-sm text-[var(--text-muted)] leading-relaxed">
          Could not find any published documents matching the path{" "}
          <code className="text-[var(--brand)] dark:text-[var(--accent)] font-mono font-semibold">
            {targetPath || section || "root"}
          </code>
          .
        </p>
        <div className="pt-4">
          <Link
            href={backHref}
            className="inline-flex items-center gap-1.5 px-4 py-2 bg-[var(--brand)] hover:bg-[var(--brand-hover)] text-white text-xs font-semibold rounded-xl shadow-md shadow-[var(--brand)]/20 transition-all"
          >
            <ArrowLeft className="w-3.5 h-3.5" />
            <span>Return to Knowledge Base</span>
          </Link>
        </div>
      </div>
    );
  }

  return <PdfExportView exportData={exportData} backHref={backHref} />;
}