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

machine.js

const clientMachine = Machine(
	{
		id: 'client',
		initial: 'idle',
		context: {
			error: null,
			response: null,
		},
		states: {
			idle: {
				on: {
					START: 'connecting',
				},
			},
			connecting: {
				invoke: {
					src: 'connectToHost',
          // Not sure if connecting to the host returns anything, if it does then add an assign action below
					onDone: { target: 'connected' },
					onError: { target: '#client.faulted', actions: 'assignError' },
				},
			},
			connected: {
        initial: 'idle',
        // Not sure what is being modeled here
        states: {
          idle: {},          
        },
        on: {
          FAULT: { target: '#client.faulted', actions: 'assignError'}
        }
      },
			faulted: {
				type: 'final',
				entry: (context, event) => console.log(context.error),
			},
		},
	},
	{
		actions: {
			assignResponse: assign({
				response: (context, event) => event.data,
			}),
			assignError: assign({
				error: (context, event) => event.data,
			}),
		},
		services: {
			async connectToHost(context, event) {
				return true;
			},
		},
	}
);