App

SketchSystems.spec

App
  Checking Credentials
    Identity Present -> Home Page
    Identity Absent -> Registration
  Registration
    Check for Identity Info
      Identity Info Present -> Registration Credentials Form
      Identity Info Absent -> Identity Info Form
    Identity Info Form
      Input Identity Info -> Validating Identity Info        
      Validating Identity Info
        Invalid Identity Info -> Invalid Identity Form
        Valid Identity Info -> Valid Identity Form
      Valid Identity Form
        Submit Identity Info -> Submitting Identity Form
      Submitting Identity Form
        Successfully Submitted Identity -> Registration Credentials Form
        Identity Submission Error -> Error Identity Form
      Invalid Identity Form
      Error Identity Form
    Registration Credentials Form
      Input Login Creds -> Validating Login Creds
      Validating Login Creds
        Invalid Login Creds -> Invalid Login Form
        Valid Login Creds -> Valid Login Form
      Invalid Login Form
      Valid Login Form
        Submit Login Info -> Submitting Login Form
      Submitting Login Form
        Successfully Logged In -> Home Page
        Unsuccessful Log In -> Error Login Form
      Error Login Form
  Home Page
    Log Out -> Checking Credentials

SketchSystems_prototype.js

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