kahwee / ch-header / 18893096653

86%

push

github

Implement Component Pattern for UI elements: MatcherRow, HeaderRow, and List components

Add lightweight Component base class providing:
- Lifecycle management (mount, update, unmount)
- Event delegation with automatic listener cleanup
- Smart content updates preserving element references

Implement Phase 1 quick-win components:
- MatcherRowComponent: Encapsulates matcher row rendering and event handling
- HeaderRowComponent: Encapsulates header row rendering and event handling
- MatcherListComponent: Manages multiple matcher components with smart mounting
- HeaderListComponent: Manages multiple header components with smart mounting
- ProfileCardComponent: Example implementation showing the pattern

Add comprehensive test coverage:
- 183 total tests (100% passing)
- Component base class: 30 tests
- ProfileCard example: 38 tests
- MatcherRowComponent: 30 tests
- HeaderRowComponent: 37 tests
- MatcherListComponent: 25 tests
- HeaderListComponent: 23 tests

Benefits:
- Type-safe with zero `any` types
- Secure with automatic HTML escaping
- Efficient partial updates (no full re-renders)
- Testable isolated components
- Backward compatible with Storybook

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>

155 of 274 branches covered (56.57%)

Branch coverage included in aggregate %.

150 of 152 new or added lines in 6 files covered. (98.68%)

323 of 443 relevant lines covered (72.91%)

40.98 hits per line