RecursiveStep = { let RecursiveStep = ({ step }) => { if (step.merged) { return htl.html`

{ console.log("MERGED:", step); }} >

MERGED

`; } if (step.simple.actions.length === 0) { if (step.simple.default_reduce != null) { return htl.html`

${StepCard({ simple_stack: step.simple, action: { reduce: step.simple.default_reduce } })} ${step.children.map((child) => RecursiveStep({ step: child }))}

`; } else { return htl.html`

{ console.log("ENDED:", step); }} class="${step.simple.finished ? "happy-end" : "dead-end"} card" >

state ${step.simple.state} ${" - "} score ${step.simple.score}

${step.result.toString()}

`; } } if (step.simple.actions.length === 1) { return htl.html`

${StepCard({ simple_stack: step.simple, action: step.simple.actions[0] })} ${step.children.map((child) => RecursiveStep({ step: child }))}

`; } return htl.html`

${_.zip(step.simple.actions, step.children).map( ([action, child]) => htl.html`

${StepCard({ simple_stack: step.simple, action: action })} ${RecursiveStep({ step: child })}

` )}

`; }; return RecursiveStep; }