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

machine.js

const taskHandler = () => new Promise(resolve => setTimeout(() => {
  console.log("Done task")
  resolve()
}, 1000))

let taskCounter = 0
const taskManager = Machine({
  context: {tasks: {}},
  on: {
    RUN_TASK: {
      actions: assign({
        tasks: (context, event) => ({
          // In practice, I wouldn't overwrite an existing task id
          ...context.tasks,
          [++taskCounter]: spawn(taskHandler, `task-${taskCounter}`, {sync: true})
        })
      })
    }
    // ...
  },
  initial: 'running',
  states: {
    running: {}
  }
});