Generated by XState Viz: https://xstate.js.org/viz

machine.js

Machine({
  "id": "ExploreRoute",
  "initial": "Interactive",
  "on": {},
  "states": {
    "Interactive": {
      "entry": [
        "logEvent"
      ],
      "type": "parallel",
      "states": {
        "History": {
          "id": "History",
          "initial": "Idle",
          "states": {
            "Idle": {
              "entry": [
                "logEvent"
              ],
              "on": {
                "RESULTS_UPDATED": {
                  "target": "Idle",
                  "actions": "updateCurrentURL"
                }
              }
            }
          }
        },
        "Selecting": {
          "initial": "Idle",
          "states": {
            "Idle": {
              "entry": [
                "logEvent"
              ],
              "on": {
                "SELECTED_FIELDS": {
                  "target": "Idle",
                  "actions": [
                    "selectFields",
                    "updateQuery",
                    "sendQueryUpdated"
                  ]
                },
                "TOGGLED_FIELD_COUNTER": {
                  "target": "Idle",
                  "actions": [
                    "toggleField",
                    "updateQuery",
                    "sendQueryUpdated"
                  ]
                },
                "SELECTED_NEXT_FIELD": {
                  "target": "Idle",
                  "actions": [
                    "selectNextField",
                    "updateQuery",
                    "sendQueryUpdated"
                  ]
                },
                "SELECTED_PREVIOUS_FIELD": {
                  "target": "Idle",
                  "actions": [
                    "selectPreviousField",
                    "updateQuery",
                    "sendQueryUpdated"
                  ]
                }
              }
            }
          }
        },
        "Results": {
          "id": "Results",
          "initial": "CheckMatching",
          "on": {
            "QUERY_UPDATED": {
              "target": "#Results.CheckMatching"
            }
          },
          "states": {
            "CheckMatching": {
              "entry": [
                "logEvent"
              ],
              "on": {
                "": [
                  {
                    "target": "Matching",
                    "cond": "isMatching"
                  },
                  {
                    "target": "Dirty"
                  }
                ]
              }
            },
            "Matching": {
              "id": "Matching",
              "entry": [
                "logEvent",
                "sendResultsUpdated"
              ]
            },
            "Dirty": {
              "id": "Dirty",
              "initial": "CheckingCache",
              "entry": [
                "logEvent"
              ],
              "states": {
                "CheckingCache": {
                  "entry": [
                    "logEvent",
                    "setCacheKey"
                  ],
                  "on": {
                    "": [
                      {
                        "target": "#Matching",
                        "cond": "isInCache",
                        "actions": "loadFromCache"
                      },
                      {
                        "target": "Pending"
                      }
                    ]
                  }
                },
                "Pending": {
                  "entry": [
                    "logEvent"
                  ],
                  "invoke": {
                    "id": "request",
                    "src": "apiRequest",
                    "onDone": {
                      "target": "#Results.Matching",
                      "actions": [
                        "updateCache",
                        "updateCurrentResults"
                      ]
                    },
                    "onError": {
                      "target": "Error"
                    }
                  }
                },
                "Error": {
                  "id": "Error",
                  "entry": [
                    "logEvent",
                    "getError"
                  ]
                }
              }
            }
          }
        }
      },
      "on": {
        "DATASET_UPDATED": {
          "target": "#ExploreRoute.Interactive",
          "actions": [
            "selectDataset"
          ]
        }
      }
    }
  }
}, {
  "actions": {
    "updateCurrentURL": {
      "type": "xstate.assign",
      "assignment": () => {}
    },
    "getError": {
      "type": "xstate.assign",
      "assignment": () => {}
    },
    "loadFromCache": {
      "type": "xstate.assign",
      "assignment": () => {}
    },
    "sendResultsUpdated": {
      "type": "xstate.send",
      "event": {
        "type": "RESULTS_UPDATED"
      },
      "id": "RESULTS_UPDATED"
    },
    "setCacheKey": {
      "type": "xstate.assign",
      "assignment": () => {}
    },
    "updateCache": {
      "type": "xstate.assign",
      "assignment": () => {}
    },
    "updateCurrentResults": {
      "type": "xstate.assign",
      "assignment": () => {}
    },
    "logEvent": {
      "type": "xstate.log",
      "label": "logEvent",
      "expr": () => {}
    },
    "selectDataset": {
      "type": "xstate.assign",
      "assignment": () => {}
    },
    "selectFields": {
      "type": "xstate.assign",
      "assignment": () => {}
    },
    "selectNextField": {
      "type": "xstate.assign",
      "assignment": () => {}
    },
    "selectPreviousField": {
      "type": "xstate.assign",
      "assignment": () => {}
    },
    "sendQueryUpdated": {
      "type": "xstate.send",
      "event": {
        "type": "QUERY_UPDATED"
      },
      "id": "QUERY_UPDATED"
    },
    "toggleField": {
      "type": "xstate.assign",
      "assignment": () => {}
    },
    "updateQuery": {
      "type": "xstate.assign",
      "assignment": () => {}
    }
  },
  "guards": {
    "isInCache": () => {},
    "isNotInCache": () => {},
    "isMatching": () => {},
    "isNotMatching": () => {}
  },
  "services": {
    "apiRequest": () => {}
  }
})