Workspace

SketchSystems.spec

Workspace
  text focus -> Text Entry Mode
  toolbar marquee tool -> Marquee Selection Mode

  Drawing Mode
    pointerdown -> Drawing
    pointerup -> Drawing Idle
    option key & pointerdown -> Erasing
    Drawing Idle*
    Drawing
    Erasing
  Text Entry Mode
    text blur -> Drawing Mode
    text commit -> Drawing Mode
  Moving Mode
  Scaling Mode
  Marquee Selection Mode
    pointer down -> Marquee Freeform
    option key & pointer down -> Marquee Lines
    pointer up -> Marquee Idle
    enter key -> Marquee Operation Mode
    pointer outside -> Marquee Operation Mode
    Marquee Idle
    Marquee Freeform
    Marquee Lines
    Marquee Add
    Marquee Subtract
  Marquee Operation Mode
    Move Artwork

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