2a:null 2b:["$","title",null,{"children":"Backend: Text | Miguel Vieira | Observable"}] 30:T6a2,/** * Generate a table of contents based on the headings in the document. * Based on https://observablehq.com/@mbostock/toc. * * @param {Object} options - Options for generating the table of contents. * @param {string} options.selector - Selector for the headings to include in the table of contents. Default: "h2". * @param {string} options.title - Title of the table of contents. Default: "Table of Contents". * @returns {Function} - A function that observes changes in the document and generates the table of contents. */ toc = ({ selector = "h2", title = "Table of Contents" } = {}) => { return Generators.observe((notify) => { let headings = []; function observed() { const newHeadings = Array.from(document.querySelectorAll(selector)); if ( newHeadings.length !== headings.length || newHeadings.some((h, i) => headings[i] !== h) ) { notify( html`

${title}

${DOM.text( heading.textContent )}`, { onclick: (e) => { e.preventDefault(); heading.scrollIntoView(); } } ); } )}

**${title}**: *${text}*