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

machine.js

const RepositoryMachine = Machine({
  key: "repository",
  initial: "noRepositorySelected",
  states: {
    noRepositorySelected: {
      on: {
        REPOSITORY_SELECTED: {
          target: "viewingChanges",
          actions: assign({
            selectedRepository: (_ctx, event) => event.repository
          })
        }
      }
    },
    viewingChanges: {
      on: {
        HISTORY_SELECTED: "viewingHistory"
      },
      states: {
        noLayerSelected: {
          on: {
            LAYER_SELECTED: {
              target: "layerSelected",
              actions: assign({
                selectedLayer: (_ctx, event) => event.layer
              })
            }
          }
        },
        layerSelected: {}
      }
    },
    viewingHistory: {
      on: {
        CHANGES_SELECTED: "viewingChanges"
      },
      states: {
        noCommitSelected: {
          on: {
            COMMIT_SELECTED: {
              target: "commitSelected",
              actions: assign({
                selectedCommit: (_ctx, event) => event.commit
              })
            }
          }
        },
        commitSelected: {}
      }
    }
  }
});