feat(notes): live full-editor template preview (read-only real editor)
Nobody has claimed this yet.
Assessment
- Difficulty
- 4/5
- Estimated time
- 3-5 days
- Newbie friendliness
- 55/100
- Issue type
- Feature
- Clarity
- Mostly clear
- Activity status
- Quiet
- Tech stack
- react, typescript
- Domain
- frontend
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.
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).
- Dominant language
- TypeScript
- Stars
- 2
- Forks
- 4
- PR merge metrics
- No merged PRs in 30d
Getting set up
- No Dockerfile or Docker Compose file
- Has a pull request template
- Read the contributing 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.
More from TemaDeveloper/personal_planner
-
bug
Difficulty 2/5 1-3 hours Newbie friendliness 76/100
-
bug
Difficulty 2/5 1-3 hours Newbie friendliness 78/100
TemaDeveloper/personal_planner#48 · 1 comment ·
-
bug
Difficulty 2/5 1-3 hours Newbie friendliness 82/100
-
bug
Difficulty 2/5 1-3 hours Newbie friendliness 84/100
-
good first issue polish
Difficulty 2/5 Half a day Newbie friendliness 72/100
All issues in TemaDeveloper/personal_planner
Similar issues
-
Difficulty 2/5 1-3 hours Newbie friendliness 72/100
Maintainers usually reply within 1 day
-
Difficulty 2/5 1-3 hours Newbie friendliness 68/100
Maintainers usually reply within 1 day
-
Difficulty 2/5 1-3 hours Newbie friendliness 68/100
-
Difficulty 2/5 1-3 hours Newbie friendliness 72/100
Maintainers usually reply within 4 days
-
Difficulty 2/5 1-3 hours Newbie friendliness 78/100
Maintainers usually reply within 1 day