docs/index.html

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Node.js Undici</title>
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
  <meta name="description" content="A HTTP/1.1 client, written from scratch for Node.js.">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0">
  <link rel="stylesheet" href="//cdn.jsdelivr.net/npm/docsify@4/lib/themes/vue.css">
  <link rel="icon" type="image/png" href="https://nodejs.org/static/images/favicons/favicon.png" />
</head>
<body>
  <div id="app"></div>
  <script>
    window.$docsify = {
      name: 'Node.js Undici',
      repo: 'https://github.com/nodejs/undici',
      loadSidebar: 'docsify/sidebar.md',
      search: {
        noData: {
          '/': 'No results!'
        },
        paths: ['docs/'],
        placeholder: {
          '/': 'Search'
        }
      },
      auto2top: true,
      subMaxLevel: 3,
      maxLevel: 3,
      themeColor: '#2B91F0',
      noCompileLinks: [
        'benchmarks/.*'
      ],
      relativePath: true,
      markdown: {
        renderer: {
          // Mimic markedjs/marked behavior just modify href - https://github.com/markedjs/marked/blob/master/src/Renderer.ts#L178-L191
          link(href, title, text) {
            const originalHref = href;

            if (href.startsWith('./')) {
              // Use absolute path (e.g. ./docs/api.md => /docs/api.md) if href starts with ./ (e.g. ./api.md)
              href = href.slice(1);
            }

            // Check for /docs/docs/ in the href and remove duplication it if present
            href = href.startsWith('/docs/docs/') ? href.replace('/docs/', '/') : href;

            // Check for /docs/ in the href and remove it if present
            if (href.startsWith('/docs/')) {
              // ignore paths /docs/api/ and /docs/best-practices/ in /docs/docs directory
              if (!/^(\/docs\/(?:api|best-practices))(?:\/|$)/.test(href)) {
                href = href.includes('/docs/') ? href.replace('/docs/', '/') : href;
              }
            }

            let target = '';
            if (originalHref.startsWith('http')) {
              // External link - default behavior is to open in a new window
              return `<a href="${originalHref}" ${title}" target="_blank" rel="noopener noreferrer">${text}</a>`;
            }

            title = title ? `title="${title}"` : '';
            let out = `<a href="#${href}" ${title}">${text}</a>`;

            return out;
          },
        },
      },
    }
  </script>
  <!-- Docsify v4 -->
  <script src="//cdn.jsdelivr.net/npm/docsify@4"></script>
  <script src="//cdn.jsdelivr.net/npm/docsify/lib/plugins/search.min.js"></script>
  <script type="module">
    import mermaid from "//cdn.jsdelivr.net/npm/mermaid@10.8.0/+esm";
    mermaid.initialize({ startOnLoad: true });
    window.mermaid = mermaid;
  </script>
  <script>
    const plugin = (config) => (hook) => {
      hook.afterEach((html, next) => {
          const container = document.createElement('div');
          container.innerHTML = html;

          const elements = container.querySelectorAll('pre[data-lang=mermaid]')
          for (const element of elements) {
              const replacement = document.createElement('div');
              replacement.textContent = element.textContent;
              replacement.classList.add('mermaid');
              element.parentNode.replaceChild(replacement, element);
          }

          next(container.innerHTML);
      });

      hook.doneEach(() => mermaid.run(config));
    }

    window.$docsify = window.$docsify || {};

    window.$docsify.plugins = window.$docsify.plugins || []
    window.$docsify.plugins.push(plugin(window.$docsify.mermaidConfig || { querySelector: ".mermaid" }));
  </script>
</body>
</html>