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 playerMachine = Machine({
  id: "player",
  initial: "paused",
  states: {
        paused: {
            on: {
        PLAY: 'playing',
        STOP: 'stopped'
      }
    },
    playing: {
      on: {
        PAUSE: 'paused',
        STOP: 'stopped'
      }
    },
    stopped: {
            on: {
        PAUSE: 'paused',
        PLAY: 'playing'
      }
      }
    }
  }
)
const selectionMachine = Machine(
  {
    id: "selection",
    initial: "selected",
    context: {
      selectedTag: 55
    },
    states: {
      none: {
        on: {
          SELECT_TAG: {
            target: "selected",
            actions: assign({
              selectedTag: (ctx, e) => e.id
            })
          }
        }
      },
      selected: {
        on: {
          SELECT_TAG: {
            target: "",
            actions: assign({
              selectedTag: (ctx, e) => e.id
            })
          },
          CLEAR_SELECTION: {
            target: "none",
            actions: assign({
              selectedTag: (ctx, e) => null
            })
          }
        }
      }
    }
  },
  {
    actions: {
      selectTag: assign({
        selectedTag: (ctx, e) => e.id
      })
    }
  }
);




  
  // const fetchMachine = Machine({
  //   id: 'fetch',
  //   initial: 'idle',
  //   context: {
  //     retries: 0
  //   },
  //   states: {
  //     idle: {
  //       on: {
  //         FETCH: 'loading'
  //       }
  //     },
  //     loading: {
  //       on: {
  //         RESOLVE: 'success',
  //         REJECT: 'failure'
  //       }
  //     },
  //     success: {
  //       type: 'final'
  //     },
  //     failure: {
  //       on: {
  //         RETRY: {
  //           target: 'loading',
  //           actions: assign({
  //             retries: (context, event) => context.retries + 1
  //           })
  //         }
  //       }
  //     }
  //   }
  // });