DrawerOpen*

SketchSystems.spec

DrawerOpen*
  loadTape -> HasTape
  closeDrawer -> NoTape

DrawerClosed
  eject -> DrawerOpen

  NoTape

  HasTape*
    Stopped*
      rewind -> Rewinding
      fastForward -> FastForwarding
      play -> Playing
    Rewinding
      stop -> Stopped
    FastForwarding
      stop -> Stopped
  
  
    Playing
      stop -> Stopped

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