upInQrLayer

SketchSystems.spec

upInQrLayer
  # timer=start()
  downEvent -> downInQrLayer

downInQrLayer
  # timer=0; post(esc_code)
  upEvent -> upInQrLayer
  # timer=start()
  otherKeyDownEvent -> downInMvLayerQuickTimeout
  # {timer > 1000ms}; timer=start()
  timeout -> downInMvLayerQuickTimeout

# otherKeyDownEvent -> noop
downInMvLayerQuickTimeout
  # timer=0; layer=qrLayer
  upEvent -> upInQrLayer
  # play(layerLocked); timer=start()
  timeout -> inMvLyrLongTimeout

# upEvent -> noop
inMvLyrLongTimeout
  # timer=start()
  otherKeyDownEvent -> inMvLyrLongTimeout
  # {timer > 1000ms}; timer=0; layer=qrLayer
  timeout -> upInQrLayer

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