FPX v2

SketchSystems.spec

FPX v2
  loggedOut
    login -> handleLogin
  handleLogin
    login success -> fetchUserData
    login fail -> loggedOut
  fetchUserData
    success -> editCurrentProcess
    no data -> editNewProcess
    fail -> loggedOut
  loggedIn
    logout -> saveDataOnLogout
    createProcess -> editNewProcess
    copyProcess -> editCurrentProcess
    updateProcess -> editCurrentProcess
    editProcess
      input -> createData
      output -> createData
      extendInput -> createDataColumns
      extendOutput -> createDataColumns
      saveProcess -> loggedIn
      editCurrentProcess
      editNewProcess
    createData
      success -> editCurrentProcess
      fail -> removeData
    createDataColumns
      success -> editCurrentProcess
      fail -> removeDataColumns
    removeData
      success -> editCurrentProcess
      fail -> error
    removeDataColumns
      success -> editCurrentProcess
      fail -> error
    tryLogout
      logout success -> loggedOut
      logout fail -> loggedIn
    error
      refresh app -> loggedIn
    saveDataOnLogout
      success -> tryLogout
      fail -> loggedIn

SketchSystems_prototype.js

function render(model){
  let current_state_name = model.active_states[0].name;
  return $("h1",
           {style: {color: "darkBlue"}},
           `The current state is: ${current_state_name}`);
}