Remove Docusaurus chrome when generating PDFs

Instead of waiting for a timeout, the PDF generator now removes Docusaurus chrome elements from the DOM (navbars, footers, sidebars, breadcrumbs, TOC, pagination, version banners/badges, etc.) before printing to PDF. Updated the PDF stylesheet to include additional navbar/nav-root selectors so the visual reset matches the elements removed. This makes generated PDFs cleaner and more deterministic than relying on a short delay.

Author: alegauss

scripts/gen-pdf.mjs

@@ -105,8 +105,25 @@ async function generateDocs() {
     // Inject our PDF stylesheet
     await page.addStyleTag({ content: cssContent });
 
-    // Small delay for styles to apply
-    await new Promise((r) => setTimeout(r, 300));
+    // Remove chrome elements from the DOM entirely
+    await page.evaluate(() => {
+      const selectors = [
+        '.navbar', '.nav-root', 'nav.navbar',
+        'footer', '.footer',
+        '.pagination-nav',
+        '.theme-doc-sidebar-container',
+        '.theme-doc-breadcrumbs',
+        '.theme-doc-toc-mobile',
+        '.theme-doc-toc-desktop',
+        '.theme-doc-footer',
+        '.theme-doc-version-banner',
+        '.theme-doc-version-badge',
+        '.col--3',
+      ];
+      for (const sel of selectors) {
+        document.querySelectorAll(sel).forEach((el) => el.remove());
+      }
+    });
 
     // Print this page to PDF
     const pdfBuf = await page.pdf({

scripts/pdf-style.css

@@ -6,6 +6,9 @@
 
 /* ── Reset Docusaurus chrome ─────────────────────────── */
 .navbar,
+.navbar--fixed-top,
+.nav-root,
+nav.nav-root,
 .footer,
 footer,
 .pagination-nav,