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 workshopMachine = Machine({
    id: 'workshop',
    initial: 'open',
    context: {
      capacity: 5,
      booked: 0,
      staff: []
    },
    states: {
      open: {
        on: {
          ADD_BOOKING: [{ 
            actions: assign({
              booked: (ctx, e) => ctx.booked + 1
            }),
            cond: (ctx, e) => ctx.booked === ctx.capacity - 1,
            target: "full"
          },
          { 
            actions: assign({
              booked: (ctx, e) => ctx.booked + 1
            }),
            cond: (ctx, e) => ctx.booked < ctx.capacity - 1
          }],
          ALLOCATE_STAFF: {
            actions: assign({
              staff: (ctx, e) => ["jo", "john", "jeff"]
            })
          },
          REMOVE_FROM_CALENDAR: "ready",
          CANCEL: "cancelled",
        }
      },
      full: {
        on: {
          REMOVE_FROM_CALENDAR: "ready",
          CANCEL: "cancelled",
        }
      },
      ready: {
        on: {
          START: "started",
        }
      },
      cancelled: {
        type: "final"
      },
      started: {
        type: "final"
      },
    }
  });