Message Server

SketchSystems.spec

Message Server
  Idle*
    mobile message received -> Mobile client
    display message received -> Display client
    registration API called -> Register display
  Register display
    display registered -> Idle
    # Respond with error
    error occured -> Idle
  Login message
    display ID extracted -> Display checks login
    # Send error message to mobile
    display ID unknown -> Idle
  Display Message
    forwarded -> Display client
  Mobile Message
    forwarded -> Mobile client
Mobile
  Mobile client
    login sent -> Login message
    interacted -> Display Message
Display
  Display checks login
    login accepted -> Mobile client
    # Send error message to mobile
    login rejected -> Idle
  Display client
    interaction rendered -> Idle
    interaction replied to -> Mobile Message

SketchSystems_prototype.js

function render(model){
  // ${model.active_states[0].parent.name} to separate into sections
  let active_state = model.active_states[0].name;
  return $("h1",
           {style: {color: "darkBlue"}},
           `The current state is: ${active_state}`);
}