Support Flutter Web

[giacomoran]

Hi,

Thanks for the great work!

Are there any plans to support Flutter Web?
Otherwise, is there any suggested workaround?

[amake]

I guess in principle it should be possible to support web as well, since the underlying engine is JavaScript. But it wasn't straightforward when I looked into it last time, and web support isn't something that I personally need, so it's not really on my radar.

Sorry, I don't know if there are any workarounds.

[amake]

I'm not sure how this would even work since KaTeX can't render to bitmap or canvas (see KaTeX/KaTeX#328, KaTeX/KaTeX#504), or any other source of bytes: it renders to DOM elements, which I don't think would work at all with Flutter widgets.

Maybe it would be doable by adding yet another package like html2canvas to render the KaTeX output to bitmap. But that's a lot of indirection and is pretty far over my head.

[amake]

Maybe I spoke too soon; this looks like it might be similar to what we want: https://stackoverflow.com/questions/60276170/use-js-library-in-flutter-web

[giacomoran]

That looks good, thanks!

[amake]

I got it sort of working:

The main issue is that the HtmlElementView widget has infinite width (and height?) so it will blow up your layout. I can't find a way to make it shrink to fit its content; in the screenshot above I've wrapped every instance in a 200×200 SizedBox.

This is about as far as I'm interested in working on this. If someone else wants to swoop in and let me know how to address the layout issue, I'm all ears. The code is on the web branch.

[amake]

I have migrated the plugin to the federated architecture, so if someone does manage to implement a web version they can more easily use it.