Function applyExportPrefs

apps/web/src/export-window.tsx:71–107

(prefs: ExportPrefs)

const PDF_PRINTABLE_WIDTH = '7.1in'

function applyExportPrefs(prefs: ExportPrefs): void {
  const html = document.documentElement
  html.dataset.theme = 'github-light'
  html.dataset.contentAlign = prefs.contentAlign
  html.setAttribute('data-opaque', '')
  html.style.colorScheme = 'light'
  html.style.setProperty('--z-editor-font-size', `${prefs.editorFontSize}px`)
  html.style.setProperty('--z-editor-line-height', String(prefs.editorLineHeight))
  html.style.setProperty(
    '--z-preview-max-width',
    `min(${prefs.previewMaxWidth}px, ${PDF_PRINTABLE_WIDTH})`
  )
  html.style.setProperty(
    '--z-editor-max-width',
    `min(${prefs.editorMaxWidth}px, ${PDF_PRINTABLE_WIDTH})`
  )

  const setFont = (name: string, value: string | null, fallback: string): void => {
    if (value) html.style.setProperty(name, `"${value}", ${fallback}`)
    else html.style.removeProperty(name)
  }
  setFont(
    '--z-interface-font',
    prefs.interfaceFont,
    '-apple-system, BlinkMacSystemFont, "SF Pro Text", Inter, system-ui, sans-serif'
  )
  setFont(
    '--z-text-font',
    prefs.textFont,
    '"SF Mono", "SFMono-Regular", ui-monospace, "JetBrains Mono", Menlo, Consolas, monospace'
  )
  setFont(
    '--z-mono-font',
    prefs.monoFont,
    '"SF Mono", "SFMono-Regular", ui-monospace, "JetBrains Mono", Menlo, Consolas, monospace'
  )
}

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