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

machine.js

Machine({
  id: 'JSON File',
  initial: 'unknown',
  context: {
    path: null,
    content: null,
  },
  states: {
    unknown: {
      on: {
        LOAD: 'reading',
      },
    },
    notFound: {
      on: {
        LOAD: 'reading',
      },
    },
    malformed: {
      on: {
        LOAD: 'reading',
      },
    },
    resolved: {
      on: {
        LOAD: 'reading',
      },
    },

    reading: {
      invoke: {
        id: 'readJSON',
        src: async () => '{"foo":"bar"}',
        onDone: 'parsing',
        onError: {
          target: 'notFound',
          actions: assign({
            content: null,
          }),
        },
      },
    },
    parsing: {
      invoke: {
        id: 'parseJSON',
        src: async (_, { data }) => JSON.parse(data),
        onDone: {
          target: 'resolved',
          actions: assign({
            content: (_, event) => event.data,
          }),
        },
        onError: {
          target: 'malformed',
          actions: assign({
            content: null,
          }),
        },
      },
    },
  },
})