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 hasEnded = (ctx) => false
  const randomColor = (ctx) => Object.keys(ctx.lanes)[Math.ceil(Math.random()*6)-1]
  
  const isFisher = colour => ["green", "red"].indexOf(colour) !== -1
  
  const fetchMachine = Machine({
    id: 'fishgame',
    initial: 'waitForRoll',
    context: {
      lanes: {
        red: 0,
        green: 0,
        blue: 5,
        yellow: 5,
        orange: 5,
        pink: 5
      },
      color: ""
    },
    states: {
      idle: {
        on: {
          START: "waitForRoll"
        }
      },
      waitForRoll: {
        on: {
          ROLL_DICE: {
            target: "diceRolled",
            actions: "rollDice"
          }
        }
      },
      diceRolled: {
        on: {
          "": [{
            target: "moveBoat",
            cond: "isFisher"
          }, {
            target: "moveFish"
          }]
        }
      },
      moveBoat: {
      },
      moveFish: {
        on: {
          "": "waitForRoll"
        }
      },
      fishWon: {
        type: "final"
      },
      fisherWon: {
        type: "final"
      },
      noWinner: {
        type: "final"
      }
    }
  }, {
    guards: {
      isFisher: (ctx) => isFisher(ctx.color)
    },
    actions: {
      rollDice: assign(ctx => ({
        color: randomColor(ctx)
      }))
    }
  });