Demo Card State

SketchSystems.spec

Demo Card State
  main*
    lets do it -> doitmain
    ill do it -> diymain

  doitmain
    do it for me -> jomain
    ill do it -> diymain  

  jomain
    pay now -> joprep
    start over -> done

  diymain
    start over -> main
    done -> done

  stripe
    payment approved -> joprep
    payment declined -> jomain
  
  joprep
    goready -> ready
  
  ready
    approve -> done
  
  done

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