My Awesome Sketch

SketchSystems.spec

My Awesome Sketch
  Nothing Selected
    click on bar -> One Bar Selected
    shift click on bar -> Continious Bars Selected
  One Bar Selected
    click on same bar -> Nothing Selected
    click on another bar -> One Bar Selected
    shift click on another bar -> Non Continious Bars Selected 
    ctrl click on another bar -> Continious Bars Selected
    move mouse -> Selection
  Non Continious Bars Selected 
   click on bar -> One Bar Selected
   shift click on bar -> ?
   ctrl click on bar -> ?  
  Continious Bars Selected
    click on bar -> One Bar Selected
    shift click on bar -> ?
    ctrl click on bar -> ?  
  Selection
    mouseUp -> Continious Bars Selected
  ?

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