Playground
Cinco apps de exemplo ao vivo — mesmo pacote, cinco jeitos diferentes de montar o editor em volta dele. Cada um roda independente; mudanças aqui não afetam os outros.
report-builder
O designer completo — fontes de dados JSON, um explorador de campos, 6 templates prontos — usando os componentes de UI prontos do pacote (Button/Card/Input/PdfPreviewModal).
Abrir →Peça por peçacomposed-layout
O editor montado peça por peça, sem o componente <Designer> — o DesignerProvider montado na mão, toolbar em cima, e cinco painéis empilhados que dentro do <Designer> seriam cinco abas. Prova que o gate por aba é opt-in.
Abrir →Casca própriacustom-ui
As mesmas funcionalidades do report-builder, mas a casca inteira é CSS puro escrito à mão — zero componente de UI do pacote. Prova que o <Designer> funciona com qualquer design system.
Abrir →Sem pdf.jsno-preview
Gera o PDF e baixa direto — sem tela de preview e, o ponto do example, sem o pdfjs-dist instalado. Prova que a entry principal funciona sem o peer opcional; o pdf.js mora atrás do json-pdf-designer/preview.
Abrir →Sem <Designer>headless-designer
Sem o componente <Designer> nenhum — um canvas montado à mão (própria lógica de arrastar/redimensionar, sem react-rnd) sobre generatePdf + tipos de json-pdf-designer/server, mais o PdfPreview. Prova que o modelo de dados e o motor de PDF funcionam sozinhos.
Abrir →