How ps-msdev/briefeditor works
BriefEditor is a client-side React application for creating DIN 5008 business letters. The user enters sender, recipient, content, footer, and legal details; LetterWriter coordinates state, the live preview renders the formatted letter, and PDF export generates a downloadable document in the browser. Shared DIN 5008 measurements keep HTML and PDF layouts aligned. German/English translation, informational/legal dialogs, and optional feedback submission are supporting capabilities. No persistent application datastore is evidenced in the sampled source.
Components 17
Application Shell
- App Root
src/App.jsx - Page Routing
src/pages/index.jsx
Letter Authoring
- Letter Writer
src/pages/LetterWriter.jsx - Letter Form
src/components/letter/LetterForm.jsx - Letter Preview
src/components/letter/LetterPreview.jsx
Formatting and Export
- DIN 5008 Rules
src/lib/din5008B.js - Letter Text
src/lib/letterText.js - PDF Export
src/utils/pdfExport.js - PDF Library
Supporting Features
- Translations
src/components/translations.jsx - DIN Info Dialog
src/components/letter/DIN5008InfoDialog.jsx - Legal Dialogs
src/components/letter/ImpressumDialog.jsx - Privacy Dialog
src/components/letter/PrivacyDialog.jsx - Terms Dialog
src/components/letter/TermsDialog.jsx - Feedback Dialog
src/components/FeedbackDialog.jsx
Other components
- Letter Writer
- FormSubmit Service
Connections 21
- Letter Writer → App Root: opens app
- App Root → Page Routing: renders routes
- Page Routing → Letter Writer: routes to
- Letter Writer → Letter Form: enters data
- Letter Form → Letter Writer: updates state
- Letter Writer → Letter Form: passes state
- Letter Writer → Letter Preview: passes letter
- Letter Preview → DIN 5008 Rules: reads layout
- Letter Preview → Letter Text: formats text
- Letter Writer → Translations: selects language
- Letter Writer → PDF Export: exports PDF
- PDF Export → DIN 5008 Rules: reads layout
- PDF Export → Letter Text: formats text
- PDF Export → PDF Library: builds document
- PDF Export → Letter Writer: downloads file
- Letter Writer → DIN Info Dialog: opens information
- Letter Writer → Legal Dialogs: opens legal notice
- Letter Writer → Privacy Dialog: opens privacy
- Letter Writer → Terms Dialog: opens terms
- Letter Writer → Feedback Dialog: submits feedback
- Feedback Dialog → FormSubmit Service: sends feedback