diff --git a/src/app/sitemap.ts b/src/app/sitemap.ts index c47be30..7864436 100644 --- a/src/app/sitemap.ts +++ b/src/app/sitemap.ts @@ -19,7 +19,6 @@ const staticEntries: MetadataRoute.Sitemap = [ priority: 0.8, changeFrequency: "weekly", }, - { url: `${SITE_URL}/rehber`, priority: 0.8, changeFrequency: "weekly" }, { url: `${SITE_URL}/paket`, priority: 0.7, changeFrequency: "monthly" }, { url: `${SITE_URL}/meraklisina`, priority: 0.6, changeFrequency: "monthly" }, { url: `${SITE_URL}/iletisim`, priority: 0.3, changeFrequency: "yearly" }, @@ -42,11 +41,32 @@ export default async function sitemap(): Promise { changeFrequency: "monthly", }), ); - const rehberler: MetadataRoute.Sitemap = getAllRehberler().map((y) => ({ + const yazilar = getAllRehberler(); + const rehberler: MetadataRoute.Sitemap = yazilar.map((y) => ({ url: `${SITE_URL}/rehber/${y.slug}`, - lastModified: y.tarih, + lastModified: y.guncelleme ?? y.tarih, priority: 0.7, changeFrequency: "monthly", })); - return [...staticEntries, ...bolumler, ...universiteler, ...rehberler]; + // /rehber dizini en son dokunulan yazı kadar tazedir (ISO tarihler metin + // olarak karşılaştırılabilir). Hiç yazı yoksa lastmod hiç yazılmaz. + const rehberSonDegisiklik = yazilar + .map((y) => y.guncelleme ?? y.tarih) + .reduce( + (enBuyuk, t) => (enBuyuk === undefined || t > enBuyuk ? t : enBuyuk), + undefined, + ); + const rehberDizini: MetadataRoute.Sitemap[number] = { + url: `${SITE_URL}/rehber`, + lastModified: rehberSonDegisiklik, + priority: 0.8, + changeFrequency: "weekly", + }; + return [ + ...staticEntries, + rehberDizini, + ...bolumler, + ...universiteler, + ...rehberler, + ]; } diff --git a/src/features/rehber/components/el-cizimi-sema.tsx b/src/features/rehber/components/el-cizimi-sema.tsx index ad0955f..e373ea9 100644 --- a/src/features/rehber/components/el-cizimi-sema.tsx +++ b/src/features/rehber/components/el-cizimi-sema.tsx @@ -30,6 +30,9 @@ export function ElCizimiSema({ figcaption?: React.ReactNode; }) { const [svg, setSvg] = useState(null); + // mermaid yüklenemez ya da çizemezse (bazı tarayıcılarda `getBBox` hatası) + // sonsuz iskelet yerine metin karşılığı açık gelir + const [hata, setHata] = useState(false); const figureRef = useRef(null); // mermaid.render'ın istediği DOM id'si: useId'nin ":" karakterleri geçersiz const semaId = `sema-${useId().replace(/[^a-zA-Z0-9-]/g, "")}`; @@ -52,26 +55,34 @@ export function ElCizimiSema({ io.observe(el); function cizdir() { - import("mermaid").then(async ({ default: mermaid }) => { - mermaid.initialize({ - startOnLoad: false, - look: "handDrawn", - handDrawnSeed: 7, // her render'da aynı çizgi titremesi (deterministik) - theme: "base", - fontFamily: `${elYazisi.style.fontFamily}, cursive`, - themeVariables: { - primaryColor: "#ffffff", - primaryBorderColor: "#e2e8f0", - primaryTextColor: "#0f172a", - lineColor: "#94a3b8", - edgeLabelBackground: "#ffffff", + import("mermaid") + .then(async ({ default: mermaid }) => { + mermaid.initialize({ + startOnLoad: false, + // Hata olursa mermaid kendi "bomba" SVG'sini basmasın; biz toparlıyoruz + suppressErrorRendering: true, + look: "handDrawn", + handDrawnSeed: 7, // her render'da aynı çizgi titremesi (deterministik) + theme: "base", fontFamily: `${elYazisi.style.fontFamily}, cursive`, - fontSize: "17px", // script fontun x-yüksekliği düşük; okunurluk için büyütüldü - }, + themeVariables: { + primaryColor: "#ffffff", + primaryBorderColor: "#e2e8f0", + primaryTextColor: "#0f172a", + lineColor: "#94a3b8", + edgeLabelBackground: "#ffffff", + fontFamily: `${elYazisi.style.fontFamily}, cursive`, + fontSize: "17px", // script fontun x-yüksekliği düşük; okunurluk için büyütüldü + }, + }); + const sonuc = await mermaid.render(semaId, tanim); + if (!iptal) setSvg(sonuc.svg); + }) + .catch(() => { + // mermaid.render atarsa geçici ölçüm div'ini body'de bırakabiliyor + document.getElementById(`d${semaId}`)?.remove(); + if (!iptal) setHata(true); }); - const sonuc = await mermaid.render(semaId, tanim); - if (!iptal) setSvg(sonuc.svg); - }); } return () => { @@ -89,7 +100,7 @@ export function ElCizimiSema({ className={`${elYazisi.className} overflow-x-auto [&_svg]:mx-auto [&_svg]:h-auto [&_svg]:max-w-full`} dangerouslySetInnerHTML={{ __html: svg }} /> - ) : ( + ) : hata ? null : (
) : null} + {/* Şemanın metin karşılığı sunucu HTML'inde de durur: JS çalıştırmayan + botlar ve şemayı çizemeyen tarayıcılar aynı içeriği okur. Kaynak + yine tek `ariaLabel` prop'u — ikinci bir metin tutulmaz. */} +
+ + Şemayı metin olarak oku + +

{ariaLabel}

+
); } diff --git a/src/features/rehber/components/rehber-makale.tsx b/src/features/rehber/components/rehber-makale.tsx index 6177490..4443ced 100644 --- a/src/features/rehber/components/rehber-makale.tsx +++ b/src/features/rehber/components/rehber-makale.tsx @@ -8,6 +8,7 @@ import { breadcrumbJsonLd, sayfaMetadata, } from "@/lib/seo"; +import { trTarih } from "@/lib/tarih"; import { CtaSiraForm } from "@/features/sihirbaz/components/cta-sira-form"; import { ElCizimiSema } from "./el-cizimi-sema"; import { RehberKapak } from "./rehber-kapak"; @@ -29,7 +30,11 @@ export function rehberYaziMetadata(slug: string): Metadata { title: yazi.baslik, description: yazi.aciklama, path: `/rehber/${slug}`, - openGraph: { type: "article", publishedTime: yazi.tarih }, + openGraph: { + type: "article", + publishedTime: yazi.tarih, + modifiedTime: yazi.guncelleme ?? yazi.tarih, + }, }); } @@ -49,6 +54,7 @@ export function RehberMakale({ slug }: { slug: string }) { description: yazi.aciklama, path: `/rehber/${slug}`, datePublished: yazi.tarih, + dateModified: yazi.guncelleme, })} /> {yazi.aciklama}

