marcel/mermaid
1
0
Fork 0
mirror of https://github.com/mermaid-js/mermaid.git synced 2025-09-18 14:59:53 +02:00
Code Issues Packages Projects Releases Wiki Activity

feat(arch): added fallback icon

Browse Source
This commit is contained in:
NicolasNewman
2024-03-31 13:52:23 -05:00
parent b911bd3e42
commit 46a37a6eea
3 changed files with 20 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
packages/mermaid/src/rendering-util/svg/index.ts
View File

@@ -3,12 +3,14 @@ import database from "./database.js";
import server from "./server.js"; import server from "./server.js";
import disk from "./disk.js"; import disk from "./disk.js";
import internet from "./internet.js"; import internet from "./internet.js";
import unknown from "./unknown.js";
const defaultIconLibrary: IconLibrary = { const defaultIconLibrary: IconLibrary = {
database: database, database: database,
server: server, server: server,
disk: disk, disk: disk,
internet: internet, internet: internet,
unknown: unknown,
} }
export default defaultIconLibrary export default defaultIconLibrary

10
packages/mermaid/src/rendering-util/svg/unknown.ts Normal file
View File

@@ -0,0 +1,10 @@
/**
* @author Nicolas Newman
* @see https://github.com/NicolasNewman/IconLibrary
*/
import { createIcon } from "../svgRegister.js";
export default createIcon(`<g>
<rect width="80" height="80" style="fill: #087ebf; stroke-width: 0px;"/>
<text transform="translate(21.16 64.67)" style="fill: #fff; font-family: ArialMT, Arial; font-size: 67.75px;"><tspan x="0" y="0">?</tspan></text>
</g>`, 80)

16
packages/mermaid/src/rendering-util/svgRegister.ts
View File

@@ -5,6 +5,13 @@ type IconResolver = (
) => Selection<SVGGElement, unknown, Element | null, unknown>; ) => Selection<SVGGElement, unknown, Element | null, unknown>;
type IconLibrary = Record<string, IconResolver>; type IconLibrary = Record<string, IconResolver>;
const createIcon = (icon: string, originalSize: number): IconResolver => {
return (parent: Selection<SVGGElement, unknown, Element | null, unknown>, size: number = originalSize) => {
parent.html(`<g style="transform: scale(${size / originalSize})">${icon}</g>`)
return parent
}
}
const icons: IconLibrary = {}; const icons: IconLibrary = {};
const isIconNameInUse = (name: string): boolean => { const isIconNameInUse = (name: string): boolean => {
@@ -29,14 +36,7 @@ const getIcon = (name: string): IconResolver | null => {
if (isIconNameInUse(name)) { if (isIconNameInUse(name)) {
return icons[name]; return icons[name];
} }
return null; // TODO: return default return icons["unknown"];
}; };
const createIcon = (icon: string, originalSize: number): IconResolver => {
return (parent: Selection<SVGGElement, unknown, Element | null, unknown>, size: number = originalSize) => {
parent.html(`<g style="transform: scale(${size / originalSize})">${icon}</g>`)
return parent
}
}
export { registerIcon, registerIcons, getIcon, isIconNameInUse, createIcon, IconLibrary }; export { registerIcon, registerIcons, getIcon, isIconNameInUse, createIcon, IconLibrary };