46 lines
1.2 KiB
TypeScript
46 lines
1.2 KiB
TypeScript
|
const MERMAID_LANGUAGE = 'mermaid'
|
||
|
|
|
||
|
|
export const MERMAID_MAX_DIAGRAMS_PER_MESSAGE = 4
|
||
|
|
export const MERMAID_MAX_SOURCE_LENGTH = 20_000
|
||
|
|
export const MERMAID_RENDER_TIMEOUT_MS = 5_000
|
||
|
|
|
||
|
|
function escapeHtml(value: string): string {
|
||
|
|
return value
|
||
|
|
.replaceAll('&', '&')
|
||
|
|
.replaceAll('<', '<')
|
||
|
|
.replaceAll('>', '>')
|
||
|
|
.replaceAll('"', '"')
|
||
|
|
.replaceAll("'", ''')
|
||
|
|
}
|
||
|
|
|
||
|
|
export function getFenceLanguage(info: string | undefined): string {
|
||
|
|
return info?.trim().split(/\s+/)[0]?.toLowerCase() || ''
|
||
|
|
}
|
||
|
|
|
||
|
|
export function isMermaidFence(info: string | undefined): boolean {
|
||
|
|
return getFenceLanguage(info) === MERMAID_LANGUAGE
|
||
|
|
}
|
||
|
|
|
||
|
|
export function encodeMermaidSource(source: string): string {
|
||
|
|
return encodeURIComponent(source)
|
||
|
|
}
|
||
|
|
|
||
|
|
export function decodeMermaidSource(encoded: string | null | undefined): string {
|
||
|
|
if (!encoded) return ''
|
||
|
|
|
||
|
|
try {
|
||
|
|
return decodeURIComponent(encoded)
|
||
|
|
} catch {
|
||
|
|
return ''
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
export function renderMermaidPlaceholder(source: string): string {
|
||
|
|
return [
|
||
|
|
'<div class="mermaid-diagram" data-mermaid-pending="true"',
|
||
|
|
` data-mermaid-source="${escapeHtml(encodeMermaidSource(source))}">`,
|
||
|
|
'<div class="mermaid-loading">Rendering Mermaid diagram…</div>',
|
||
|
|
'</div>',
|
||
|
|
].join('')
|
||
|
|
}
|