`;
if (item.checked != null) {
body += ``;
}
body += `${inline(item.text)}`;
index++;
while (index < lines.length) {
const nested = listLine(lines[index]);
if (!nested || nested.indent <= indent) break;
const rendered = renderList(lines, index, lineOffset, nested.indent, nested.type, depth + 1);
if (!rendered) break;
body += rendered.html;
index = rendered.end;
}
body += `
`;
}
const classAttr = hasTask ? ` class="contains-task-items"` : "";
return { html: `<${type}${classAttr}>${body}`, end: index };
}
function splitTableRow(line) {
let value = line.trim();
if (value.startsWith("|")) value = value.slice(1);
if (value.endsWith("|")) value = value.slice(0, -1);
return value.split("|").map(cell => cell.trim().replace(/|/g, "|"));
}
function tableDelimiter(line) {
const cells = splitTableRow(line);
if (!cells.length || !cells.every(cell => /^:?-{3,}:?$/.test(cell))) return null;
return cells.map(cell => cell.startsWith(":") && cell.endsWith(":") ? "center" : cell.endsWith(":") ? "right" : "left");
}
function headingSlug(value) {
return String(value)
.replace(/\{#[A-Za-z][\w:.-]*\}\s*$/, "")
.replace(/[`*_~^=<>]/g, "")
.replace(/:([a-z0-9_+-]+):/gi, "$1")
.toLowerCase().trim()
.replace(/[^a-z0-9\u00c0-\u024f\u1e00-\u1eff]+/g, "-")
.replace(/^-+|-+$/g, "") || "section";
}
function collectHeadings(lines) {
const used = new Map();
const headings = [];
let fence = null;
lines.forEach((line, index) => {
const fenceMatch = line.match(/^\s*(```+|~~~+)/);
if (fenceMatch) {
if (!fence) fence = fenceMatch[1];
else if (fenceMatch[1][0] === fence[0] && fenceMatch[1].length >= fence.length) fence = null;
return;
}
if (fence) return;
const match = line.match(/^\s{0,4}(#{1,6})\s+(.+?)(?:\s+\{#([A-Za-z][\w:.-]*)\})?\s*$/);
if (!match) return;
const base = match[3] || headingSlug(match[2]);
const count = used.get(base) || 0;
used.set(base, count + 1);
const id = count ? `${base}-${count + 1}` : base;
headings.push({ level: match[1].length, text: match[2], id, index });
});
return headings;
}
export function alignPreviewLineNumbers(root) {
if (!root) return;
const styles = getComputedStyle(root);
const targetLeft = parseFloat(styles.paddingLeft || "0") - 50;
const rootLeft = root.getBoundingClientRect().left;
root.querySelectorAll(".preview-source-line").forEach(line => {
const lineLeft = line.getBoundingClientRect().left - rootLeft + root.scrollLeft;
line.style.setProperty("--preview-line-left", `${targetLeft - lineLeft}px`);
});
}
export function renderMarkdown(source, lineOffset = 0) {
let html = "", inCode = false, fence = "", language = "", codeLineStart = null, code = [], codeStart = 0;
const lines = String(source).split("\n");
const headings = collectHeadings(lines);
const headingByLine = new Map(headings.map(item => [item.index, item]));
const footnotes = new Map();
for (let i = 0; i < lines.length; i++) {
const match = lines[i].match(/^\[\^([^\]\s]+)\]:\s*(.*)$/);
if (!match) continue;
const body = [match[2]];
let j = i + 1;
while (j < lines.length && /^(?: {4}|\t)/.test(lines[j])) {
body.push(lines[j].replace(/^(?: {4}|\t)/, ""));
lines[j] = "";
j++;
}
footnotes.set(match[1], body.join("\n"));
lines[i] = "";
}
const closeList = () => { };
const closeCode = () => {
const body = escapeHtml(code.join("\n"));
const lang = normalizeLanguage(language);
if (lang === "mermaid") {
html += `
${body}
`;
} else if (codeLineStart !== null) {
const numbered = body.split("\n").map((line, index) => `${line || " "}`).join("\n");
const languageClass = lang ? ` class="language-${escapeHtml(lang)}"` : "";
html += `${numbered}`;
} else {
const languageClass = lang ? ` class="language-${escapeHtml(lang)}"` : "";
html += `${body}`;
}
code = []; language = ""; codeLineStart = null; fence = "";
};
for (let index = 0; index < lines.length; index++) {
const line = lines[index];
const fenceMatch = line.match(/^\s*(```+|~~~+)\s*([^\s]*)\s*$/);
if (fenceMatch) {
closeList();
if (inCode && fenceMatch[1][0] === fence[0] && fenceMatch[1].length >= fence.length) closeCode();
else if (!inCode) {
fence = fenceMatch[1];
const info = fenceMatch[2] || "";
// Generic syntax for every fenced code block:
// ```rust=, ```python=101, ```= or ```=101.
const numbered = info.match(/^(.*?)=(\d*)$/);
language = numbered ? numbered[1] : info;
codeLineStart = numbered ? Number(numbered[2] || 1) : null;
codeStart = index;
}
inCode = !inCode;
continue;
}
if (inCode) { code.push(line); continue; }
const standaloneMedia = renderStandaloneMedia(line, index + lineOffset + 1);
if (standaloneMedia) {
closeList();
html += standaloneMedia;
continue;
}
const delimiter = index + 1 < lines.length ? tableDelimiter(lines[index + 1]) : null;
if (line.includes("|") && delimiter) {
closeList();
const headers = splitTableRow(line);
html += `
`;
headers.forEach((cell, i) => html += `
${inline(cell)}
`);
html += `
`;
index += 2;
while (index < lines.length && lines[index].includes("|") && lines[index].trim()) {
const cells = splitTableRow(lines[index]);
html += `
`;
headers.forEach((_, i) => html += `
${inline(cells[i] || "")}
`);
html += `
`;
index++;
}
html += `
`;
index--;
continue;
}
if (/^\s*$/i.test(line.trim())) {
closeList();
let end = index + 1;
while (end < lines.length && !/^<\/details>\s*$/i.test(lines[end].trim())) end++;
if (end < lines.length) {
const block = lines.slice(index + 1, end);
let summary = "Details";
while (block.length && !block[0].trim()) block.shift();
if (block.length) {
const summaryMatch = block[0].trim().match(/^([\s\S]*?)<\/summary>$/i);
if (summaryMatch) { summary = summaryMatch[1].trim() || "Details"; block.shift(); }
}
while (block.length && !block[0].trim()) block.shift();
html += `${inline(summary)}
${renderMarkdown(block.join("\n"), lineOffset + index + 1)}
`;
index = end;
continue;
}
}
if (/^\s*\[TOC\]\s*$/i.test(line)) {
closeList();
if (headings.length) {
html += ``;
}
continue;
}
const alertStart = line.match(/^\s*:::(success|info|warning|danger)\s*$/i);
if (alertStart) {
closeList();
let end = index + 1;
while (end < lines.length && !/^\s*:::\s*$/.test(lines[end])) end++;
if (end < lines.length) {
const type = alertStart[1].toLowerCase();
const body = lines.slice(index + 1, end).join("\n");
html += ``;
index = end;
continue;
}
}
const heading = line.match(/^\s{0,4}(#{1,6})\s+(.+?)(?:\s+\{#([A-Za-z][\w:.-]*)\})?\s*$/);
const listItem = listLine(line);
if (listItem) {
const rendered = renderList(lines, index, lineOffset, listItem.indent, listItem.type);
html += rendered.html;
index = rendered.end - 1;
} else if (heading) {
closeList();
const n = heading[1].length;
const resolved = headingByLine.get(index);
const id = resolved?.id || heading[3] || headingSlug(heading[2]);
const suffix = heading[3] ? ` {#${heading[3]}}` : "";
html += `${inline(heading[2])}`;
} else {
closeList();
const definition = index + 1 < lines.length && /^:\s+/.test(lines[index + 1]);
if (line.trim() && definition) {
html += `
${inline(line)}
`;
while (index + 1 < lines.length && /^:\s+/.test(lines[index + 1])) {
index++;
html += `
${inline(lines[index].replace(/^:\s+/, ""))}
`;
}
html += ``;
} else if (/^---+$/.test(line.trim())) html += ``;
else if (line.startsWith("> ")) html += ` ", "", lineOffset)}>${inline(line.slice(2))}`;
else if (line.trim()) html += `${inline(line)}`;
else html += ` `;
}
}
closeList();
if (inCode) closeCode();
if (footnotes.size) {
html = html.replace(/\?<\/a><\/sup>/g, (_, id) => {
const order = [...footnotes.keys()].indexOf(id) + 1;
return `${order || "?"}`;
});
html += ``;
for (const [id, body] of footnotes) {
html += `