PAYG Credit Resource

SketchSystems.spec

PAYG Credit Resource
  Disconnected*
    reset or init -> link state?
    link or unlink event -> link state?
  Leading
    reset -> Disconnected
    link or unlink event -> link state?
  Following
    reset -> Disconnected
    link or unlink event -> link state?
  Relaying
    reset -> Disconnected
    link or unlink event -> link state?
  link state?
    no links -> Disconnected
    linked to accessories only -> Leading
    linked to controller only -> Following
    linked to accessories and controller -> Relaying

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