Puzzle

SketchSystems.spec

Puzzle
  clear -> Clear?
  Empty
    guess -> Partial
    reveal -> Reveal?
  Partial
    guess -> Partial
    reveal -> Reveal?
    solve -> Solved
  Solved

Clear?
  gold eligible? -> Clear DQ alert
  gold ineligible? -> Clear Confirm alert

Clear DQ alert
  Cancel -> Partial
  Clear -> Empty

Clear Confirm alert
  Cancel -> Partial
  Clear -> Empty

Reveal?
  gold eligible? -> Reveal DQ alert
  gold ineligible? -> Reveal Confirm alert

Reveal DQ alert
  Cancel -> Partial
  Reveal -> Solved

Reveal Confirm alert
  Cancel -> Partial
  Reveal -> Solved

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