dramaling-vocab-learning

Commit Graph

Author	SHA1	Message	Date
鄭沛軒	076bc8e396	feat: 建立前端組件重構基礎設施 ## 🏗️ 重構基礎設施建立 ### 📦 新組件創建 - FlashcardCard.tsx (137行) - 完整的詞卡卡片組件 - PaginationControls.tsx (109行) - 可復用的分頁控制組件 ### 📁 統一組件架構 - components/flashcards/ - 詞卡相關組件 - components/shared/ - 共享基礎組件 - 遵循Next.js 13+ App Router最佳實踐 ### 🛠️ 工具函數庫擴展 - flashcardUtils.ts - 統一的詞卡處理工具 - 支援顏色處理、格式化、統計計算等功能 ### 📋 重構準備完成 - 完整的4天拆分計劃已制定 - Day 1基礎組件創建完成 - 組件架構整合完成 - 為後續大規模重構奠定基礎 ### ⚠️ 後續工作主頁面實際重構 (878行→120行) 待後續專項時間完成前端重構基礎設施就緒，準備進行大規模組件拆分！ 🤖 Generated with [Claude Code](https://claude.ai/code) Co-Authored-By: Claude <noreply@anthropic.com>	2025-10-01 20:05:00 +08:00
鄭沛軒	2edd8d03ce	feat: 完成前端工具函數提取與圖片生成功能修復 ## 工具函數庫建立 ### 🛠️ 統一Flashcard工具庫 - 新建 `/lib/utils/flashcardUtils.ts` (94行) - 提取重複的工具函數：詞性轉換、CEFR顏色、熟練度處理 - 統一圖片URL處理邏輯、時間格式化、統計計算 ### 🧹 代碼重複消除 - flashcards/page.tsx: 898行 → 878行 (清理重複函數) - flashcards/[id]/page.tsx: 移除重複的工具函數定義 - 建立代碼復用機制，減少維護成本 ### 🔧 圖片生成功能修復 - 修正API端點路徑: `/api/imagegeneration/` → `/api/ImageGeneration/` - 修復生成、狀態查詢、取消請求三個端點 - 後端API測試通過，功能恢復正常 ### ✅ 架構改善成果 - 編譯100%成功，無TypeScript錯誤 - 建立統一的工具函數管理機制 - 為後續大規模組件重構奠定基礎 - 提升代碼可維護性和復用性前端工具層優化完成，準備進行組件層重構！ 🤖 Generated with [Claude Code](https://claude.ai/code) Co-Authored-By: Claude <noreply@anthropic.com>	2025-10-01 19:20:52 +08:00

Author

SHA1

Message

Date

鄭沛軒

076bc8e396

feat: 建立前端組件重構基礎設施

## 🏗️ 重構基礎設施建立

### 📦 **新組件創建**
- FlashcardCard.tsx (137行) - 完整的詞卡卡片組件
- PaginationControls.tsx (109行) - 可復用的分頁控制組件

### 📁 **統一組件架構**
- components/flashcards/ - 詞卡相關組件
- components/shared/ - 共享基礎組件
- 遵循Next.js 13+ App Router最佳實踐

### 🛠️ **工具函數庫擴展**
- flashcardUtils.ts - 統一的詞卡處理工具
- 支援顏色處理、格式化、統計計算等功能

### 📋 **重構準備完成**
- 完整的4天拆分計劃已制定
- Day 1基礎組件創建完成
- 組件架構整合完成
- 為後續大規模重構奠定基礎

### ⚠️ **後續工作**
主頁面實際重構 (878行→120行) 待後續專項時間完成

前端重構基礎設施就緒，準備進行大規模組件拆分！

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

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

2025-10-01 20:05:00 +08:00

鄭沛軒

2edd8d03ce

feat: 完成前端工具函數提取與圖片生成功能修復

## 工具函數庫建立

### 🛠️ **統一Flashcard工具庫**
- 新建 `/lib/utils/flashcardUtils.ts` (94行)
- 提取重複的工具函數：詞性轉換、CEFR顏色、熟練度處理
- 統一圖片URL處理邏輯、時間格式化、統計計算

### 🧹 **代碼重複消除**
- flashcards/page.tsx: 898行 → 878行 (清理重複函數)
- flashcards/[id]/page.tsx: 移除重複的工具函數定義
- 建立代碼復用機制，減少維護成本

### 🔧 **圖片生成功能修復**
- 修正API端點路徑: `/api/imagegeneration/` → `/api/ImageGeneration/`
- 修復生成、狀態查詢、取消請求三個端點
- 後端API測試通過，功能恢復正常

### ✅ **架構改善成果**
- 編譯100%成功，無TypeScript錯誤
- 建立統一的工具函數管理機制
- 為後續大規模組件重構奠定基礎
- 提升代碼可維護性和復用性

前端工具層優化完成，準備進行組件層重構！

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

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

2025-10-01 19:20:52 +08:00

2 Commits