${'Lorem ipsum dolor sit amet. '.repeat(20)}
\\n`.repeat(20)}\nLink to current, link to old.`\n\nconst file = await unified()\n .use(rehypeParse, {fragment: true})\n .use(function () {\n /**\n * @param {Root} tree\n */\n return function (tree) {\n tree.children.push({\n type: 'element',\n tagName: 'script',\n properties: {type: 'module'},\n children: [{type: 'text', value: browser}]\n })\n }\n })\n .use(rehypeStringify)\n .process(document)\n\nawait fs.writeFile('output.html', String(file))\n```\n\nThis code processes HTML, inlines our browser script into it, and writes it out.\nThe input HTML models how markdown often looks on platforms like GitHub, which\nallow heading IDs to be generated from their text and embedded HTML (including\n``, which can be used to create anchors for renamed headings\nto prevent links from breaking).\nThe generated HTML looks like:\n\n```html\n\n
Lorem ipsum dolor sit amet.
\n\n\n```\n\nWhen you run this code locally and open the generated `output.html`, you can\nobserve that the links at the bottom work, but also that the `${'Lorem ipsum dolor sit amet. '.repeat(20)}
\\n`.repeat(20)}\n\n const file = await unified()\n .use(rehypeParse, {fragment: true})\n+ .use(rehypeSanitize)\n .use(function () {\n /**\n * @param {Root} tree\n```\n\nNow yields:\n\n```diff\n-\n-console.log(1)console.log(1)