30:T6c9,// Thumbnail. Icons via https://materialdesignicons.com/ 0&& htl.html`

`31:[] 2e:{"title":"Extracting a Notebook's Table of Contents","cells":[{"id":0,"value":"# Extracting a Notebook's Table of Contents\n\nAutomatically generates a static table of contents from a notebook's Markdown cells that can be used anywhere. \n\nTo generate the items, each cell [is checked](#headings) for a leading Markdown heading.\n\n---","pinned":false,"hidden":false,"mode":"md"},{"id":7,"value":"viewof notebook = notebookInput({\n label: 'Notebook URL',\n value: 'https://observablehq.com/@categorise/surveyslate-docs',\n width: '100%',\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":83,"value":"viewof levels = interval([1, 6], {\n step: 1,\n value: [1, 6],\n label: 'Heading levels',\n format: ([a, b]) => htl.html`${d3.range(a, b + 1).map((n, i) => `${i ? ', ' : ''}H${n}`)}`\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":153,"value":"viewof prefer_name = Inputs.toggle({label: 'Prefer names', value: true})","pinned":false,"hidden":false,"mode":"ojs"},{"id":60,"value":"viewof markdown_toc = !proxyStats.requests\n ? htl.html`

Proxy is starting, please wait ...`\n : Object.defineProperty(\n htl.html`\n

Markdown

${\n      headings\n        .filter(d => d.level >= levels[0] && d.level <= levels[1])\n        .map(d => `${'  '.repeat(d.level - levels[0])}- [${d.text}](${notebook.url}#${d.id})\\n`).join('')\n  }`,\n  'value',\n  { get() { return this.lastElementChild.value } }\n)","pinned":false,"hidden":false,"mode":"ojs"},{"id":72,"value":"#### Preview\n\n${markdown_toc}","pinned":false,"hidden":false,"mode":"md"},{"id":36,"value":"---\n## Data","pinned":false,"hidden":false,"mode":"md"},{"id":62,"value":"notebook","pinned":false,"hidden":false,"mode":"ojs"},{"id":28,"value":"data = api(new URL(notebook.document).pathname)","pinned":false,"hidden":false,"mode":"ojs"},{"id":42,"value":"headings = data.nodes\n  .map(({id, name, value}) => {\n    const groups = value?.match(/^(\\s*md`)?([^\\w]+\\n)?(?<level>#+) (?<text>[^\\n`]+)/)?.groups;\n    return groups ? {\n      id: prefer_name && name?.length ? name : `cell-${id}`,\n      level: groups.level.length,\n      text: groups.text\n    } : null;\n  })\n  .filter(d => d)","pinned":false,"hidden":false,"mode":"ojs"},{"id":79,"value":"---\n## Helpers","pinned":false,"hidden":false,"mode":"md"},{"id":25,"value":"viewof proxyStats","pinned":false,"hidden":false,"mode":"ojs"},{"id":5,"value":"import {notebookInput} from '@mootari/notebook-input'","pinned":false,"hidden":false,"mode":"ojs"},{"id":23,"value":"import {viewof proxyStats, api} from '@mootari/sortable-notebook-list'","pinned":false,"hidden":false,"mode":"ojs"},{"id":76,"value":"import {interval} from '@mootari/range-slider'","pinned":false,"hidden":false,"mode":"ojs"},{"id":137,"value":"$30","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W31","stdlib":"1","titling":"auto"}
</article></body></html>