Build a renderer to sketch.systems

[silky]

sketch.systems is a neat website where you can play around with state-machines.

It'd be cool if you could define a state-machine here and have it output to a format compatible with their playground; there's only two things:

The "Spec":

My Awesome Sketch
  First State
    some event -> Second State
  Second State

And the the rendering code:

function render(model){
  let current_state_name = model.active_states[0].name;
  return $("h1",
           {style: {color: "darkBlue"}},
           `The current state is: ${current_state_name}`);
}

[marcosh]

That would be cool!

Just some random thoughts:

• we don't have names for transitions available, which could be an issue in generating a diagram
• more generally, we have only the topology (i.e. allowed transitions), which is a bit less than what you expect in sketch.systems (i.e. there could be several ways to move between two states)
• composed machines (built with constructors other than Basic) will get fairly big quite soon, since their state space is the product of the state spaces. Hence I think that a representation as the flow one I implemented is more effective