feat: Phases 4-7 — Full Feature Expansion (26 features)

Phase 4 — New Widget Types:
- Clock/Weather, System Stats, RSS/Feed, Calendar, Markdown,
  Metric/Counter, Link Group, Camera/Stream widgets
- Backend services with caching for each data source
- Full creation form with dynamic config fields per type

Phase 5 — Visual & Styling Enhancements:
- Glassmorphism card style (solid/glass/outline)
- Board-level themes with per-board hue/saturation
- Animated SVG status rings replacing static dots
- Card size options (compact/medium/large)
- Custom CSS injection (admin + per-board, sanitized)
- Wallpaper backgrounds with blur/overlay/parallax

Phase 6 — Functional Features:
- Favorites bar with drag-and-drop reordering
- Recent apps tracking with privacy toggle
- Uptime dashboard page (/status, guest-accessible)
- Notifications system (Discord/Slack/Telegram/HTTP webhooks)
- App tags with filtering in board view
- Multi-URL app cards with expandable sub-links
- Personal API tokens with scoped permissions
- Audit log with retention and admin viewer

Phase 7 — Quality of Life:
- Onboarding wizard (5-step first-launch setup)
- App URL health preview with favicon/title detection
- Board templates (4 built-in + custom import/export)
- Keyboard shortcut overlay (j/k nav, 1-9 boards, ? help)

212 files changed, 15641 insertions, 980 deletions.
Build, lint, type check, and 222 tests all pass.
This commit is contained in:
2026-03-25 14:18:10 +03:00
parent 8d7847889e
commit 1c0a7cb850
212 changed files with 15642 additions and 981 deletions
@@ -5,6 +5,7 @@
**Domain:** fullstack
## Objective
Add four new widget types: Bookmark, Note, Embed, and Status. Extend the widget system with type-specific rendering and configuration.
## Tasks
@@ -23,6 +24,7 @@ Add four new widget types: Bookmark, Note, Embed, and Status. Extend the widget
- [x] Task 12: Install `marked` for Note widget markdown rendering
## Files to Modify/Create
- `src/lib/utils/constants.ts` — MODIFY (already had all types)
- `src/lib/utils/validators.ts` — MODIFY
- `src/lib/types/widget.ts` — MODIFY
@@ -42,6 +44,7 @@ Add four new widget types: Bookmark, Note, Embed, and Status. Extend the widget
- `src/routes/boards/[boardId]/edit/+page.server.ts` — MODIFY
## Acceptance Criteria
- All four widget types render correctly in the board view
- Each widget type has a type-specific config form in the board editor
- Bookmark: displays URL with label and optional icon, opens in new tab
@@ -51,6 +54,7 @@ Add four new widget types: Bookmark, Note, Embed, and Status. Extend the widget
- WidgetRenderer correctly dispatches to the right component by type
## Notes
- Widget config JSON structure per type:
- APP: `{ appId: string }`
- BOOKMARK: `{ url: string, label: string, icon?: string, description?: string }`
@@ -61,6 +65,7 @@ Add four new widget types: Bookmark, Note, Embed, and Status. Extend the widget
- Big Bang strategy: may need integration fixes in Phase 6
## Review Checklist
- [x] All tasks completed
- [x] Code follows project conventions
- [ ] No unintended side effects
@@ -68,6 +73,7 @@ Add four new widget types: Bookmark, Note, Embed, and Status. Extend the widget
- [ ] Tests pass (new + existing)
## Handoff to Next Phase
- Installed `marked` package for markdown rendering in NoteWidget
- `WidgetType` enum already had all 5 types from MVP
- Updated `validators.ts` with per-type config Zod schemas (appWidgetConfigSchema, bookmarkWidgetConfigSchema, noteWidgetConfigSchema, embedWidgetConfigSchema, statusWidgetConfigSchema)