 鄭沛軒
|
738d836099
|
feat: 完成詞卡詳情頁重構 - 模組化架構大幅優化
重構成果：
- 主檔案代碼減少64% (543→193行)
- 新建5個UI組件 + 2個Custom Hooks
- 業務邏輯與UI完全分離
- TypeScript類型安全，編譯無錯誤
- 組件可重用性大幅提升
新建組件：
- LoadingState: 統一載入狀態
- ErrorState: 統一錯誤處理
- FlashcardInfoBlock: 詞卡資訊區塊
- FlashcardActions: 操作按鈕組
- EditingControls: 編輯模式控制
新建Hooks：
- useFlashcardActions: 詞卡操作邏輯
- useImageGeneration: 圖片生成邏輯
🤖 Generated with [Claude Code](https://claude.ai/code)
Co-Authored-By: Claude <noreply@anthropic.com>
|
2025-10-02 00:09:56 +08:00 |
|
鄭沛軒
|
fa9da1366b
|
feat: 完成詞卡詳情頁面Hook重構 - 第二階段優化減少19.5%
• Hook體系擴展:
- useTTSPlayer.ts: 統一語音播放邏輯 (81行)
- useFlashcardDetailData.ts: 數據載入專用管理 (98行)
- TTSButton.tsx: 可重用語音播放組件 (49行)
• 詞卡詳情頁面優化:
- 移除重複TTS邏輯: 66行
- 移除假資料定義: 47行
- 移除數據載入邏輯: 39行
- 總計: 737行 → 593行 (減少19.5%)
• 架構價值提升:
- 代碼重用: TTS邏輯全專案共用
- 責任分離: 數據管理與UI邏輯分離
- 維護性: 問題定位更精確
• 累計重構成果:
- 主頁面: 878行 → 305行 (減少65.3%)
- 詳情頁面: 737行 → 593行 (減少19.5%)
- Hook體系: 6個專業Hook完成
🤖 Generated with [Claude Code](https://claude.ai/code)
Co-Authored-By: Claude <noreply@anthropic.com>
|
2025-10-01 23:30:03 +08:00 |
|
鄭沛軒
|
5c2a2ea9d6
|
feat: 完成Hook架構重構 - 主頁面再減少78行，總計減少65.3%
• Hook體系建立:
- useFlashcardImageGeneration.ts: 圖片生成專用Hook (75行)
- useFlashcardOperations.ts: 操作邏輯專用Hook (55行)
- 移除主頁面重複業務邏輯，提升代碼復用性
• 代碼優化成果:
- 主頁面: 383行 → 305行 (再減少78行)
- 總計優化: 878行 → 305行 (減少65.3%!)
- 架構模組化: 4個組件 + 2個Hook + 1個工具庫
• 重構進度更新:
- flashcards-page-split-plan.md: 記錄Hook架構完成
- 超越原定目標，建立現代化前端架構
🤖 Generated with [Claude Code](https://claude.ai/code)
Co-Authored-By: Claude <noreply@anthropic.com>
|
2025-10-01 23:01:50 +08:00 |
|
鄭沛軒
|
00d81d2b5d
|
feat: 完成前端 difficulty_level → cefr 欄位遷移
## 核心成果
### 🔧 **搜尋篩選系統優化**
- useFlashcardSearch: difficultyLevel → cefr 完全遷移
- 篩選邏輯、排序邏輯、介面定義全面更新
- flashcards/page.tsx: UI篩選器更新為 cefr 綁定
### 🎯 **複習系統適配**
- useTestQueue、useTestQueueStore: 複習邏輯更新
- ReviewRunner、BaseTestComponent: 顯示邏輯統一
- 複習組件完全適應新欄位結構
### 🎨 **詞彙生成系統更新**
- generate/page.tsx: 詞彙分析邏輯優化
- ClickableTextV2: 詞彙屬性讀取更新
- 移除過時 difficultyLevel 引用
### 🧪 **服務層與資料層**
- flashcards.ts: 移除向後相容代碼
- mockTestData.ts: 測試資料結構更新
- 保持必要的向後相容性
### ✅ **技術成果**
- 處理檔案: 11個 100%完成
- 修復引用: 30+ 全部處理
- 編譯狀態: ✅ 完全成功
- 類型安全: ✅ 無TypeScript錯誤
前端現在完全適應後端新的 cefr 欄位結構！
🤖 Generated with [Claude Code](https://claude.ai/code)
Co-Authored-By: Claude <noreply@anthropic.com>
|
2025-10-01 17:46:02 +08:00 |
|
鄭沛軒
|
9011f93dfe
|
feat: 完成前端大規模架構重組與術語統一
## 主要完成項目
### 🏗️ Hooks架構重組
- 刪除62.5%死代碼hooks (5個檔案)
- 重組為功能性資料夾結構 (flashcards/, review/)
- 修復所有import路徑和類型錯誤
### 🧹 Lib資料夾優化
- 移除未使用檔案：cn.ts, performance/, errors/, studySession.ts
- 統一API配置管理，建立中央化配置
- 清理硬編碼URL，提升可維護性
### 📝 術語統一 Study→Review
- API端點：/study/* → /review/*
- 客戶端：studyApiClient → reviewApiClient
- 配置項：STUDY → REVIEW
- 註釋更新：StudyRecord → ReviewRecord
### ✅ 技術成果
- 前端編譯100%成功，無錯誤
- 減少檔案數量31% (lib資料夾)
- 消除重複代碼和架構冗餘
- 建立企業級前端架構標準
🤖 Generated with [Claude Code](https://claude.ai/code)
Co-Authored-By: Claude <noreply@anthropic.com>
|
2025-10-01 16:15:17 +08:00 |