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

machine.js

  // Available variables:
  // - Machine
  // - interpret
  // - assign
  // - send
  // - sendParent
  // - spawn
  // - raise
  // - actions
  // - XState (all XState exports)
  
  const fetchMachine = Machine({
  id: 'feedPage',
  type: 'parallel',
  context: {
    tab: 'episodes'
  },
  states: {
    tab: {
      on: {
        ACTIVATE_TAB: {
          actions: assign({
            tab: (context, event) => event.tab,
          })
        }
      }
    },
    administerFeed: {
      initial: 'loading',
      states: {
        loading: {
          invoke: {
            id: 'getFeed',
            onDone: {
              target: 'ready',
            },
            onError: {
              target: 'failed',
              actions: assign({ error: (context, event) => event.data })
            }
          }
        },
        failed: {
          on: { FETCH: 'loading' }
        },
        ready: {
          on: {
            FETCH: 'loading'
          },
          initial: 'view',
          states: {
            refreshingFeed: {
              invoke: {
                id: 'refreshFeed',
                onDone: {
                  target: 'view',
                },
                onError: {
                  target: 'view',
                  actions: assign({ error: (context, event) => event.data })
                }
              }
            },
            view: {
              on: {
                REFRESH: 'refreshingFeed',
                EDIT_URI: 'editingUri',
              }
            },
            editingUri: {
              on: {
                CANCEL_EDIT_URI: 'view',
                SUBMIT_URI: 'updatingUri',
              }
            },
            updatingUri: {
              invoke: {
                id: 'updateUri',
                onDone: {
                  target: 'view',
                },
                onError: {
                  target: 'editingUri',
                  actions: assign({ error: (context, event) => event.data })
                }
              }
            },
          }
        },
      }
    }
  }
})