Function ExportNoteWindow

apps/desktop/src/renderer/export-window.tsx:209–410

({ notePath }: { notePath: string })

}

function ExportNoteWindow({ notePath }: { notePath: string }): JSX.Element {
  const [prefs] = useState(loadExportPrefs)
  const [note, setNote] = useState<NoteContent | null>(null)
  const [error, setError] = useState<string | null>(null)
  // When exporting in the user's theme, the page follows the theme background;
  // otherwise it's the clean white print page.
  const pageBg = prefs.pdfExportUseTheme ? 'rgb(var(--z-bg))' : '#ffffff'
  // A themed export goes full-bleed: with a non-zero @page margin, paged media
  // leaves that margin frame unpainted and `color-scheme: dark` fills it with
  // Chromium's default dark canvas (#121212) — a mismatched frame around the
  // themed content. So drop the page margin and inset the content with padding
  // instead, letting --z-bg cover the whole sheet. The light export keeps the
  // classic per-page margin (white paper margins look correct there).
  const pageMargin = prefs.pdfExportUseTheme ? '0' : '0.7in'
  const contentInset = prefs.pdfExportUseTheme ? '0.7in' : '0'

  useEffect(() => {
    applyExportPrefs(prefs)
    setExportState('loading')

    let cancelled = false

    const load = async (): Promise<void> => {
      try {
        const [vault, notes, assetFiles, noteContent] = await Promise.all([
          window.zen.getCurrentVault(),
          window.zen.listNotes(),
          window.zen.listAssets(),
          window.zen.readNote(notePath)
        ])
        if (cancelled) return
        if (!vault) {
          throw new Error('No active vault was available for PDF export.')
        }

        // A custom theme's CSS lives on disk, not in index.css — inject it (and
        // finalize its light/dark mode) before rendering so printToPDF captures
        // the themed styles. Built-ins and the light default are already applied.
        if (prefs.pdfExportUseTheme && isCustomThemeId(prefs.themeId)) {
          await applyCustomExportTheme(prefs)
          if (cancelled) return
        }

        useStore.setState({
          vault: vault as VaultInfo,
          notes: notes as NoteMeta[],
          assetFiles: assetFiles as AssetMeta[],
          selectedPath: noteContent.path,
          activeNote: noteContent
        })
        document.title = noteContent.title
        setNote(noteContent)
      } catch (err) {
        if (cancelled) return
        const message = err instanceof Error ? err.message : String(err)
        setError(message)
        setExportState('error', message)
      }