component

[mfulton26]

I want to build a view in my app that has the XState visualizer on the left and then the mobile web app rendered on the right. I want the visualizer to be interactive so that I can literally place my mobile web app in basically any state, etc.

I want to be able to use the visualization component(s) in this project but I don't see them published anywhere, etc. Can this be done so that projects can easily embed the integrate with the visualizer in their apps?

I know the inspect tool can be used for a similar experience but I want software engineers, user experience designers, product managers, and others to all be able to navigate to one URL to be able to get this experience without needing to set up extra tooling, etc. so that they can focus on the business discussions at hand and reference how the app currently works so that they can propose changes in a very informed way.

[aharvard]

Great idea! I've manually added an iframe to some prototype layouts for collaborative communication/presentation. I found some odd behaviors around scrolling. Best I can describe the issues is that it was like a scroll trap (I positioned the frame below the app's UI) that I was able to scroll down to view but unable to scroll back up. Anyways, with the excellent updates to the viz by the Stately team, I'm guessing that the issue may no longer persist. Just wanted to add my experience to help with being aware of edge cases.