Patient Results PDF

Installation

pnpm dlx shadcn@latest add @blocks/patient-results-pdf

New to Circle? Get started.

About

Start here when you need React PDF output from the same patient-results document model used by the editor and screen report components.

Usage

import { pdf } from "@react-pdf/renderer";
import { PatientResultsPdfDocumentFromEditor } from "@/registry/berlin/blocks/patient-results-pdf";

const blob = await pdf(
  <PatientResultsPdfDocumentFromEditor
    presetId="vns-report"
    document={editor.document}
    dateLabel="29.04.2026"
  />,
).toBlob();

When to use

This is the export companion, not the editing surface. Pair it with `patient-results-editor` for authoring and `patient-results-report` for browser rendering.

Typical export flow

1. Keep the BlockNote document as the source of truth while editing.
2. Choose the matching preset id so the PDF renderer knows how to map the document back onto the report structure.
3. Render `PatientResultsPdfDocumentFromEditor` with `@react-pdf/renderer` to create the final file.

Works with

• patient-results-editorProvides the editable BlockNote document that feeds the PDF export.
• patient-results-reportProvides the browser-side companion so screen and export can stay in sync.
• patient-results-blocksInstall this umbrella entry if you want the whole stack together.

Dependencies