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 IDLE = "idle",
  PROCESSING = "processing",
  PLAYING = "playing",
  PAUSED = "paused";

const fetchMachine = Machine({
  id: "fetch",
  initial: IDLE,
  context: {
    retries: 0
  },
  states: {
    [IDLE]: {
      on: {
        process: PROCESSING
      }
    },
    [PROCESSING]: {
      on: {
        start: PLAYING,
        end: IDLE,
        pause: PAUSED
      }
    },
    [PLAYING]: {
      on: {
        end: IDLE,
        pause: PAUSED
      }
    },
    [PAUSED]: {
      on: {
        end: IDLE,
        resume: PLAYING
      }
    }
    // failure: {
    //   on: {
    //     RETRY: {
    //       target: "loading",
    //       actions: assign({
    //         retries: (context, event) => context.retries + 1
    //       })
    //     }
    //   }
    // }
  }
});