2a:null 2b:["$","title",null,{"children":"(Collapsible) TOC | Pat Chormai | Observable"}] 30:[] 2e:{"id":"0129667b59134765","slug":"collapsible-toc","title":"(Collapsible) TOC","thumbnail":"4cc90a60aa727ca9330eda50e14f71c09636c696636114d7e2fbd61bc629e2ee","access_level":"public","create_time":"$D2021-06-15T09:08:43.006Z","update_time":"$D2021-06-15T09:23:38.655Z","view_time":null,"first_public_time":"$D2021-06-15T09:11:29.874Z","has_unpublished_edits":null,"fork":{"id":"c6c7a741ac87d656","slug":"toc","title":"TOC","owner":{"id":"8c2e47252fd4995c","login":"mbostock","name":"Mike Bostock"}},"stars":2,"starred":false,"owner":{"type":"team","id":"3c195eaeabd9dd41","login":"p16i","name":"Pat Chormai","avatar_url":"https://avatars-next.observableusercontent.com/50ae30dfbb0b3a2e34678e1119b46706546ba9394dc0bb2e86489388fce89949","tier":"starter_2024"},"version":66,"publish_version":66,"role":null,"authored":false,"authors":[{"type":"individual","id":"8f7483a9b5b7f9ce","login":"p16i","name":"Pat Chormai","avatar_url":"https://avatars-next.observableusercontent.com/50ae30dfbb0b3a2e34678e1119b46706546ba9394dc0bb2e86489388fce89949","tier":null}],"members":[{"type":"individual","id":"8f7483a9b5b7f9ce","login":"p16i","name":"Pat Chormai","avatar_url":"https://avatars-next.observableusercontent.com/50ae30dfbb0b3a2e34678e1119b46706546ba9394dc0bb2e86489388fce89949","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":2,"collection":null,"type":"notebook","body":{"titling":"auto","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","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":30,"value":"toc()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":37,"value":"md`## Implementation`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"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","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":62,"value":"### Test Level 2","pinned":true,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":42,"value":"md`## Hooray\n\nIt worked!`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W30","stdlib":"1"}} 2f:"$2e:body"