dramaling-vocab-learning

Commit Graph

Author	SHA1	Message	Date
鄭沛軒	b7e7a723bf	feat: 新增Generate頁面組件重構架構 + 語法錯誤修復 • 新增專用組件庫： - GrammarCorrectionPanel: 語法修正面板組件 - IdiomDetailModal: 慣用語詳情彈窗組件 - IdiomDisplaySection: 慣用語展示區組件 • 修復Generate頁面語法錯誤，確保前端正常編譯 • 更新重構計劃文檔，記錄進度統計 🤖 Generated with [Claude Code](https://claude.ai/code) Co-Authored-By: Claude <noreply@anthropic.com>	2025-10-02 03:00:04 +08:00
鄭沛軒	6600dbf33a	feat: 完成ClickableTextV2組件重構 + 多頁面組件優化重構成果： 1. ClickableTextV2: 413→114行 (減少72%) 2. Flashcards頁面: 305→277行 (減少9%) 3. 新建10個通用組件，大幅提升重用性 ClickableTextV2重構亮點： - 建立word組件模組 (types.ts, useWordAnalysis Hook, WordPopup) - 重用現有Modal + ContentBlock組件 - 業務邏輯與UI完全分離 - 編譯通過，功能完整通用組件庫建立： - LoadingState, ErrorState (全站通用狀態) - StatisticsCard, ContentBlock (多色彩變體) - ValidatedTextInput, TabNavigation (表單與導航) - FlashcardActions, EditingControls等詞卡專用組件 Bundle優化： - flashcards詳情頁: 8.62KB→6.36KB - flashcards列表頁: 12.1KB→10.4KB 🤖 Generated with [Claude Code](https://claude.ai/code) Co-Authored-By: Claude <noreply@anthropic.com>	2025-10-02 00:53:23 +08:00
鄭沛軒	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

Author

SHA1

Message

Date

鄭沛軒

b7e7a723bf

feat: 新增Generate頁面組件重構架構 + 語法錯誤修復

• 新增專用組件庫：
  - GrammarCorrectionPanel: 語法修正面板組件
  - IdiomDetailModal: 慣用語詳情彈窗組件
  - IdiomDisplaySection: 慣用語展示區組件

• 修復Generate頁面語法錯誤，確保前端正常編譯
• 更新重構計劃文檔，記錄進度統計

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

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

2025-10-02 03:00:04 +08:00

鄭沛軒

6600dbf33a

feat: 完成ClickableTextV2組件重構 + 多頁面組件優化

重構成果：
1. ClickableTextV2: 413→114行 (減少72%)
2. Flashcards頁面: 305→277行 (減少9%)
3. 新建10個通用組件，大幅提升重用性

ClickableTextV2重構亮點：
- 建立word組件模組 (types.ts, useWordAnalysis Hook, WordPopup)
- 重用現有Modal + ContentBlock組件
- 業務邏輯與UI完全分離
- 編譯通過，功能完整

通用組件庫建立：
- LoadingState, ErrorState (全站通用狀態)
- StatisticsCard, ContentBlock (多色彩變體)
- ValidatedTextInput, TabNavigation (表單與導航)
- FlashcardActions, EditingControls等詞卡專用組件

Bundle優化：
- flashcards詳情頁: 8.62KB→6.36KB
- flashcards列表頁: 12.1KB→10.4KB

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

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

2025-10-02 00:53:23 +08:00

鄭沛軒

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

3 Commits