modeling

lifecycle.js

const onlineState = {
    states: {
      idle: {
        on: {
          CONFIG_CHANGE: "fetching",
          DATA_STALE: "fetching",
        },
      },
      retrieving: {},
  
      fetching: {
        // call the API, and populate the store
        // "": [
        //   { target: "idle", cond: "accessUnavailable" },
        //   { target: "on", cond: "accessAvailable" },
        // ],
      },
      dataRetrieved: {
        // check that the new data is valid
        // write it to the destination and go idle
        // otherwise - perhaps follow some retry logic
      },
    },
  };
  
  const dataPointManager = {
    initial: "offline",
    context: {
      requestInfo: {},
      dataOutputKeyx = undefined,
      dataExpiration: "datetime",
    },
    states: {
      online: {
        on: {
          OFFLINE: "offline",
        },
        ...onlineState,
      },
      offline: {
        on: {
          ONLINE: "online",
        },
        "": [{ target: "on", cond: "networkOnline" }],
      },
    },
  };
  

network.js

const offlineStates = {
    initial: "idle",
    states: {
      idle: {
        on: {
          NETCHANGE: "checking",
        },
      },
      checking: {
        "": [
          { target: "idle", cond: "accessUnavailable" },
          { target: "on", cond: "accessAvailable" },
        ],
      },
    },
  };
  
  const networkMachine = Machine({
    id: "network",
    initial: "offline",
    context: {
      retries: 0,
    },
    states: {
      offline: {
        on: {
          NETUP: "online",
        },
        ...offlineStates,
      },
      online: {
        on: {
          NETDOWN: "offline",
        },
      },
    },
  });

request.js

‎‎​

storage.js

‎‎​