statecharts-visualizer

Interactive visualizer for application business logic implemented with statecharts.

Machines visualizer use src/machines folder in project.

All created machines should be imported to src/machines/index.js in machines object.

While creating a machine please use .machine.js extantion.

Please make sure in .machine.js file you define machine like:

  const ${machineName} = Machine({});

and for form machines

  const ${formMachineName} = createFormikMachine({});

To run visualizer use command:

  $ visualizer-start

It should generate a file navigationTree.js in src/machines folder, and run application on localhost:5000;