SmartTime keyboard 2

SketchSystems.spec

SmartTime keyboard 2
  default
    KEY 0 -> digit 0
    KEY 1 -> digit 1
    KEY 2 -> digit 2
    KEY 3-9 -> digit 3-9
  digit 0
    enter -> t0000
    KEY 0-5 -> digit 0 0-5
    KEY 6-9 -> hour 06-09
  digit 1
    enter -> t0100
    KEY 0-9 -> digit 1 0-9
  digit 2
    enter -> t0200
    KEY 0-3 -> digit 2 0-3
    KEY 4-5 -> hour 02 minute n0
    KEY 6-9

  digit 3-9
    enter -> t0n00

  digit 0 0-5
    enter -> t0n00

  digit 1 0-9
    enter -> t1n00

  digit 2 0-3
    enter -> t2n00

  hour 06-09
    enter -> t0n00
    KEY 0-5 -> hour 0h minute n0

  hour 02 minute n0
    enter -> t02n0
    KEY 0-9 -> t02nn

  hour 0h minute n0
    enter -> t0hn0
    KEY 0-9 -> t0hnn

  final
    t0000
    t0100
    t0200
    t02n0
    t02nn
    t0n00
    t1n00
    t2n00
    t0hn0
    t0hnn

SketchSystems_prototype.js

function render(model){
  let states = model.active_states.map(s => `${s.parent.name} ${s.name}`);
  return states.map(s => <h1>{s}</h1>);
}