xstate-plantuml/examples/payment.json

Visualize a xstate or react-automata statechart as a plantuml state diagram

{
  "key": "payment",
  "initial": "method",
  "states": {
    "method": {
      "initial": "cash",
      "states": {
        "cash": { "on": { "SWITCH_CHECK": "check" } },
        "check": { "on": { "SWITCH_CASH": "cash" } },
        "hist": { "history": true }
      },
      "on": { "NEXT": "review" }
    },
    "review": { "on": { "PREVIOUS": "method.hist" } }
  }
}