Auth Sketch

SketchSystems.spec

Auth Sketch
  NoAuth*
    Default*
      login -> Login

    Login
      Pending*
        ok -> Ok
        err -> Err
      Ok
        auth -> Auth
      Err
        default -> Default
    
  Auth
    AuthDefault*
      logout -> Logout
    Logout
      LogoutPending*
        ok -> LogoutOk
        err -> LogoutErr
      LogoutOk
        noAuth -> NoAuth
      LogoutErr
        default -> AuthDefault

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