bilal/kolaytercih
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(rehber): frontmatter tırnak + tablo sarmalayıcı

Browse Source 
Frontmatter değerinin iki ucundaki tırnak bağımsız siliniyordu; "Alıntı"
diye başlayan açıklamalar baştaki tırnağını kaybediyordu. Artık yalnızca
tamamı aynı tırnakla sarılı değer soyulur. Makale tabloları yatay kayan,
klavyeyle odaklanabilir bir bölgeye sarılır (mobilde sayfa taşması).

Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>
This commit is contained in:
bilalgursen
2026-09-21 04:46:19 +03:00
parent 56925e1309
commit a9ea0bf49b
2 changed files with 31 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

43
src/lib/rehber.ts
View File

@@ -9,7 +9,7 @@ import { marked } from "marked";
* ile tamamen prerender edilir; runtime'da fs erişimi olmaz).
*
* Frontmatter elle parse edilir (yalnızca düz `anahtar: değer` satırları) —
* 10 makale için gray-matter bağımlılığına gerek yok.
* bir avuç makale için gray-matter bağımlılığına gerek yok.
*
* ```mermaid çitleri HTML'e gömülmez: makale parçalara bölünür ve şemalar
* sayfada ürünün ortak el çizimi bileşeniyle (ElCizimiSema) çizilir. Çitin
@@ -57,6 +57,18 @@ const globalRehber = globalThis as unknown as {
};
const CACHE_AKTIF = process.env.NODE_ENV === "production";
// Değerin TAMAMI aynı tırnakla sarılıysa soyar. İki ucu bağımsız silmek
// `"Alıntı" diye başlayan cümle` gibi değerlerin yalnızca baştaki tırnağını
// yutuyordu; içinde aynı tırnak geçen değer de tam sarılı sayılmaz.
function tirnakSoy(deger: string): string {
if (deger.length < 2) return deger;
const tirnak = deger[0];
if (tirnak !== '"' && tirnak !== "'") return deger;
if (deger[deger.length - 1] !== tirnak) return deger;
const ic = deger.slice(1, -1);
return ic.includes(tirnak) ? deger : ic;
}
function parseFrontmatter(raw: string): {
meta: Record<string, string>;
body: string;
@@ -68,10 +80,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,26 +107,34 @@ 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 `<table>`'ı ö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(
"<table>",
'<div class="rehber-tablo" role="region" aria-label="Tablo" tabindex="0"><table>',
)
.replaceAll("</table>", "</table></div>");
}
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;
}