fix: exporting pdf style (#223)

Author: JounQin

.changeset/red-spiders-wonder.md

@@ -0,0 +1,6 @@
+---
+"@alauda/doom": patch
+"@alauda/doom-export": patch
+---
+
+fix: exporting pdf style

packages/doom/src/cli/export.ts

@@ -119,7 +119,8 @@ export const exportCommand = new Command('export')
             localStorage.setItem('rspress-visited', '1')
           },
         ],
-        outlineContainerSelector: '.rspress-doc',
+        outlineContainerSelector: '.rp-doc',
+        outlineExcludeSelector: '.rp-toc-exclude *',
       },
     }
 

packages/doom/src/plugins/auto-toc/remark-auto-toc.ts

@@ -32,7 +32,7 @@ export const remarkAutoToc: Plugin<[], Root> = function () {
           {
             type: 'mdxJsxAttribute',
             name: 'className',
-            value: 'doom-auto-toc rspress-toc-exclude',
+            value: 'doom-auto-toc rp-toc-exclude',
           },
         ],
         children: [

packages/doom/styles/global.scss

@@ -137,25 +137,24 @@ td {
 }
 
 @mixin print {
-  .rspress {
+  .rp {
     &-nav,
-    &-sidebar-menu,
-    &-doc-footer {
+    &-doc-layout__menu,
+    &-doc-footer,
+    &-doc-layout__sidebar {
       display: none;
     }
 
-    &-doc-container {
+    &-doc-layout__doc-container {
       padding: 0;
+      // https://github.com/web-infra-dev/rspress/issues/2909
+      min-height: unset;
     }
 
-    &-directive-title::marker {
-      content: none;
+    &-toc-item--active .rp-toc-item__text {
+      color: var(--rp-c-text-2);
     }
   }
-
-  [class^='scroll-to-top_'] {
-    display: none;
-  }
 }
 
 .print:root {

packages/export/src/html-export-pdf/core/outline.ts

@@ -73,10 +73,11 @@ export async function getOutlineNodes(
   page: Page,
   tags: string[],
   outlineContainerSelector = '',
+  outlineExcludeSelector = '',
 ) {
   const preSelector = formatOutlineContainerSelector(outlineContainerSelector)
   return await page.evaluate(
-    ([tags, outlineSelector]) => {
+    ([tags, outlineSelector, outlineExcludeSelector]) => {
       const tagsToProcess = Array.from(
         document.querySelectorAll<HTMLElement>(outlineSelector),
       ).reverse()
@@ -85,6 +86,7 @@ export async function getOutlineNodes(
         depth: -1,
         parent: undefined,
       }
+
       let currentOutlineNode = root
 
       const linkHolder = document.createElement('div')
@@ -94,6 +96,11 @@ export async function getOutlineNodes(
 
       while (tagsToProcess.length > 0) {
         const tag = tagsToProcess.pop()!
+
+        if (outlineExcludeSelector && tag.matches(outlineExcludeSelector)) {
+          continue
+        }
+
         const orderDepth = tags.indexOf(tag.tagName.toLowerCase())
         const dest = encodeURIComponent(tag.id)
 
@@ -143,6 +150,7 @@ export async function getOutlineNodes(
     [
       tags,
       tags.map((titleItem) => `${preSelector}${titleItem}`).join(','),
+      outlineExcludeSelector,
     ] as const,
   )
 }

packages/export/src/html-export-pdf/core/printer.ts

@@ -38,6 +38,7 @@ export interface PrinterOptions {
   emulateMedia?: null | 'screen' | 'print'
   enableWarnings?: boolean
   outlineContainerSelector?: string
+  outlineExcludeSelector?: string
 }
 
 export class Printer extends EventEmitter {
@@ -58,6 +59,7 @@ export class Printer extends EventEmitter {
   private emulateMedia: 'screen' | 'print'
   private enableWarnings: boolean
   private outlineContainerSelector: string
+  private outlineExcludeSelector: string
 
   private browser?: Browser
   private browserContext?: BrowserContext
@@ -92,6 +94,7 @@ export class Printer extends EventEmitter {
     this.emulateMedia = options.emulateMedia ?? 'print'
     this.enableWarnings = options.enableWarnings ?? false
     this.outlineContainerSelector = options.outlineContainerSelector ?? ''
+    this.outlineExcludeSelector = options.outlineExcludeSelector ?? ''
 
     if (this.debug) {
       this.headless = false
@@ -269,6 +272,7 @@ export class Printer extends EventEmitter {
           page,
           this.outlineTags,
           this.outlineContainerSelector,
+          this.outlineExcludeSelector,
         )
         setOutlineNodes(pdfDoc, outlineNodes, this.enableWarnings)
       }