import type { BlogPost } from 'brainerce';
import { buildArticleJsonLd, buildBreadcrumbJsonLd } from 'brainerce';
import { getNonce } from '@/core/lib/nonce';
import { getCanonicalSiteUrl } from '@/core/lib/site-url';

interface ArticleJsonLdProps {
  post: BlogPost;
  url: string;
  /** Store display name — feeds Article.publisher (and the author fallback). */
  organizationName?: string;
}

/**
 * Article + BreadcrumbList structured data for a blog post page.
 *
 * Uses the SDK builders for the schema shape, but renders the <script> here so
 * we can attach the CSP nonce (the SDK's jsonLdScriptProps can't).
 */
export async function ArticleJsonLd({ post, url, organizationName }: ArticleJsonLdProps) {
  const nonce = await getNonce();
  const baseUrl = await getCanonicalSiteUrl();

  const articleJsonLd = buildArticleJsonLd(post, {
    siteUrl: baseUrl,
    path: url,
    organizationName,
  });

  const breadcrumbJsonLd = buildBreadcrumbJsonLd([
    { name: 'Home', url: baseUrl || '/' },
    { name: 'Blog', url: `${baseUrl}/blog` },
    { name: post.title, url },
  ]);

  return (
    <>
      <script
        type="application/ld+json"
        nonce={nonce}
        suppressHydrationWarning
        dangerouslySetInnerHTML={{ __html: serializeJsonLd(articleJsonLd) }}
      />
      <script
        type="application/ld+json"
        nonce={nonce}
        suppressHydrationWarning
        dangerouslySetInnerHTML={{ __html: serializeJsonLd(breadcrumbJsonLd) }}
      />
    </>
  );
}

// Escape `<`, `>`, `&` so AI-generated article copy can't break out of the
// <script> element or inject HTML.
function serializeJsonLd(value: unknown): string {
  return JSON.stringify(value)
    .replace(/</g, '\\u003c')
    .replace(/>/g, '\\u003e')
    .replace(/&/g, '\\u0026');
}