Initialise

SketchSystems.spec

Initialise
  LoggedInAndReady -> CheckIndexedDB

CheckIndexedDB
  No Data? -> InitialFetch
  Recent Data? -> FetchChangesSince
  Old Data? -> InitialFetch

InitialFetch
  FetchedEverything -> WatchForUpdates
  
FetchChangesSince
  FetchedChanges -> WatchForUpdates
  
WatchForUpdates
  GotChanges? -> WriteToIndexedDB
  OrganisationChanged? -> Initialise
  LoggedOut? -> Initialise
  
WriteToIndexedDB
  Written? -> WatchForUpdates

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