# "Messages" in this example are synonymous with "events" and "listeners"

SketchSystems.spec

# "Messages" in this example are synonymous with "events" and "listeners"
Context menu
  Hidden
    a show yourself message is received -> Showing  
  Showing
    a menu item is clicked -> Emit message
    loss of focus is detected -> Hidden
    
# Send message indicating that menuitem X was clicked 
Emit message
  a message is emitted -> Hidden
      
      

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