jamey/berrypod
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects 1 Releases Wiki Activity

add unified on-site editing mode plan
All checks were successful
deploy / deploy (push) Successful in 46s
Details

Browse Source 
Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
jamey
2026-03-08 23:09:51 +00:00
parent 476da8121a
commit 74ab6411f7
2 changed files with 282 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
PROGRESS.md
View File

@@ -81,23 +81,20 @@ Replaced floating toast/flash messages with inline feedback and persistent top b
| 6 | Migrate setup wizard notifications | 1h | done |
| 7 | Remove old flash/toast CSS and JS | 30m | done |
### Live site editor ([plan](docs/plans/live-site-editor.md))
### Unified on-site editing ([plan](docs/plans/unified-editing-mode.md))
On-site editing overlay for admins: browse the real shop with a sidebar for theme and page editing. Inline contenteditable for text, live CSS variable injection for theme changes. Responsive layout (split view on desktop, overlay on mobile).
Extend the existing page editor (PageEditorHook + editor_sheet) to include theme editing. Admin clicks "Theme" → taken to actual shop with a 3-tab panel (Page | Theme | Settings). See changes live on the real site instead of a fake preview.
| Phase | Description | Est | Status |
|---|---|---|---|
| 1 | Design: sketch approaches, pick one | 2h | planned |
| 2 | Extract shared components from theme editor and page editor | 4h | planned |
| 3 | Build editor wrapper LiveView with sidebar shell | 3h | planned |
| 4 | Theme editing in sidebar (re-use theme controls, live CSS vars) | 3h | planned |
| 5 | Block list and block settings in sidebar | 3h | planned |
| 6 | Block selection: click-to-select with highlight on page | 2h | planned |
| 7 | Inline text editing with contenteditable + phx-hook | 4h | planned |
| 8 | Responsive layout (split view / overlay) | 2h | planned |
| 9 | Save/discard/undo flow | 2h | planned |
| 10 | Edit mode toggle (floating button for admins on shop pages) | 1h | planned |
| 11 | Polish and testing | 4h | planned |
| 1 | Add theme editing state to PageEditorHook | 2h | planned |
| 2 | Add 3-tab UI to editor panel (Page/Theme/Settings) | 2h | planned |
| 3 | Extract theme editor into reusable component | 3h | planned |
| 3b | Create settings editor component | 2h | planned |
| 4 | Image upload handling in hook context | 2h | planned |
| 5 | URL-based mode activation (?edit=theme) | 1h | planned |
| 6 | Admin routing redirect | 30m | planned |
| 7 | Polish and testing | 2h | planned |
### Quick fixes (from usability testing)
@@ -149,6 +146,7 @@ All plans in [docs/plans/](docs/plans/). Completed plans are kept as architectur
| [url-redirects.md](docs/plans/url-redirects.md) | Complete |
| [onboarding-ux.md](docs/plans/onboarding-ux.md) | Planned (v2) |
| [notification-overhaul.md](docs/plans/notification-overhaul.md) | Planned |
| [live-site-editor.md](docs/plans/live-site-editor.md) | Design exploration |
| [live-site-editor.md](docs/plans/live-site-editor.md) | Superseded by unified-editing-mode |
| [unified-editing-mode.md](docs/plans/unified-editing-mode.md) | Planned |
| [profit-aware-pricing.md](docs/plans/profit-aware-pricing.md) | Planned |
| [security-hardening.md](docs/plans/security-hardening.md) | Planned |