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)
  
// Token Datapoint
const token = {
    initial: "unloaded",
    states: {
        unloaded: {
            on: {
                FETCH: "fetching",
            },
        },
        fetching: {
            invoke: {
                id: "refreshToken",
                src: "refreshToken",
                onError: [
                    { target: "loaded", cond: "loaded" },
                    { target: "unloaded", cond: "notloaded" },
                ],
                onDone: { target: "loaded", actions: ["setToken"] },
            },
        },
        loaded: {
            on: {
                EXPIRED: { target: "fetching", cond: "online" },
            },
        },
    },
};

const auth = {
    initial: "start",
    states: {
        start: {
            on: {
                LOGIN: "loggedIn",
                LOGOUT: "loggedOut",
            },
        },

        loggedIn: {
            // activities: ["countdown"],
            on: {
                LOGOUT: "loggedOut",
                EXPIRED:  {  actions: send({type: "FETCH", to: "datapoints.token" }) },
            },
        },
        loggedOut: {
            // entry: "clearData",
            on: {
                LOGIN: { actions: send({type: "FETCH", to: "datapoints.token" }) }
            },
        },
    },
};

const network = {
    initial: "start",
    states: {
        start: {
            on: {
                ONLINE: "online",
                OFFLINE: "offline",
            },
        },
        offline: {
            entry: { actions: send({ type: "OFFLINE", to: "datapoints"})},
            on: {
                ONLINE: "online",
            },
        },
        online: {
            on: {
                OFFLINE: "offline",
            },
        },
    },
};

const machine = Machine(
    {
        id: "datapoints",
        type: "parallel",
        context: {
            token: null,
            promise: null,
            expiresAt: 0,
        },
        states: {
            auth,
            network,
            token,
        },
    },
    {},
);