Pele: Mermaid डायग्राम को SVG में बदलें
मूल शीर्षक: Pele – Mermaid diagrams as themeable SVG
यह क्यों महत्वपूर्ण है
documentation tools और note-taking apps में तेज़ diagram rendering की माँग बढ़ रही है — Pele एक zero-dependency विकल्प देता है।
Pele एक open source JavaScript library है जो Mermaid syntax को themeable SVG में render करती है। यह Mermaid.js से 6 गुना छोटी और 500 गुना तक तेज़ है, और CSS variables से theme बदली जा सकती है।
Pele एक lightweight library है जिसे MIT license के तहत जारी किया गया है। इसे मुख्यतः Obsidian के लिए विकसित किया गया — ताकि डायग्राम तेज़ी से render हों और app की theme से मेल खाएं। developer kepano ने इसे बनाया है।
तुलनात्मक आंकड़े स्पष्ट हैं: Pele का gzip bundle size सिर्फ 230 kB है, जबकि Mermaid.js का 1.6 MB। render time Pele के लिए 0.05–0.3 ms है, Mermaid.js के लिए 6–82 ms। direct dependencies की संख्या शून्य है, जबकि Mermaid.js में 23 हैं।
Theming का तरीका सरल है — CSS variables (जैसे --pele-bg, --pele-fg) बदलने पर रंग फिर से render किए बिना तुरंत अपडेट हो जाते हैं। library Mermaid 12.1.0 में built सभी diagram types को support करती है। छोटी स्क्रीन पर layout automatically adjust होता है।
install करना सीधा है: npm, pnpm, yarn या bun से pele जोड़ें, फिर render() function को Mermaid syntax पास करें और लौटाए गए SVG को page में insert करें। एक online Playground भी उपलब्ध है जहाँ syntax live test किया जा सकता है।