Birbla

Join the discussion

Write your take first — we'll ask for email only when you're ready to publish.

Sign in
  • Hacker News
  • Thank goodness. Theming mermaid and using it server side is such a nightmare. I had many issues trying to get it to work competently with CSS variables for dark mode / light dark. This seems way better.
    by haburka
  • Does the official Mermaid library still require a full or headless browser environment in order to lay out the SVG? If so, Pele is great news for embedding Mermaid rendering in other places.
    by nickmain
  • Amazing. I just migrated the diagrams on the docs site of a project of mine, and they just look great[0]. Before, I had a combination of mermaid, panzoom, and some minor workarounds to get integrated styling and dark theme work right. Pele not only takes care of all of that, but also manages a nicer layout!

    [0] https://cetacean.mazetti.me/authentication#oidc

    by 9dev
  • Brazilian me thought it was an homage to Pelé. I’m glad the text explains the name.
    by dkga
  • > A flowchart subgraph keeps its own direction even when it links to nodes outside the subgraph.

    This, in and of itself, is sufficient reason for me to switch, even if it were slower than Mermaid.js.

    I’ve not even made it through the list yet and I’m sold.

    by Ancapistani
  • Anytime I try mermaid for anything more complex than a toy diagram I always end up absolutely frustrated by the arcane and topologically poor layout that is produced.

    Styling seems like a trivial problem by comparison.

    by lukeify
  • This was pretty inspiring -- I have been working on file format rendering for a pager in terminal+browser and totally forgot about Mermaid!

    Much of the work uses SVG as an intermediary so this Pele pattern works great. OP is a TypeScript project, seems great for that ecosystem.

    Searching found this go-mermaid library [1] that operates similarly with SVG its target. We have a Golang TUI picture/SVG widget and a Golang WASM/browser embedder, so I just forked it and had an LLM add a live Mermaid/SVG demo using them [2]. The demo is intended for go-mermaid so it uses its rasterizer, composited to our widget.

    (took <15 minutes since I had worked similarly just days ago and had the components at the ready, plus could point at Pele; these LLMs are ridiculous at forging from patterns)

    Cool thing is that same visual experience can be had in a terminal if it supports Kitty graphics protocol.

    [1] https://github.com/zkrebbekx/go-mermaid

    [2] https://neomantra.github.io/go-mermaid/

    by neomantra
  • Nice work...will try to incorporate it in our tools and projects. Dark mode support is a good highlight. I appreciate this work. Please keep it up.
    by vb-startr

Explore Birbla archives