Web app feature wishlist

[timdp]

Just collecting some ideas for the Web-based diagram editor.

• [x] A selection of example diagrams.
• [x] Exporting diagram code.
• [ ] Sharable editor URLs.
• [ ] More themes beyond light and dark.
• [ ] A theme editor (with an explanation of what each setting does).
• [ ] Using Google Fonts in a theme.
• [ ] Syntax highlighting in the code editor.
• [ ] Changing the font for the code editor.
• [ ] Dragging and dropping a diagram file onto the editor.
• [ ] Improved UX for resizing on touch devices.
• [ ] Customizable filename when exporting.

[alexswan10k]

+1 for shareable url's. The way this is usually done is by serializing the code as a base64 encoded string. A good working example of this in action for various configurations is the mermaidjs playground

https://mermaid.live/edit#pako:eNpVj81qw0AMhF9F6NRC_AI-BGK7zSXQQHLz5iBsObuk-8Naphjb7551fEl1EjPfiNGEjW8Zc7xHChqulXKQ5lCXOppeLPU3yLL9fGQB6x2PMxQfRw-99iEYd__c-GKFoJxOK8Yg2rjHslnlK__jeIaqPlEQH27vzvXPz_BVm7NO5_87OnJKfdcd5R1lDUUoKb4Q3KHlaMm0qfq0KgpFs2WFeVpb7mj4FYXKLQmlQfxldA3mEgfe4RBaEq4MpaftJi5PNtJU8w

Another example: the Fable F# repl

https://fable.io/repl/#?code=LYewJgrgNgpgBACRlKIBQbYBc4AtmoDqIATlGHAB5wC8cARPiiHAMYQDOWIwAlgF4wKvAHZwIZBnADUVDNjjAAhgGsYAZVpwA2gEYA3ACZ9AZgC68mDgBmVLdUNwALJZxK7NNHG+KlWVrh2AO68WIFePgA+cOo88ACecAC0AHxwuhHe0QByICLwqc5AA&html=DwCwLgtgNgfAUHUBTAhgE3gAm54ElgqbhgAOAtEgI4CuAlgG4C8ARAMID2AdmEj+QBUAnqSQtMAY268erXgA8wAenDQA3BJAoATgGcCTGmABm5ABwt4wFagwJgAIw5ohWHMAkouDFLslRfXVYGOiQAd3EwujQwEFYzAAYE8RAkOgBzcFYANiTLa09vXyslJxd4RBVIWDggA&css=Q

Nice tool by the way. This is actually pretty useful for visualizing any kind of arbitrary event stream and aggregation logic, not just Rx stuff.