Creator

SketchSystems.spec

Creator
  Dialogging
    create new dialog -> Creating Invitation
  Creating Invitation
    start typing -> Typing
  Typing
    submit -> Awaiting Response
  Awaiting Response
    response-link-clicked -> Responder
  Responder
    has-account -> Dialogging
    wants-login -> Login
    wants-signup -> Signup
  Signup
    login-with-google -> ChooseCharacter
    login-with-reddit -> ChooseCharacter
  ChooseCharacter
    chosen -> Dialogging
  Login
    submit -> ChooseCharacter

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}`);
}