{p.slice(1, -1)}
return p
})
}
-
-/** `| a | b |` -> ['a','b']; a separator row (`|---|`) has no content. */
const cells = (line) => line.trim().replace(/^\||\|$/g, '').split('|').map((c) => c.trim())
const isRow = (line) => /^\s*\|.*\|\s*$/.test(line)
const isRule = (line) => /^\s*\|[\s:|-]+\|\s*$/.test(line)
-function Rich({ text }) {
+/** Parses one answer into blocks, so a table can be drawn as well as printed. */
+function parse(text) {
const lines = String(text || '').split('\n')
const out = []
let list = null
let rows = null
- const flush = () => {
- if (rows) {
- const [head, ...body] = rows
- out.push(
- | {inline(c, `h${i}`)} | )}
|---|
| {inline(c, `${ri}-${ci}`)} | )}
{inline(line, i)}
) + flush(); out.push({ t: 'p', text: line }) } }) flush() - return <>{out} + return out } -/** The tools a turn ran, as chips — the desk's working, not just its answer. */ +function Answer({ text }) { + const blocks = useMemo(() => parse(text), [text]) + // Chart type is per-table and remembered while the answer is on screen. + const [kinds, setKinds] = useState({}) + + return ( + <> + {blocks.map((b, i) => { + if (b.t === 'h') return{inline(b.text, i)}
+ if (b.t === 'quote') return{inline(b.text, i)}+ if (b.t === 'ul') return
| {inline(c, `h${j}`)} | )}
|---|
| {inline(c, `${ri}-${ci}`)} | )}