:bar_chart: Preview `mermaid` charts :mermaid: about mesop HOT 4 OPEN

I'm working on a markedjs web component here (still WIP -- need to add code highlighting): #667. This component renders the nested list without requiring four spaces.

Looks like there is a way to use mermaid with markedjs: https://mermaid.js.org/config/usage.html#example-of-a-marked-renderer

So you could copy that web component and modify it to include mermaid.

Then you can copy mel.chat (if you haven't already) and modify it to use the markedjs web component instead of me.markdown.

I haven't tested out the performance of the markedjs web component yet (and what else it's missing). But I think it's definitely possible to support mermaid (mermaid is great!).

Markedjs also has some in progress support for Github flavored markdown, but it does not look like it's ready yet: markedjs/marked#1202

from mesop.

For the example markdown web component (#667), I added mermaidjs support.

Example:

from mesop.

Yup, the output and components are really good, but the problem is that I can't predict le LLM output 😅
... so the pattern would to parse the LLM ouput and decide how to inject it into mesop ?

from mesop.

I see, so the LLM output isn't just markdown? I was assuming the LLM just outputted markdown only (in that case you can just render it using the markdown web component). It's trickier if the format is not markdown. But if you could get your LLM to output markdown, then that would probably be easiest.

from mesop.