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

machine.js

Machine({
    initial: 'fetching_user',
    states: {
      fetching_user: {
        invoke: {
          src: 'fetchUser',
          onDone: [{
            cond: 'hasUser',
            target: 'fetching_resources'
          }, {
            target: 'idle'
          }],
          onError: 'failed'
        }
      },
      fetching_resources: {
        type: 'parallel',
        states: {
          fetching_projects: {
            initial: 'fetching',
            states: {
              fetching: {
                invoke: {
                  src: 'fetchProjects',
                  onDone: 'done',
                  onError: '#failed'
                }    
              },
              done: {
                type: 'final'
              }
            }
          },
          fetching_metrics: {
            initial: 'fetching',
            states: {
              fetching: {
                invoke: {
                  src: 'fetchMetrics',
                  onDone: 'done',
                  onError: '#failed'
                }    
              },
              done: {
                type: 'final'
              }
            }
          },
          fetching_profiles: {
            initial: 'fetching',
            states: {
              fetching: {
                invoke: {
                  src: 'fetchProfiles',
                  onDone: 'done',
                  onError: '#failed'
                }    
              },
              done: {
                type: 'final'
              }
            }
          },
          fetching_sources: {
            initial: 'fetching',
            states: {
              fetching: {
                invoke: {
                  src: 'fetchSources',
                  onDone: 'done',
                  onError: '#failed'
                }    
              },
              done: {
                type: 'final'
              }
            }
          }
        },
        onDone: 'success'
      },
      idle: {
        type: 'final'
      },
      success: {
        type: 'final',
        onEntry: 'initSuccess'
      },
      failed: {
        id: 'failed',
        type: 'final',
        onEntry: 'initFail'
      }
    }
  });