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

machine.js

const SPLASHSCREEN_SHOW_TIME = 1000;

const AppStates = {
  Splashscreen: "Splashscreen",
  Menu: "Menu",
  Playing: "Playing",
  Gameover: "Gameover"
}

const AppEventType = {
  StartNewGame: "StartNewGame",
  ExitToMenu: "ExitToMenu"
}

const INITIAL_APP_CONTEXT = {};

const GameActionType = {
  AwardPoints: "AwardPoints"
}

const appActions = {};

const appConfig = {
  id: "app",
  initial: AppStates.Splashscreen,
  context: INITIAL_APP_CONTEXT,
  states: {
    [AppStates.Splashscreen]: {
      after: {
        [SPLASHSCREEN_SHOW_TIME]: AppStates.Menu
      }
    },
    [AppStates.Menu]: {
      on: {
        [AppEventType.StartNewGame]: {
          target: AppStates.Playing
        }
      }
    },
    [AppStates.Playing]: {
      on: {
        [AppEventType.ExitToMenu]: {
          target: AppStates.Menu
        }
      }
    },
    [AppStates.Gameover]: {}
  }
};

const appGuards = {};

const appMachine = Machine(
  appConfig,
  {
    actions: appActions,
    guards: appGuards
  }
);