Pele là một thư viện open source mới, chuyên biến mã Mermaid thành hình ảnh sơ đồ dạng SVG. Theo nhà phát triển, Pele không cần thêm bất kỳ thư viện phụ thuộc nào, nhẹ hơn Mermaid.js khoảng 6 lần và có thể nhanh hơn tới 500 lần.

Mermaid là gì và Pele giải quyết vấn đề nào?

Mermaid cho phép bạn viết vài dòng chữ đơn giản để tạo ra sơ đồ quy trình, biểu đồ hay lược đồ. Ví dụ, thay vì loay hoay kéo thả hộp và mũi tên, bạn chỉ cần gõ "A dẫn đến B" và công cụ sẽ tự vẽ. Pele làm đúng việc đó, nhưng gọn và nhanh hơn, đồng thời hỗ trợ mọi loại sơ đồ có trong Mermaid 12.1.0.

Đổi màu không cần vẽ lại

Điểm đáng chú ý là Pele dùng biến CSS để quy định màu sắc và phông chữ. Khi bạn chuyển giữa giao diện sáng và tối, sơ đồ đổi màu ngay mà không phải render lại từ đầu. Với lập trình viên, chỉ cần đưa mã Mermaid vào hàm render() qua API rồi chèn SVG nhận được vào trang web.

Ý nghĩa với người dùng

Pele ban đầu được phát triển cho Obsidian, ứng dụng ghi chú phổ biến, để sơ đồ hiện nhanh và hòa hợp với giao diện người dùng chọn. Những dự án công nghệ nhỏ như vậy cho thấy open source vẫn có thể cải thiện trải nghiệm hằng ngày: trang tài liệu tải nhanh hơn, ứng dụng nhẹ hơn và pin tiết kiệm hơn.