// lib/seo-utils.ts
export function generateSlug(title: string): string {
  const turkishMap: Record<string, string> = {
    'ç': 'c', 'ğ': 'g', 'ı': 'i', 'ö': 'o', 'ş': 's', 'ü': 'u',
    'Ç': 'c', 'Ğ': 'g', 'İ': 'i', 'Ö': 'o', 'Ş': 's', 'Ü': 'u'
  };

  return title
    .split('')
    .map(char => turkishMap[char] || char)
    .join('')
    .toLowerCase()
    .replace(/[^a-z0-9\s-]/g, '') // Özel karakterleri kaldır
    .replace(/\s+/g, '-')          // Boşlukları tire yap
    .replace(/-+/g, '-')           // Çoklu tireleri tekile indir
    .replace(/^-|-$/g, '')         // Baş ve sondaki tireleri kaldır
    .slice(0, 60);                 // Maksimum uzunluk
}

// Kullanım
generateSlug('Sayfa İçi SEO: Türkçe Özel Karakterler!')
// Çıktı: "sayfa-ici-seo-turkce-ozel-karakterler"

// next.config.js
const nextConfig = {
  async redirects() {
    return [
      {
        source: '/eski-blog/:slug',
        destination: '/blog/:slug',
        permanent: true, // 301 redirect
      },
      {
        source: '/yazilar/:year/:slug',
        destination: '/blog/:slug',
        permanent: true,
      },
      // Trailing slash standardizasyonu
      {
        source: '/blog/:slug/',
        destination: '/blog/:slug',
        permanent: true,
      },
    ];
  },
};

module.exports = nextConfig;

// scripts/check-redirects.ts
async function checkRedirectChain(url: string, maxHops = 5): Promise<{
  chain: string[];
  finalUrl: string;
  hops: number;
  hasIssue: boolean;
}> {
  const chain: string[] = [];
  let currentUrl = url;

  for (let i = 0; i < maxHops; i++) {
    chain.push(currentUrl);

    const response = await fetch(currentUrl, {
      method: 'HEAD',
      redirect: 'manual'
    });

    if (response.status >= 300 && response.status < 400) {
      const location = response.headers.get('location');
      if (location) {
        currentUrl = new URL(location, currentUrl).href;
      } else {
        break;
      }
    } else {
      break;
    }
  }

  return {
    chain,
    finalUrl: currentUrl,
    hops: chain.length - 1,
    hasIssue: chain.length > 2 // 1'den fazla redirect varsa sorun
  };
}

// Kullanım
const result = await checkRedirectChain('https://site.com/eski-sayfa');
if (result.hasIssue) {
  console.warn(`Redirect zinciri bulundu: ${result.chain.join(' → ')}`);
}

// eslint-rules/heading-hierarchy.ts
import type { Rule } from 'eslint';

const headingHierarchyRule: Rule.RuleModule = {
  meta: {
    type: 'suggestion',
    docs: {
      description: 'Başlık hiyerarşisinin SEO için doğru olmasını sağlar',
    },
    messages: {
      skippedLevel: 'Başlık seviyesi atlandı: {{found}} bulundu, {{expected}} bekleniyordu',
      multipleH1: 'Birden fazla H1 bulundu. Sayfa başına tek H1 kullanın',
    },
  },
  create(context) {
    let h1Count = 0;
    let lastLevel = 0;

    return {
      JSXOpeningElement(node: any) {
        const tagName = node.name?.name;
        if (!tagName || !/^h[1-6]$/i.test(tagName)) return;

        const level = parseInt(tagName[1]);

        // Çoklu H1 kontrolü
        if (level === 1) {
          h1Count++;
          if (h1Count > 1) {
            context.report({
              node,
              messageId: 'multipleH1',
            });
          }
        }

        // Seviye atlama kontrolü
        if (lastLevel > 0 && level > lastLevel + 1) {
          context.report({
            node,
            messageId: 'skippedLevel',
            data: {
              found: `h${level}`,
              expected: `h${lastLevel + 1}`,
            },
          });
        }

        lastLevel = level;
      },
    };
  },
};

export default headingHierarchyRule;

// lib/seo.ts
interface TitleConfig {
  title: string;
  brand?: string;
  maxLength?: number;
}

export function optimizeTitle({ title, brand, maxLength = 60 }: TitleConfig): string {
  const separator = ' | ';
  const brandSuffix = brand ? `${separator}${brand}` : '';

  // Brand ile birlikte maksimum uzunluğu aşıyorsa
  if (title.length + brandSuffix.length > maxLength) {
    // Brand'ı çıkar ve title'ı kısalt
    const availableLength = maxLength - 3; // "..." için yer
    return title.slice(0, availableLength) + '...';
  }

  return title + brandSuffix;
}

// Kullanım
optimizeTitle({
  title: 'Sayfa İçi SEO Rehberi: Teknik Yapı ve Metadata',
  brand: 'Beydemir.dev'
});
// Çıktı: "Sayfa İçi SEO Rehberi: Teknik Yapı ve Metadata | Beydemir.dev"

export function optimizeDescription(description: string, maxLength = 155): string {
  if (description.length <= maxLength) {
    return description;
  }

  // Son kelimede kesme, cümle sonunda kes
  const truncated = description.slice(0, maxLength);
  const lastSpace = truncated.lastIndexOf(' ');

  return truncated.slice(0, lastSpace) + '...';
}

