Skip to content

v0.2.0 - EditableUrlItem & URL List Improvements

Choose a tag to compare

@ryota-murakami ryota-murakami released this 05 Jan 09:16
· 226 commits to main since this release

πŸŽ‰ 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.ts with protocol whitelist
  • Theme System - Added --success / --success-foreground color 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