cohost/html/dialogue.tsx

32 lines
811 B
TypeScript

import { Html } from "./html.ts";
type DOption = [Html, Dialogue];
type Dialogue = Html | [Html, ...DOption[]];
function not_empty<T>(arr: T[]): arr is [T, ...T[]] {
return arr.length > 0;
}
export function reify_dialogue(d: Dialogue): Html {
if (!Array.isArray(d)) return d;
const [r, ...rest] = d;
if (rest.length == 0) {
return r;
} else {
return (
<div class="dialogue">
{r}
{...rest.map(([r, d]) => {
return (
<details>
<summary class="option">{r}</summary>
<div class="response">{reify_dialogue(d)}</div>
</details>
);
})}
</div>
);
}
}