Generated by XState Viz: https://xstate.js.org/viz

machine.js

  const todoMachine = Machine({
    initial: 'pending',
    context: {
      description: 'This is my todo'
    },
    states: {
      pending: {
        on: {
          DONE: 'done',
          SET_DESCRIPTION: {
            actions: assign({
              description: (ctx, evt) => evt.text
            })
          }
        }
      },
      done: {
        on: {
          UNDO: 'pending'
        }
      }
    }
  });