sourcery-ai[bot]
commented
3 days ago 리뷰어 가이드 by Sourcery
이 PR은 파일 업로드 처리 및 상태 관리를 중심으로 음성 변환(VC) 기능에 대한 중요한 개선 사항을 구현합니다. 변경 사항에는 파일 업로드 로직의 완전한 리팩터링, Zustand를 사용한 전용 VC 스토어 도입, 음성 선택 및 파일 관리에 대한 UI/UX 개선이 포함됩니다.
파일 업로드 프로세스에 대한 시퀀스 다이어그램
sequenceDiagram
participant User
participant VCStore
participant useFileUpload
User->>VCStore: handleAdd()
VCStore->>useFileUpload: openFileDialog()
useFileUpload->>User: 파일 선택 프롬프트
User->>useFileUpload: 파일 선택
useFileUpload->>VCStore: onSuccess(newItems)
VCStore->>VCStore: addItems(newItems)
VCStore->>User: 새 항목으로 UI 업데이트파일 수준 변경 사항
| 변경 사항 | 세부 사항 | 파일 |
|---|---|---|
| 새로운 훅 구현으로 파일 업로드 기능 리팩터링 |
|
src/hooks/useFileUpload.ts |
| VC 기능을 위한 중앙 집중식 상태 관리 도입 |
|
src/stores/vc.store.ts |
| 음성 선택 UI 및 기능 향상 |
|
src/components/custom/feature/VoiceSelection.tsxsrc/components/custom/cards/VoiceCard.tsxsrc/components/section/sidebar/VCSidebar.tsx |
| 테이블 컴포넌트 및 파일 처리 UI 개선 |
|
src/components/custom/tables/project/common/TableHeader.tsxsrc/components/custom/tables/project/common/TableListView.tsxsrc/components/custom/tables/project/tts/TTSTableGridView.tsx |
관련된 문제일 수 있음
- #178: PR은 VC 페이지의 기능을 개선하며, 이는 VC 페이지 생성과 관련된 문제입니다.
팁 및 명령어
#### Sourcery와 상호작용하기 - **새 리뷰 트리거:** 풀 리퀘스트에 `@sourcery-ai review`라고 댓글을 남깁니다. - **토론 계속하기:** Sourcery의 리뷰 댓글에 직접 답장합니다. - **리뷰 댓글에서 GitHub 이슈 생성:** 리뷰 댓글에서 이슈를 생성하도록 Sourcery에 요청합니다. - **풀 리퀘스트 제목 생성:** 풀 리퀘스트 제목 어디에나 `@sourcery-ai`를 작성하여 언제든지 제목을 생성합니다. - **풀 리퀘스트 요약 생성:** 풀 리퀘스트 본문 어디에나 `@sourcery-ai summary`를 작성하여 언제든지 PR 요약을 생성합니다. 이 명령어를 사용하여 요약이 삽입될 위치를 지정할 수도 있습니다. #### 경험 맞춤화하기 [대시보드](https://app.sourcery.ai)에 액세스하여: - Sourcery가 생성한 풀 리퀘스트 요약, 리뷰어 가이드 등과 같은 리뷰 기능을 활성화하거나 비활성화합니다. - 리뷰 언어를 변경합니다. - 사용자 정의 리뷰 지침을 추가, 제거 또는 편집합니다. - 기타 리뷰 설정을 조정합니다. #### 도움 받기 - 질문이나 피드백이 있는 경우 [지원 팀에 문의](mailto:support@sourcery.ai)하세요. - 자세한 가이드와 정보를 보려면 [문서](https://docs.sourcery.ai)를 방문하세요. - [X/Twitter](https://x.com/SourceryAI), [LinkedIn](https://www.linkedin.com/company/sourcery-ai/) 또는 [GitHub](https://github.com/sourcery-ai)에서 Sourcery 팀을 팔로우하여 소식을 받아보세요.Original review guide in English
## Reviewer's Guide by Sourcery This PR implements significant improvements to the voice conversion (VC) feature, focusing on file upload handling and state management. The changes include a complete refactor of the file upload logic, introduction of a dedicated VC store using Zustand, and UI/UX improvements for voice selection and file management. #### Sequence diagram for File Upload Process ```mermaid sequenceDiagram participant User participant VCStore participant useFileUpload User->>VCStore: handleAdd() VCStore->>useFileUpload: openFileDialog() useFileUpload->>User: Prompt file selection User->>useFileUpload: Select files useFileUpload->>VCStore: onSuccess(newItems) VCStore->>VCStore: addItems(newItems) VCStore->>User: Update UI with new items ``` ### File-Level Changes | Change | Details | Files | | ------ | ------- | ----- | | Refactored file upload functionality with a new hook implementation |- Simplified useFileUpload hook with better type handling
- Added support for different file types (audio/text) with dedicated configurations
- Implemented new file validation logic
- Added multiple file upload support with configurable options
- Created new Zustand store for VC state management
- Implemented comprehensive state actions and handlers
- Added alert system for error handling
- Integrated file upload logic with state management
- Removed preset voices feature for simplified interface
- Improved voice card component with better interaction handling
- Added tooltips for better user guidance
- Updated voice selection layout and styling
`src/components/custom/cards/VoiceCard.tsx`
`src/components/section/sidebar/VCSidebar.tsx` | | Improved table components and file handling UI |
- Enhanced checkbox interaction in table views
- Added support for audio file validation
- Improved text upload button with disabled state handling
- Updated table header with better file upload controls
`src/components/custom/tables/project/common/TableListView.tsx`
`src/components/custom/tables/project/tts/TTSTableGridView.tsx` | ### Possibly linked issues - **#178**: The PR improves features on the VC page, which is related to the issue's creation of the VC page. ---
github-actions[bot]
nakyeonko3
178, #180 완료
179 작업 예정
Sourcery에 의한 요약
파일 업로드 기능을 개선하여 여러 파일 업로드를 지원하고 오디오 및 텍스트 파일에 대한 특정 처리를 추가합니다. 항목 및 프로젝트 데이터를 더 잘 처리하기 위해 새로운 상태 관리 저장소를 사용하여 음성 변환 페이지를 리팩터링합니다. 음성 선택 및 파일 업로드 구성 요소에 대한 사용자 인터페이스를 개선하고 로그인 API의 오류 처리를 수정합니다.
새로운 기능:
버그 수정:
개선 사항:
Original summary in English
## Summary by Sourcery Enhance the file upload functionality by supporting multiple file uploads and specific handling for audio and text files. Refactor the voice conversion page to use a new state management store for better handling of items and project data. Improve the user interface for voice selection and file upload components, and fix error handling in the login API. New Features: - Introduce a new file upload configuration for audio and text files, allowing for specific handling based on file type. Bug Fixes: - Fix an issue in the login API where errors were not correctly handled when not an AxiosError. Enhancements: - Refactor the file upload hook to support multiple file uploads and add options for file type handling. - Improve the voice conversion page by integrating a new state management store for handling voice conversion items and project data. - Enhance the user interface for voice selection and file upload components, including tooltips and improved layout.