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

machine.js

  const pawn = Machine({
    id: 'pawn',
    context: {
      notation: 'p'
    }
  });
  
  // const pieces = [pawn];
  
  const setupBoard = async (context, event) => {
    context.board.push('abc')
    console.log('setup board');
    return true;
  }
  
  const startTimer = (context, event) => {
    console.log(context);
  };
  
  const validMove = (context, event) => true;
  
  const setupState = Machine({
        id: 'setupa',
        invoke: {
          id: 'board-setup',
          src: 'setupBoard',
          onDone: {
            target: 'playing',
          }
        },
        entry: assign({
          pawnRef: () => spawn(pawn)
        })
      });
      
  const playingState = Machine({
        id: 'playing',
        initial: 'idle',
        states: {
          idle: {
            entry: ['startTimer']
          }
        }
      });
  
  
  
  const loar = Machine({
    id: 'loar-machine',
    initial: 'setup',
    context: {
      startTime: Date.now(),
      turn: {
        current: 'w',
        white: {
          time: 0,
          move: 0
        },
        black: {
          time: 0,
          move: 0
        }
      },
      notation: '',
      captured: [],
      castling: [],
      board: []
    },
    states: {
      setup: setupState,
      playing: playingState
    }
  },
  {
    services: {
      setupBoard
    },
    actions: {
      startTimer,
    },
    guards: {
      validMove
    }
  });