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 fetchMachine = Machine({
  id: 'toggle',
  initial: 'empty',
  context: {
    message: '',
    messages: [],
  },
  states: {
    empty: {},
    hasText: {
      on: {
        COMMIT: {
          target: 'commit',
          cond: ctx => ctx.message.trim().length > 0,
        },
        RESET: {
          target: 'empty',
          actions: assign({ message: '' }),
        },
      },
    },
    commit: {
      invoke: {
        src: (ctx, ev) => Promise.resolve(ev.value),
        onDone: {
          target: 'empty',
          actions: assign({
            message: '',
            messages: (ctx, ev) => [...ctx.messages, ev.data],
          }),
        },
      },
    },
  },
  on: {
    TYPING: {
      target: 'hasText',
      actions: assign({
        message: (ctx, ev) => ev.value,
      }),
    },
  },
  });