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

machine.js

const Application = Machine({
  id: 'app', 
  initial: 'ready', 
  states: {
    ready: {
      initial: 'ok', 
      on: {
        NewGame: "characterCreation", 
        LoadGame: 'loadCharacter'
      }, 
      states: {
        ok: {}, 
        error: {}
      }
    }, 
    characterCreation: {
      initial: 'begin', 
      entry: ['spawnNewPC', 'spawnAC'], 
      states: {
        begin: {
          on: {
            GetBookList: 'loading'
          }, 
        }, 
        loading: {
          invoke: {
            id: 'fetchBookList', 
            src: 'fetchBookListPromise', 
            onDone: {
              target:'#app.bookList', 
              actions: ['assignBookList']
            }, 
            onError: {
              target:'#app.ready.error', 
              actions:['stopNewPC', 'stopAC']
            }
          }
        }, 
      }
    }, 
    bookList: {
      on: {
        UpdateBookChoice: {
          target: 'construction', 
          actions: ['spawnBook']
        }
      }
    }, 
    construction: {
      invoke: {
        id: 'newCharacterFactory', 
        src: 'newCharacterFactoryMachine', 
        onDone: 'saving'
      }, 
      exit: ['stopNewPC']
    },
    saving: {
      entry: ['sendSaveData'],
      on: {
        Success: 'playing'
      },
      exit: ['spawnReturningPC']
    }, 
    loadCharacter: {
      initial: 'begin', 
      entry: ['spawnReturningPC'],
      states: {
        begin: {
          on: {
            GetPreviousSaves: 'loading'
          }
        }, 
        loading: {
          invoke:{
            id: 'fetchSavedGames', 
            src: 'fetchSavedGamesPromise', 
            onError: {
              target: '#app.ready.error', 
              actions: ['stopReturningPC'], 
            },
            onDone: {
              target:'display', 
              actions: ['assignSavedGameList']
            }
          }
        }, 
        display: {
          on: {
            LoadGame: '#app.loading'
          }
        }
      }
    }, 
    loading: {
      invoke: {
        id: 'fetchThisGame', 
        src: 'fetchThisGamePromise', 
        onError: {
          target: '#app.loadCharacter', 
          actions: ['stopReturningPC']
        },  
        onDone: {
          target:'playing', 
          actions: ['spawnAC', 'spawnBook']
        }
      }
    }, 
    playing: {
      on: {
        Save: 'saving', 
        SaveNQuit: {
          target: 'cleanup'
        }
      }, 
      exit:['stopReturningPC']
    }, 
    cleanup: {
      entry: ['sendSaveData'], 
      exit: ['stopBook', 'stopAC'],
      on: {
        Success: '#app.ready'
      }
    }
  }
})