// app/blog/page.tsx
import { Metadata } from 'next';

export const metadata: Metadata = {
  title: 'Blog | Beydemir.dev',
  description: 'Web geliştirme, SEO ve modern JavaScript hakkında yazılar.',
  openGraph: {
    title: 'Blog | Beydemir.dev',
    description: 'Web geliştirme, SEO ve modern JavaScript hakkında yazılar.',
    type: 'website',
  },
};

// app/blog/[slug]/page.tsx
import { Metadata } from 'next';
import { getPostBySlug } from '@/lib/mdx';

interface Props {
  params: { slug: string };
}

export async function generateMetadata({ params }: Props): Promise<Metadata> {
  const post = await getPostBySlug(params.slug);

  if (!post) {
    return {
      title: 'Sayfa Bulunamadı',
    };
  }

  return {
    title: post.title,
    description: post.excerpt,
    authors: [{ name: post.author }],
    openGraph: {
      title: post.title,
      description: post.excerpt,
      type: 'article',
      publishedTime: post.date,
      authors: [post.author],
      images: [
        {
          url: post.imageUrl,
          width: 1200,
          height: 630,
          alt: post.title,
        },
      ],
    },
    twitter: {
      card: 'summary_large_image',
      title: post.title,
      description: post.excerpt,
      images: [post.imageUrl],
    },
    alternates: {
      canonical: `/blog/${post.slug}`,
    },
  };
}

// app/layout.tsx
import { Metadata } from 'next';

export const metadata: Metadata = {
  metadataBase: new URL('https://beydemir.dev'),
  title: {
    default: 'Beydemir.dev - Full Stack Developer',
    template: '%s | Beydemir.dev', // Alt sayfalarda kullanılır
  },
  description: 'Web geliştirme ve SEO hakkında içerikler.',
  robots: {
    index: true,
    follow: true,
  },
};

// app/about/page.tsx
export const metadata = {
  title: 'Hakkımda', // Sonuç: "Hakkımda | Beydemir.dev"
};

<!-- ❌ YANLIŞ: Relative URL -->
<link rel="canonical" href="/blog/post" />

<!-- ✅ DOĞRU: Absolute URL -->
<link rel="canonical" href="https://beydemir.dev/blog/post" />

<!-- ❌ YANLIŞ: HTTP (site HTTPS ise) -->
<link rel="canonical" href="http://beydemir.dev/blog/post" />

<!-- ✅ DOĞRU: HTTPS -->
<link rel="canonical" href="https://beydemir.dev/blog/post" />

// app/blog/[slug]/page.tsx
export async function generateMetadata({ params }: Props): Promise<Metadata> {
  return {
    alternates: {
      canonical: `https://beydemir.dev/blog/${params.slug}`,
    },
  };
}

// app/blog/page.tsx
export async function generateMetadata({ searchParams }: Props): Promise<Metadata> {
  const page = parseInt(searchParams.page || '1');

  return {
    // Sayfa 2+ için noindex, ama canonical her zaman sayfa 1
    robots: page > 1 ? { index: false, follow: true } : undefined,
    alternates: {
      canonical: 'https://beydemir.dev/blog', // Her zaman ana sayfa
    },
  };
}

// components/SEOImage.tsx
import Image from 'next/image';

interface SEOImageProps {
  src: string;
  alt: string;
  title?: string;
  priority?: boolean;
  caption?: string;
}

export function SEOImage({
  src,
  alt,
  title,
  priority = false,
  caption
}: SEOImageProps) {
  return (
    <figure>
      <Image
        src={src}
        alt={alt}
        title={title || alt}
        width={800}
        height={450}
        priority={priority} // Above-the-fold görseller için
        loading={priority ? undefined : 'lazy'}
        sizes="(max-width: 768px) 100vw, 800px"
        quality={85}
        style={{ width: '100%', height: 'auto' }}
      />
      {caption && (
        <figcaption className="text-sm text-gray-500 mt-2 text-center">
          {caption}
        </figcaption>
      )}
    </figure>
  );
}

// app/layout.tsx
export const metadata: Metadata = {
  alternates: {
    languages: {
      'tr': 'https://beydemir.dev',
      'en': 'https://beydemir.dev/en',
      'x-default': 'https://beydemir.dev/en', // Varsayılan dil
    },
  },
};

// Varsayılan (indexle ve linkleri takip et)
robots: { index: true, follow: true }

// Indexleme (arama, filtre, kullanıcı içeriği sayfaları)
robots: { index: false, follow: true }

// Hiçbir şey yapma
robots: { index: false, follow: false }

export const metadata: Metadata = {
  robots: {
    index: true,
    follow: true,
    nocache: false,
    googleBot: {
      index: true,
      follow: true,
      'max-video-preview': -1,      // Video önizleme limitsiz
      'max-image-preview': 'large', // Büyük görsel önizleme
      'max-snippet': -1,            // Snippet limitsiz
    },
  },
};

// next.config.js
module.exports = {
  async headers() {
    return [
      {
        source: '/api/:path*',
        headers: [
          {
            key: 'X-Robots-Tag',
            value: 'noindex, nofollow',
          },
        ],
      },
    ];
  },
};