Function ExportNoteWindow

apps/web/src/export-window.tsx:109–251

({ notePath }: { notePath: string })

}

function ExportNoteWindow({ notePath }: { notePath: string }): JSX.Element {
  const [note, setNote] = useState<NoteContent | null>(null)
  const [error, setError] = useState<string | null>(null)
  const didTriggerPrint = useRef(false)

  useEffect(() => {
    applyExportPrefs(loadExportPrefs())

    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.')
        }

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

    void load()

    return () => {
      cancelled = true
    }
  }, [notePath])

  const triggerPrint = async (): Promise<void> => {
    if (didTriggerPrint.current) return
    didTriggerPrint.current = true
    try {
      if ('fonts' in document && document.fonts?.ready) {
        await document.fonts.ready
      }
    } catch {
      // Ignore font readiness failures and continue to print.
    }
    requestAnimationFrame(() => {
      requestAnimationFrame(() => {
        window.print()