Selection

SketchSystems.spec

Selection
  browse
    select -> editOne
    beginSelectRectangle -> drawSelectRectangle
  editOne
    select -> editOne
    removed -> browse
    addOneSelect -> selected
    beginSelectRectangle -> drawSelectRectangle
  selected
    addOneSelect -> selected
    removeOneSelectOne -> editOne
    removeOneSelect -> selected
    beginSelectRectangle -> drawSelectRectangle
  drawSelectRectangle
    finishNone -> browse
    finishOne -> editOne
    finish -> 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}`);
}