Magazine

SketchSystems.spec

Magazine
  create_issue -> Draft
  Subscriber
    Subscribed
      cancel -> Lapsed
      renew -> Subscribed
    Lapsed
      renew -> Subscribed
    Subscriber?
      subscribed -> LastIssue?
    LastIssue?
      send_issue -> Subscribed
      send_last_issue -> Lapsed
  
  Issue
    Draft
      release -> Released
    Released
      send -> Subscriber?

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