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: 'File',
  initial: 'unknown',
  context: {
    path: '',
    encoding: 'utf-8',
    content: '',
    parse: JSON.parse,
  },
  states: {
    unknown: {
      on: {
        READ: 'reading',
      },
    },
    notFound: {
      on: {
        READ: 'reading',
      },
    },
    malformed: {
      on: {
        READ: 'reading',
      },
    },
    resolved: {
      on: {
        READ: 'reading',
      },
    },

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