Skip to content

feat(explore): 검색/필터 연동, editorial preview, scroll 성능 개선 (#61)#76

Merged
thxforall merged 1 commit into
mainfrom
feat/issue-61
Apr 4, 2026
Merged

feat(explore): 검색/필터 연동, editorial preview, scroll 성능 개선 (#61)#76
thxforall merged 1 commit into
mainfrom
feat/issue-61

Conversation

@thxforall
Copy link
Copy Markdown
Contributor

Summary

Changes

Search & Filter

  • 인라인 검색 바 + 자동완성 (popular/recent searches)
  • 서버사이드 Sort (relevant/recent/popular/solution_count) + Context 필터
  • 클라이언트사이드 아티스트 다중 선택 뱃지
  • 검색 무한 스크롤 (useInfiniteQuery)
  • /search/explore?q= redirect

Explore UI

  • 드롭다운 필터 → 컴팩트 필터 바 전환
  • ExploreFilterBar, hierarchicalFilterStore, mockFilterData 삭제 (-1500줄)
  • FilterChip active/inactive 뱃지 + 검색 하이라이트 오버레이

Detail Modal

  • explore-preview variant (EditorialPreviewHeader + 컴팩트 아이템)
  • DecodeShowcase adapter (TDD)

Performance

  • ScrollTrigger → IntersectionObserver (compact mode)
  • Zustand activeSpotStore로 zero-render 스팟 하이라이팅
  • rAF throttle, deferred init

Test plan

  • /explore 접속 → 검색 바 + Sort 드롭다운 표시
  • 검색어 입력 → 자동완성 → 결과 그리드 + Context/아티스트 뱃지
  • Sort/Context/아티스트 필터 복합 동작
  • 카드 클릭 → editorial preview 모달
  • /search?q=lisa/explore?q=lisa redirect
  • 빌드 성공 (bun run build)

Closes #61

🤖 Generated with Claude Code

…erf (#61)

## Search & Filter
- Inline search bar with Meilisearch API integration
- Autocomplete suggestions (popular/recent searches)
- Server-side sort (relevant/recent/popular/solution_count) and context filter
- Client-side artist multi-select badges from search facets
- Search infinite scroll pagination via useInfiniteQuery
- /search page redirects to /explore?q=

## Explore UI
- Replace dropdown filters with compact filter bar
- Remove ExploreFilterBar, ExploreFilterSheet, hierarchicalFilterStore, mockFilterData
- FilterChip component with active/inactive variants and counts
- Search result highlight with artist name overlay on cards

## Detail Modal
- Explore-preview variant for ImageDetailContent
- EditorialPreviewHeader with description and "전체 보기" navigation
- Compact MagazineItemsSection for preview mode
- DecodeShowcase adapter with TDD

## Performance
- IntersectionObserver replaces ScrollTrigger in compact mode
- Throttled activeIndex updates with rAF
- Deferred ScrollTrigger init for modal animation
- ActiveSpotStore (Zustand) for zero-render spot highlighting

## Other
- Fix ASCII logo right-shift clipping
- Supabase fallback for posts/search API routes
- Fix explore_posts view type with as-any cast

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
@thxforall thxforall merged commit 6d334c6 into main Apr 4, 2026
1 check passed
@thxforall thxforall deleted the feat/issue-61 branch April 4, 2026 01:53
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

feat(explore): 검색/필터 연동 및 패널 모달 개선

1 participant