Visualizer for XState machines
c80b891 Thanks @laurakalbag! - Add a banner and welcome screen link introducing the Stately visual editor10858d2 Thanks @davidkpiano! - Fixes issue where raise actions were causing visualizer to crash67e24ae Thanks @jacksteamdev! - You can now inspect via WebSocket. To do that you can add the WebSocket server url as a query parameter, for example https://stately.ai/viz?inspect&server=ws://localhost:3000
9f93d67 Thanks @Andarist! - Fixed the app crashing when processing invalid actions - like when using a guard accidentally in a place of an action.#334 fecdc01 Thanks @davidkpiano! - Self-transitions on the machine will no longer cause graph layout to fail:
import { createMachine } from 'xstate';
const machine = createMachine({
on: {
// These will now display as expected
LOAD: {},
UPDATE: {},
},
states: {
something: {},
},
});
0f8e205 Thanks @Andarist! - A possibility to start panning the canvas by pressing the middle button of a mouse has been added.#237 7599a26 Thanks @rthor, @Andarist! - Added more keyboard interactions to the canvas:
#315 f98ce3f Thanks @farskid! - Tweak controls options in embed mode
controls=1
0c3bfec Thanks @christoph-fricke! - Align the visualization of custom actions with the visualization of XState-provided actions. Previously, the labels for custom actions were not rendered with a bold font.d10238a Thanks @Andarist! - Updated XState to its latest version (4.26.0). Visualizer should be able to use the new goodies now, such as it should provide access to the invoke.meta object in the invoke creators.2cb5ccf Thanks @mattpocock! - Fixed an issue where events were being duplicated in the right-hand events panel.