Hello, I would like to share MonoSketch, an ASCII ...

# javascript

[Tuna]

Hello,
I would like to share MonoSketch, an ASCII diagram editor, which is fully rewritten in Kotlin/JS and Compose HTML.
You can try at: app.monosketch.io
and checkout the code at: https://github.com/tuanchauict/MonoSketch/

[Edoardo Luppi]

Very cool! By Compose HTML you mean the experimental web support with WASM?

[franztesca]

Very cool 🚀
Quick bug report, vertical alignment seems off by one line for both center and bottom

[Ryan Brink]

just from peeping at the source it does not look like they are using wasm, but this is very neat. It makes me want to try to implement a tool like react flow in kotlin, as a node building UI is something that I need for a project, and would be a blocker for me writing the frontend in kotlin

[Tuna]

Thanks @franztesca
Looks like there is a bug with text splitting algo.
Vertical alignment should be fine, I guess. How about making the box larger?

[Tuna]

@Edoardo Luppi No, Compose HTML is the one will generate HTML dom, not wasm.

[Tuna]

@Ryan Brink Yeah, at first, I tried not to use compose but with my own HTML DSL. Just after I felt tired of controlling the UI, I adopted compose.
I'm also not using Flow but implemented my own version of LiveData, just enough to delegate data and observe the change.

[Tuna]

Ah, when I first started this project, compose for web was not a thing. And Flow too (or it was there, just I didn't know). So, I had to create almost everything since I didn't want to use react

[Edoardo Luppi]

@Tuna did you find working with Compose easy?
It's an interesting idea... I'd like to try it out to build a sample UI for my VS Code extension

[Tuna]

For Compose HTML? If you just use compose DSL and ignore the stylesheet, it should be similar to React. It's quite simple to work with at beginning.
For more advanced UI like routing, I'm not sure