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 audioPlayerState = {
  id: "audioPlayer",
  initial: "idle",
  states: {
    idle: {
      on: {
        PLAY_ALL: "playingAll",
        TOGGLE_PLAY: "playingAll",
      },
    },
    playingAll: {
      initial: "playingTitle",
      states: {
        playingTitle: {
          entry: ["playTitle"],
          on: {
            FINISHED_PLAYING_TITLE: "playingSummary",
            TOGGLE_PLAY: "pausedTitle",
          },
        },
        pausedTitle: {
          entry: ["pauseTitle"],
          on: {
            TOGGLE_PLAY: "playingTitle",
          },
        },
        playingSummary: {
          entry: ["playSummary"],
          on: {
            FINISHED_PLAYING_SUMMARY: "#audioPlayer.idle",
            TOGGLE_PLAY: "pausedSummary",
          },
        },
        pausedSummary: {
          entry: ["pauseSummary"],
          on: {
            TOGGLE_PLAY: "playingSummary",
          },
        },
      },
      on: {
        RESTART: ".playingTitle",
      },
    },
  },
};
const fetchMachine = Machine(audioPlayerState);