⚡ OXVGUI - OXVG User Interface

[jonasgeiler]

I can't wait to see where this project is going, and I've been a user of SVGOMG for many years, so I though I'd start a little project to fork SVGOMG and migrate it over to use OXVG.

Well, I published the very first version of the web app a few minutes ago!
I call it: OXVGUI

Here it is: https://oxvgui.jonasgeiler.com

Also check out the source code.

If you're familiar with SVGOMG, you're gonna find your way around rather quickly.
There are even a few more switches for features that OXVG has, but SVGO didn't.

The site itself was completely forked off of SVGOMG, and using Web Assembly I then integrated OXVG and all it's features. In the end I even had to write my own Web Assembly binding (instead of using the @oxvg/wasm npm package) to get some custom features I needed.
But I think it turned out pretty well!

So far it's been a really interesting project and I learned quite a lot about Web Assembly and Web Workers and such.
I hope that I can extend OXVGUI more and more as OXVG grows - let's see!

Have fun!

[noahbald]

Wow Jonas, this is really impressive and I feel flattered that you chose oxvg to spend your time with.
I’m definitely gonna poke around and see what you’ve done.

I’d be happy to add your project to the readme as it’s a great way for people to test if oxvg is right them.
Feel free to make a pr if you’d like.

And if you don’t mind, did you have any thought about the usage of oxvg? It’s still early days for the project so feedback is super valuable!

[jonasgeiler]

Wow Jonas, this is really impressive and I feel flattered that you chose oxvg to spend your time with.

Thank you so much! I feel like this project could turn into something big, so I saw it as a great investment of my time! 😁
Keep doing what you're doing!

I’d be happy to add your project to the readme as it’s a great way for people to test if oxvg is right them.

Yes! I'd be honored to have a link to OXVGUI in the README!
After all, svgo.dev links directly to SVGOMG too, having a "Playground" header item on their site.
Maybe we can do it in a similar way :D

Feel free to make a pr if you’d like.

I'm not sure how prominent you want to feature OXVGUI at this time, but I could draft something and we can see.

I’m definitely gonna poke around and see what you’ve done.

I'd be very glad 😅 After all I'm not very experienced in Rust, but had to write a customized WASM binding because I needed a fast way to parse the SVG and get it's display dimensions for showing it in the canvas.
Then I also added a way to get a prettified/indented output from the optimise() function, something that could be very well added to @oxvg/wasm - so feel free to take inspiration.

I also have a comment saying that convert_svgo_config() had an error. If I remember correctly it was immediately reported and highlighted by RustRover, so if you open packages/wasm/src/lib.rs in your editor you'll probably see the issue. Otherwise my IDE was bugged.

Other than that, I will of course report any bugs I come across!

And if you don’t mind, did you have any thought about the usage of oxvg?

Something I noticed very early on is that the latest/0.0.2 version of @oxvg/wasm is currently empty and doesn't include anything other than a package.json - that's why I had to use the next tag in my maintenance workflow.

One major feature I am missing is a job for converting style to separate attributes, to replace the "Style to attributes" feature that SVGOMG has. But I'm certain something like this is already planned.

But in general I had a pleasant experience working with OXVG! The @oxvg/wasm package worked great, once I figured things out, but as mentioned I had to write my own binding to get some custom features.