State Mahchine Building

SketchSystems.spec

State Mahchine Building
  Prep
    set title -> Set Title
  Set Title
    title set -> Enumerate States
  Enumerate States
    define state -> Define State
    Define State
      set name -> Set Name
      define substates -> Enumerate States
      Set Name
        name set -> Enumerate Transitions
      Enumerate Transitions
        Define Transition
          state does not exists? -> Define State
          set from -> From set
          From set
            state does not exists? -> Define State
            set to -> To set         
          add another? -> Define Transition          
          To set
            done -> Enumerate Actions
      Enumerate Actions
        Define Action
          add another action -> Enumerate Actions
          done -> Review
      Review
        add another state -> Define State
        done -> Set Initial State        
     Set Initial State
       done -> 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}`);
}