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 sendMsg = data => {
    return new Promise((resolve, reject) => {
      console.log(`send ${data}`);
      setTimeout(() => {
        if (Math.random() < 0.6) resolve();
        else reject();
      }, 1000);
    });
  }
  
  const mayRetry = ctx => ctx.controllerAttempts < 3;
  
  const serialWrite = Machine({
    id: 'serialWrite',
    initial: 'idle',
    context: {
      controllerAttempts: 0,
      data: "abc",
    },
    states: {
      idle: {
        on: {
          SEND: {
            target: 'sending',
            actions: [
              assign({data: (ctx,evt) => evt.data})
            ]
          }
        }
      },
      sending: {
        entry: assign({
          controllerAttempts: ctx => ctx.controllerAttempts + 1
        }),
        invoke: {
          id: 'sendMsg',
          src: (context) => sendMsg(context.data),
          onDone: {
            target: 'waitForAck',
          },
          onError: {
            target: 'retry',
          }
        }
      },
      waitForAck: {
        on: {
          ACK: 'success',
          CAN: 'retry',
          TIMER: 'retry'
        }
      },
      success: {
        type: 'final'
      },
      retry: {
        on: {
          '': [
            {target: 'sending', cond: mayRetry},
            {target: 'failure' }
          ]
        }
      },
      failure: {
        type: 'final'
      }
    }
  });