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 isStatus = (status) => (context, event) => {
    return context.user && event.status === status;
  };
  
  const gameMachine = Machine({
    id: 'game',
    initial: 'connecting',
    context: {
      user: "123abc",
    },
    states: {
      connecting: {
        on: {
          connect: [
            {
            target: 'waiting',
            cond: isStatus('waiting'),
          },
            {
            target: 'register',
          },
          ],
        }
      },
      register: {
        on: {
          waiting: 'waiting',
          question: 'question',
          answer: 'answer',
          results: 'results',
          winners: 'winners',
        }
      },
      waiting: {
        on: {
          next: 'question'
        }
      },
      question: {
        on: {
          next: 'answer'
        }
      },
      answer: {
        on: {
          answer: 'answered',
          next: 'results'
        }
      },
      answered: {
        on: {
          next: 'results'
        }
      },
      results: {
        on: {
          question: 'question',
          next: 'winners'
        }
      },
      winners: {
        type: 'final'
      },
    }
  });