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: 'fetch',
    initial: 'active',
    
    context: {
      past: [],
      current: null,
      queue: [1, 2, 3]
    },
    
    states: {
      active: {
        type: "parallel",
        
        states: {
          past: {
            initial: "empty",
            states: {
              empty: {},
              filled: {}
            }
          },
          current: {
            initial: "empty",
            states: {
              empty: {},
              filled: {
                on: {
                  MOVE: {
                    target: "empty",
                    actions: assign({
                      current: null,
                      past: context => [...context.past, context.current]
                    }),
                    cond: "hasCurrent"
                  }
                }
              }
            }
          },
          queue: {
            initial: "empty",
            states: {
              empty: {},
              filled: {
                on: {
                  MOVE: {
                    target: "empty",
                    actions: assign({
                      current: context => context.queued[0],
                      queued: context => context.queued.slice(1)
                    }),
                    cond: "hasNext"
                  }
                }
              }
            }
          }
        }
      }
    }
  }, {
    guards: {
      hasCurrent: context => !!context.current,
      hasNext: context => context.queue.length > 0
    }
  });