30:[] 2e:{"title":"(Collapsible) TOC","cells":[{"id":0,"value":"md`# (Collapsible) TOC\n\nThis notebook can generate a table of contents automatically for your notebook.\n\n\\`\\`\\`js\nimport {toc} from \"@heytitle/collapsible-toc\"\n\\`\\`\\`\n\nHere’s an example:`","pinned":false,"hidden":false,"mode":"ojs"},{"id":30,"value":"toc()","pinned":false,"hidden":false,"mode":"ojs"},{"id":37,"value":"md`## Implementation`","pinned":false,"hidden":false,"mode":"ojs"},{"id":4,"value":"function toc(selector = \"h1,h2,h3\", heading = \"Table of Contents\") {\n return Generators.observe(notify => {\n let headings = [];\n\n function observed() {\n const h = Array.from(document.querySelectorAll(selector));\n if (h.length !== headings.length || h.some((h, i) => headings[i] !== h)) {\n notify(html`

${heading}

' : '
'}${DOM.text(h.textContent)}`,\n {onclick: e => (e.preventDefault(), h.scrollIntoView())}\n );\n })}`);\n }\n }\n\n const observer = new MutationObserver(observed);\n observer.observe(document.body, {childList: true, subtree: true});\n observed();\n return () => observer.disconnect();\n });\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":62,"value":"### Test Level 2","pinned":true,"hidden":false,"mode":"md"},{"id":42,"value":"md`## Hooray\n\nIt worked!`","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W30","stdlib":"1","titling":"auto"}