# مكتبة Pele ترسم مخططات Mermaid بحجم 230 كيلوبايت بدل 1.6 ميجابايت وتعيد ترتيبها على الشاشات الصغيرة

> **المغزى:** المغزى: محرك عام يفهم كل شيء يحمّل المتصفح بكل شيء، ومكتبة مكتوبة لغرض واحد قد تغطي الوظيفة نفسها بسُبع الحجم، وتجعل المخطط مقروءًا على الهاتف.

- المصدر: المغزى (https://almaghza.com/a/2026-10-18-pele-lightweight-mermaid-renderer/)
- التاريخ: 7 جمادى الأولى - 18 أكتوبر 2026 (2026-10-18)
- القسم: برمجيات
- الوسوم: Mermaid، التوثيق، JavaScript، المصادر المفتوحة، تحسين الأداء

مكتبة Pele مفتوحة المصدر ترسم مخططات Mermaid، وهي لغة نصية لوصف المخططات تُستخدم كثيرًا في التوثيق، وتحوّلها إلى صور SVG. وبحسب صفحة المشروع، يبلغ حجمها نحو 230 كيلوبايت مضغوطة، مقابل 1.6 ميجابايت لمكتبة Mermaid.js الأصلية، أي فرق يقارب 7 أضعاف فيما يُحمَّل على متصفح القارئ.

وتنشر الصفحة أرقامًا أخرى: زمن رسم المخطط بين 0.05 و0.3 ملي ثانية، مقابل 6 إلى 82 ملي ثانية في Mermaid.js، وعدد الاعتماديات المباشرة صفر مقابل 23. وهذه كلها أرقام المشروع عن نفسه، ولا يوجد حتى الآن قياس مستقل لها.

ويعود الفرق إلى طبيعة كل مكتبة. فـ Mermaid.js تأتي بمحرك كامل يفهم أنواع المخططات ويحسب أشكالها وقت التشغيل. أما Pele فكُتبت لهذا الغرض الضيق وحده، ومع ذلك تقول إنها تدعم كل أنواع المخططات الموجودة في الإصدار 12.1.0 من Mermaid.

والفرق الأوضح للمستخدم يظهر على الشاشات الصغيرة. فبحسب صفحة المشروع، تكبّر Mermaid.js المخطط كله أو تصغّره ليناسب الشاشة، فيصبح غالبًا غير مقروء على الهاتف. أما Pele فتعيد ترتيب عناصر المخطط بدل تصغيره.

والمكتبة مرخصة برخصة MIT، وكُتبت في الأصل لتطبيق Obsidian على يد kepano. وتُثبَّت بالأمر npm install pele، وتُستخدم عبر دالة render() التي تستقبل نص Mermaid كما هو وتعيد الـ SVG.

وبالنسبة لصفحات التوثيق والمدونات التقنية في المنطقة العربية، حيث يقرأ أغلب الجمهور من الهاتف، يجتمع هنا أمران: حجم أصغر بكثير يُحمَّل على اتصالات قد تكون بطيئة، ومخطط يبقى مقروءًا على شاشة صغيرة. ويبقى التحقق من الأرقام على المشروع الفعلي ضروريًا قبل الاعتماد عليها.

## المصادر

- [صفحة المشروع](https://pele.run)
- [الحزمة على npm](https://www.npmjs.com/package/pele)
- [مكتبة Mermaid الأصلية للمقارنة](https://mermaid.js.org)