Tile&

SketchSystems.spec

Tile&
  Active
    Default*
      LEFT_CLICK -> isMined?
      RIGHT_CLICK -> Flag
    isMined?
      mined? -> End
      not_mined? -> Reveal
    Flag
      RIGHT_CLICK -> Mark
    Mark
      LEFT_CLICK -> isMined?
      RIGHT_CLICK -> Default
    Reveal
      # dispatch event neighbour_revealed
      neighbour_revealed -> Evaluating
    End
  Neighbour
    # listen to event neighbour_revealed
    Listening*
    Evaluating
      isZero? -> Reveal
      notZero? -> Default

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