marcel/mermaid
1
0
Fork 0
mirror of https://github.com/mermaid-js/mermaid.git synced 2025-12-02 02:24:20 +01:00
Code Issues Packages Projects Releases Wiki Activity

fix pnpm lock and use promise.all to speed up icon replacement

Browse Source
This commit is contained in:
saurabhg772244
2025-02-21 23:45:33 +05:30
parent 83a6e696c6
commit 2fb7bc2806
2 changed files with 21 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
packages/mermaid/src/rendering-util/createText.ts
View File

@@ -2,7 +2,7 @@
// @ts-nocheck TODO: Fix types
import { select } from 'd3';
import type { MermaidConfig } from '../config.type.js';
import { getConfig } from '../diagram-api/diagramAPI.js';
import { getConfig, sanitizeText } from '../diagram-api/diagramAPI.js';
import type { SVGGroup } from '../diagram-api/types.js';
import common, { hasKatex, renderKatex } from '../diagrams/common/common.js';
import type { D3TSpanElement, D3TextElement } from '../diagrams/common/commonTypes.js';
@@ -192,24 +192,26 @@ export async function replaceIconSubstring(text: string) {
return text;
}
let newText = text;
for (const match of matches) {
const [fullMatch, prefix, iconName] = match;
const replacements = await Promise.all(
matches.map(async ([fullMatch, prefix, iconName]) => {
const registeredIconName = `${prefix}:${iconName}`;
try {
const isIconAvail = await isIconAvailable(registeredIconName);
if (isIconAvail) {
const faIcon = await getIconSVG(registeredIconName, undefined, { class: 'label-icon' });
newText = newText.replace(fullMatch, faIcon);
} else {
newText = newText.replace(fullMatch, `<i class='${fullMatch.replace(':', ' ')}'></i>`);
}
const isIconRegistered = await isIconAvailable(registeredIconName);
const replacement = isIconRegistered
? await getIconSVG(registeredIconName, undefined, { class: 'label-icon' })
: `<i class='${sanitizeText(fullMatch).replace(':', ' ')}'></i>`;
return { fullMatch, replacement };
} catch (error) {
log.error(`Error processing ${registeredIconName}:`, error);
return { fullMatch, replacement: fullMatch };
}
}
return newText;
})
);
return replacements.reduce(
(text, { fullMatch, replacement }) => text.replace(fullMatch, replacement),
text
);
}
// Note when using from flowcharts converting the API isNode means classes should be set accordingly. When using htmlLabels => to sett classes to'nodeLabel' when isNode=true otherwise 'edgeLabel'