v0.2.0 - EditableUrlItem & URL List Improvements
π What's New
β¨ Features
- EditableUrlItem Component - New inline URL editing component with:
- Single-edit coordination (only one URL editable at a time)
- Debounced URL validation with security constraints (http/https only)
- Delete with undo functionality
- WCAG 2.1 AA compliant (44px touch targets, aria-live regions)
- Keyboard navigation (Enter to save, Escape to cancel)
π§ Improvements
- ProjectInfoModal - Refactored to use EditableUrlItem for per-item editing
- URL Validation - Centralized in
lib/validations/url.tswith protocol whitelist - Theme System - Added
--success/--success-foregroundcolor tokens
π Test Coverage
- Unit tests: 1317 passing
- E2E tests: 280 passing
- Line coverage: 91.28%
π Files Changed
| File | Changes |
|---|---|
components/ui/editable-url-item.tsx |
New component (+564 lines) |
components/ui/editable-url-item.stories.tsx |
Storybook stories (+477 lines) |
lib/validations/url.ts |
URL validation utility (+67 lines) |
components/Modals/ProjectInfoModal.tsx |
Refactored to use EditableUrlItem |
e2e/logged-in/project-info-links.spec.ts |
Updated E2E tests |
tests/unit/components/ProjectInfoModal.test.tsx |
Updated unit tests |
π Related
- PR #27: feat(ui): add EditableUrlItem component with single-edit coordination
Full Changelog: v0.1.0...v0.2.0