mirror of
https://github.com/bytedance/deer-flow.git
synced 2026-06-10 09:25:57 +00:00
2fdfff0db3
* fix(frontend): render historical mermaid diagrams * fix(frontend): address mermaid review feedback * Stabilize cancel lifecycle test * fix(frontend): handle mermaid fence variants * fix(frontend): normalize mermaid arrow spacing * fix(frontend): handle mermaid CRLF fences * chore: keep mermaid fix frontend-scoped --------- Co-authored-by: Willem Jiang <willem.jiang@gmail.com>
99 lines
2.4 KiB
TypeScript
99 lines
2.4 KiB
TypeScript
const MERMAID_OPENING_FENCE_RE =
|
|
/^[ \t]{0,3}(`{3,}|~{3,})[ \t]*mermaid(?:[ \t].*)?$/i;
|
|
|
|
const WINDOWS_LINE_ENDING_RE = /\r\n?/g;
|
|
|
|
const LABELLED_DOTTED_ARROW_RE =
|
|
/^(\s*)(.+?)\s*--\s*("[^"\n]+"|'[^'\n]+')\s*-\.->\s*(.+?)\s*$/;
|
|
|
|
function normalizeMermaidCode(code: string): string {
|
|
return code
|
|
.split("\n")
|
|
.map((line) =>
|
|
line.replace(
|
|
LABELLED_DOTTED_ARROW_RE,
|
|
(
|
|
_match,
|
|
indent: string,
|
|
source: string,
|
|
label: string,
|
|
target: string,
|
|
) => `${indent}${source} -. ${label} .-> ${target}`,
|
|
),
|
|
)
|
|
.join("\n");
|
|
}
|
|
|
|
function isClosingFence(line: string, fence: string): boolean {
|
|
const trimmedLine = line.trimEnd();
|
|
const indentationLength = trimmedLine.length - trimmedLine.trimStart().length;
|
|
const fenceMarker = trimmedLine.slice(indentationLength);
|
|
const fenceChar = fence.charAt(0);
|
|
|
|
if (indentationLength > 3 || !fenceMarker.startsWith(fenceChar)) {
|
|
return false;
|
|
}
|
|
|
|
return (
|
|
fenceMarker.length >= fence.length &&
|
|
[...fenceMarker].every((char) => char === fenceChar)
|
|
);
|
|
}
|
|
|
|
export function normalizeMermaidMarkdown(markdown: string): string {
|
|
const lines = markdown.replace(WINDOWS_LINE_ENDING_RE, "\n").split("\n");
|
|
const normalizedLines: string[] = [];
|
|
|
|
for (let index = 0; index < lines.length; index += 1) {
|
|
const line = lines[index]!;
|
|
|
|
const openingFenceMatch = MERMAID_OPENING_FENCE_RE.exec(line);
|
|
|
|
if (!openingFenceMatch) {
|
|
normalizedLines.push(line);
|
|
continue;
|
|
}
|
|
|
|
const openingFence = openingFenceMatch[1];
|
|
|
|
if (openingFence === undefined) {
|
|
normalizedLines.push(line);
|
|
continue;
|
|
}
|
|
|
|
const codeLines: string[] = [];
|
|
let closingLine: string | undefined;
|
|
let cursor = index + 1;
|
|
|
|
for (; cursor < lines.length; cursor += 1) {
|
|
const candidateLine = lines[cursor]!;
|
|
|
|
if (isClosingFence(candidateLine, openingFence)) {
|
|
closingLine = candidateLine;
|
|
break;
|
|
}
|
|
|
|
codeLines.push(candidateLine);
|
|
}
|
|
|
|
if (closingLine === undefined) {
|
|
normalizedLines.push(line, ...codeLines);
|
|
index = cursor - 1;
|
|
continue;
|
|
}
|
|
|
|
normalizedLines.push(line);
|
|
|
|
if (codeLines.length > 0) {
|
|
normalizedLines.push(
|
|
...normalizeMermaidCode(codeLines.join("\n")).split("\n"),
|
|
);
|
|
}
|
|
|
|
normalizedLines.push(closingLine);
|
|
index = cursor;
|
|
}
|
|
|
|
return normalizedLines.join("\n");
|
|
}
|