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 network = Machine(
    {
        id: "network",
        initial: "init",
        context: {
            retries: 0,
            result: null,
            connected: true,
        },
        states: {
            init: {
                on: {
                    START: [{ target: "active", cond: "isOnline" }, { target: "complete.failed", cond: "isOffline" }]
                },
            },
            active: {
                initial: "running",
                on: {
                    RESOLVE: "complete.succeeded",
                    CANCEL: "complete.cancelled",
                },
                states: {
                    running: {
                        on: {
                            OFFLINE: {
                                target: "paused.waiting",
                                // actions: [
                                //     assign({
                                //         result: { name: "error", message: "" },
                                //     }),
                                // ],
                            },
                            REJECT: {
                                target: "paused.failure",
                                actions: [
                                    assign({
                                        result: { name: "error", message: "failed" },
                                    }),
                                ],
                            },
                        },
                    },
                    paused: {
                        initial: "waiting",

                        states: {
                            failure: {
                                // handling failures
                                on: {
                                    RETRY: {
                                        target: "#network.active",
                                        actions: assign({
                                            retries: (context, event) => context.retries + 1,
                                        }),
                                    },
                                    FAIL: {
                                        target: "#network.complete.failed",
                                    },
                                },
                            },
                            waiting: {
                        on: {
                            ONLINE: "#network.active.running",
                        },                              
                            },
                        },
                    },
                },
            },
            complete: {
                initial: "succeeded",
                states: {
                    succeeded: {
                        type: "final",
                    },
                    failed: {
                        type: "final",
                    },
                    cancelled: {
                        type: "final",
                    },
                },
            },
        },
    },
    {
        guards: {
            didError: (context, event) => {
                // check if error
                return context.result == "error";
            },
            didNotError: (context, event) => {
                // check if error
                return context.result !== "error";
            },
            isOnline: (context, event) => {
              return context.connected;
            },
            isOffline: (context, event) => {
              return !context.connected;
            },
        },
    },
);