+

+ Yayın: + {yazi.guncelleme ? ( + <> + {" · "}Güncelleme:{" "} + + + ) : null} +

; body: string; @@ -68,10 +82,7 @@ function parseFrontmatter(raw: string): { const ayrac = satir.indexOf(":"); if (ayrac === -1) continue; const anahtar = satir.slice(0, ayrac).trim(); - const deger = satir - .slice(ayrac + 1) - .trim() - .replace(/^["']|["']$/g, ""); + const deger = tirnakSoy(satir.slice(ayrac + 1).trim()); if (anahtar) meta[anahtar] = deger; } return { meta, body: raw.slice(match[0].length) }; @@ -98,39 +109,73 @@ function parseSema(slug: string, ham: string): RehberSema { return { tanim: satirlar.join("\n").trim(), ariaLabel, altyazi }; } +// Geniş tablolar dar ekranda sayfayı taşırmasın: her tablo yatay kayan, +// klavyeyle odaklanabilir bir bölgeye sarılır (stil rehber-makale.tsx'te). +// marked ``'ı özniteliksiz basar; global `marked.use` ile renderer +// değiştirmek yerine çıktı burada sarılır. +function markdownHtml(md: string): string { + return marked + .parse(md, { gfm: true, async: false }) + .replaceAll( + "
", + '
', + ) + .replaceAll("
", "
"); +} + function parcala(slug: string, body: string): RehberParca[] { const parcalar: RehberParca[] = []; let son = 0; for (const eslesme of body.matchAll(SEMA_CITI)) { const md = body.slice(son, eslesme.index).trim(); if (md) { - parcalar.push({ - tip: "html", - html: marked.parse(md, { gfm: true, async: false }), - }); + parcalar.push({ tip: "html", html: markdownHtml(md) }); } parcalar.push({ tip: "sema", sema: parseSema(slug, eslesme[1]) }); son = eslesme.index + eslesme[0].length; } const kalan = body.slice(son).trim(); if (kalan) { - parcalar.push({ - tip: "html", - html: marked.parse(kalan, { gfm: true, async: false }), - }); + parcalar.push({ tip: "html", html: markdownHtml(kalan) }); } return parcalar; } +const TARIH_BICIMI = /^\d{4}-\d{2}-\d{2}$/; + function metaDogrula( slug: string, meta: Record, -): asserts meta is { baslik: string; aciklama: string; tarih: string } { +): asserts meta is { + baslik: string; + aciklama: string; + tarih: string; + guncelleme?: string; +} { if (!meta.baslik || !meta.aciklama || !meta.tarih) { throw new Error( `rehber: ${slug}.md frontmatter eksik (baslik/aciklama/tarih zorunlu)`, ); } + // Tarihler sitemap lastmod'a, JSON-LD'ye ve görünür satıra olduğu gibi + // akıyor; bozuk biçim sessizce yayına çıkmasın, build kırılsın. + if (!TARIH_BICIMI.test(meta.tarih)) { + throw new Error( + `rehber: ${slug}.md frontmatter "tarih" YYYY-AA-GG biçiminde olmalı`, + ); + } + if (meta.guncelleme !== undefined) { + if (!TARIH_BICIMI.test(meta.guncelleme)) { + throw new Error( + `rehber: ${slug}.md frontmatter "guncelleme" YYYY-AA-GG biçiminde olmalı`, + ); + } + if (meta.guncelleme < meta.tarih) { + throw new Error( + `rehber: ${slug}.md frontmatter "guncelleme" "tarih"ten önce olamaz`, + ); + } + } } function oku(slug: string): RehberYazi | null { @@ -148,6 +193,7 @@ function oku(slug: string): RehberYazi | null { baslik: meta.baslik, aciklama: meta.aciklama, tarih: meta.tarih, + guncelleme: meta.guncelleme, parcalar: parcala(slug, body), }; } @@ -166,8 +212,8 @@ function ozetOku(slug: string): RehberOzet | null { const tam = CACHE_AKTIF ? globalRehber.rehberYazilar?.get(slug) : undefined; if (tam !== undefined) { if (tam === null) return null; - const { slug: s, baslik, aciklama, tarih } = tam; - return { slug: s, baslik, aciklama, tarih }; + const { slug: s, baslik, aciklama, tarih, guncelleme } = tam; + return { slug: s, baslik, aciklama, tarih, guncelleme }; } const dosya = path.join(REHBER_DIZIN, `${slug}.md`); if (!fs.existsSync(dosya)) return null; @@ -178,6 +224,7 @@ function ozetOku(slug: string): RehberOzet | null { baslik: meta.baslik, aciklama: meta.aciklama, tarih: meta.tarih, + guncelleme: meta.guncelleme, }; } diff --git a/src/lib/seo.tsx b/src/lib/seo.tsx index c47015c..52b4149 100644 --- a/src/lib/seo.tsx +++ b/src/lib/seo.tsx @@ -151,6 +151,8 @@ export function articleJsonLd(opts: { description: string; path: string; datePublished: string; + /** Verilmezse yayın tarihi kullanılır (yazı hiç güncellenmemiş). */ + dateModified?: string; }): JsonLdData { return { "@context": "https://schema.org", @@ -159,6 +161,7 @@ export function articleJsonLd(opts: { description: opts.description, url: `${SITE_URL}${opts.path}`, datePublished: opts.datePublished, + dateModified: opts.dateModified ?? opts.datePublished, inLanguage: "tr", publisher: { "@type": "Organization", diff --git a/src/lib/tarih.ts b/src/lib/tarih.ts new file mode 100644 index 0000000..789b50b --- /dev/null +++ b/src/lib/tarih.ts @@ -0,0 +1,30 @@ +/** + * `YYYY-MM-DD` tarihini Türkçe uzun biçime çevirir ("21 Eylül 2026"). + * Bilinçli olarak `Date`/`toLocale*` kullanmaz: sunucu ile tarayıcının saat + * dilimi ya da ICU verisi farklıysa aynı girdi farklı metin üretir + * (hydration uyuşmazlığı, bir gün kayması). Saf metin dönüşümü her yerde + * aynı sonucu verir. + */ +const AYLAR = [ + "Ocak", + "Şubat", + "Mart", + "Nisan", + "Mayıs", + "Haziran", + "Temmuz", + "Ağustos", + "Eylül", + "Ekim", + "Kasım", + "Aralık", +]; + +export function trTarih(iso: string): string { + const eslesme = iso.match(/^(\d{4})-(\d{2})-(\d{2})$/); + const ay = eslesme ? AYLAR[Number(eslesme[2]) - 1] : undefined; + if (!eslesme || !ay) { + throw new Error(`tarih: "${iso}" YYYY-AA-GG biçiminde değil`); + } + return `${Number(eslesme[3])} ${ay} ${eslesme[1]}`; +}