TemaDeveloper / TemaDeveloper/personal_planner
feat(notes): live full-editor template preview (read-only real editor)
Nobody has claimed this yet.
- Dominant language
- TypeScript
- Stars
- 2
- Forks
- 4
- PR merge metrics
- No merged PRs in 30d
Description
Clicking a template now opens a read-only preview (TemplatePreview) that renders the template's block structure with a lightweight custom renderer. It's fast and structurally accurate, but not pixel-identical to the created page (databases show as labeled placeholders, columns are simplified).
Optionally render the preview by mounting the real NotesEditor in read-only mode so it looks exactly like the resulting page. Trade-off: heavier (mounts BlockNote) and database blocks have no real DB until creation, so they'd need a preview/disabled state.
Files: src/components/notes/template-preview.tsx, src/components/notes/notes-editor.tsx (add a read-only mode).
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Read src/components/notes/template-preview.tsx and src/components/notes/notes-editor.tsx first. Compare the current lightweight preview with the real editor and determine how read-only rendering and unavailable database blocks should behave. Done means template previews use the real editor where appropriate, remain non-editable, and preserve a usable preview before page creation.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- react, typescript
- Domain
- frontend
- Issue type
- Feature
- Difficulty
- 4/5
- Estimated time
- 3-5 days
- Activity status
- Quiet
- Clarity
- Mostly clear
- Newbie friendliness
- 55/100