ginnoir
a4be5d5061
Replace plain textarea with shared tiptap editor and sanitized html rendering. Adds interactive checklists on read surfaces and mobile overflow fixes.
43 lines
1.6 KiB
Markdown
43 lines
1.6 KiB
Markdown
# 85 — Rich-text notes overhaul
|
||
|
||
## Goal
|
||
|
||
Land a shared rich-text editor (ADR 0004), wire it through notes create/edit and all display surfaces, and fix mobile horizontal overflow.
|
||
|
||
## Why
|
||
|
||
Journal (86) and notes need modern formatting and emoji. Notes currently overflow sideways on mobile. P1 pulls the full notes overhaul into this batch.
|
||
|
||
## Depends on
|
||
|
||
- 12 (notes module)
|
||
- ADR `0004-rich-text-editor.md` (research child: Gitea #8)
|
||
- Batch order: after bugs 80–84 and API foundation 87 is preferred for notes API extension, but editor work can proceed once ADR is accepted
|
||
|
||
## Scope
|
||
|
||
- Research and accept ADR 0004 (library e.g. TipTap, storage format, shared component contract).
|
||
- Shared editor component used by notes (and later journal).
|
||
- Notes create/edit use the shared editor.
|
||
- Render formatting on index, widgets, and share view.
|
||
- Fix mobile overflow (closes Gitea #5 / design #5).
|
||
- Playwright: extend `tests/e2e/notes.spec.ts` — formatted note visible; 375px no horizontal overflow.
|
||
|
||
## Out of scope
|
||
|
||
- Journal module (86) — consumes the shared editor after this lands.
|
||
- Appearance/theming epic.
|
||
|
||
## Acceptance criteria
|
||
|
||
- [x] ADR 0004 accepted with library and storage format chosen.
|
||
- [x] Shared editor component in tree.
|
||
- [x] Notes create/edit use it.
|
||
- [x] Formatting renders on all notes surfaces.
|
||
- [x] Mobile overflow fixed; E2E green.
|
||
|
||
## Notes
|
||
|
||
- Gitea epic: [#7](https://gitea.ginnoir.com/ginnoir/famapp/issues/7); children #8–#12; overflow bug [#5](https://gitea.ginnoir.com/ginnoir/famapp/issues/5)
|
||
- Design: `docs/superpowers/specs/2026-07-03-backlog-triage-design.md`
|