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({
      initial: "pending",
      id: 'bootstrapEditor',
  states: {
    pending: {
      on: {
        BEGIN_LOAD: "loading",
      },
    },
    loading: {
      type: "parallel",
      onDone: "loaded",
      states: {
        loadPageData: {
          initial: "loadPage",
          states: {
            loadPage: {
              invoke: {
                src: "fetchPageData",
                onDone: {
                  target: "loadPageComponents",
                  actions: ["setPageData"],
                },
                onError: "error",
              },
            },
            loadPageComponents: {
              invoke: {
                src: "loadPageComponentCode",
                onDone: {
                  target: "complete",
                  actions: ["setPageComponentCode"],
                },
                onError: "error",
              },
            },
            error: {
              on: {
                '': '#error'
              }
            },
            complete: {
              type: "final",
            },
          },
        },
        loadComponents: {
          initial: "getComponents",
          states: {
            getComponents: {
              invoke: {
                src: "fetchAllComponents",
                onDone: {
                  target: "fetchComponentCode",
                  actions: ["setAllComponentData"],
                },
                onError: "error",
              },
            },
            fetchComponentCode: {
              invoke: {
                src: "fetchComponentCode",
                onDone: {
                  target: "complete",
                  actions: ["setAllComponentCode"],
                },
                onError: "error",
              },
            },
            error: {
              on: {
                '': '#error'
              }
            },
            complete: {
              type: "final",
            },
          },
        },
      },
    },
    loaded: {
      type: "final",
    },
    error: {
      id: "error",
      type: "final",
    },
  }
  });