dramaling-vocab-learning

Commit Graph

Author	SHA1	Message	Date
鄭沛軒	e808598cc0	refactor: 完成所有7種測驗元件架構統一重構 - 重構 FlipMemoryTest: 使用 inline styles 避免 styled-jsx 問題，整合 ConfidenceLevel 元件 - 重構 VocabChoiceTest: 使用 ChoiceTestContainer + ChoiceGrid 統一選擇題架構 - 重構 SentenceFillTest: 使用 FillTestContainer + TextInput，保留複雜填空邏輯 - 重構 SentenceReorderTest: 使用 TestContainer，保留完整拖拽重組功能 - 重構 VocabListeningTest: 使用 ListeningTestContainer + ChoiceGrid + AudioPlayer - 重構 SentenceListeningTest: 使用 ListeningTestContainer，支援圖片功能 - 重構 SentenceSpeakingTest: 使用 SpeakingTestContainer + VoiceRecorder 技術改進: - 統一容器組件模式，提高代碼重用度 - 各元件實現 hasAnswered 狀態追蹤，為導航整合做準備 - 修復 ListeningTestContainer 和 SpeakingTestContainer 介面問題 - 修復 BaseTestComponent testContext 傳遞錯誤 - 清理未使用的代碼和註釋測試結果: - 所有元件編譯無錯誤 - TypeScript 類型檢查通過 - 開發伺服器運行穩定 - 保留所有原有功能（翻卡動畫、拖拽、錄音等） 🤖 Generated with [Claude Code](https://claude.ai/code) Co-Authored-By: Claude <noreply@anthropic.com>	2025-09-29 01:11:23 +08:00
鄭沛軒	63c42fd72c	feat: 完成智能複習系統核心架構開發 ## 新增功能 - BaseTestComponent: 統一測驗元件基礎架構 - NavigationController: 智能導航控制系統（實現PRD US-008） - TestStatusIndicator: 測驗狀態視覺化元件 - AnswerActions: 標準化答題動作元件集合 - TestContainer: 統一測驗布局容器 ## 擴充功能 - TestQueueStore: 新增跳過隊列管理和優先級演算法（實現PRD US-009） - TaskListModal: 整合新視覺化元件 ## 核心特色 - 狀態驅動導航：答題前顯示「跳過」，答題後顯示「繼續」 - 智能優先級排序：未嘗試(100) > 答錯(20) > 跳過(10) - 四狀態視覺化：✅已答對 ❌已答錯 ⏭️已跳過 ⚪未完成 ## 技術實現 - 完整TypeScript類型支援 - React.memo效能優化 - 統一元件介面規範 - 優先級演算法實現 🤖 Generated with [Claude Code](https://claude.ai/code) Co-Authored-By: Claude <noreply@anthropic.com>	2025-09-29 00:07:56 +08:00

Author

SHA1

Message

Date

鄭沛軒

e808598cc0

refactor: 完成所有7種測驗元件架構統一重構

- 重構 FlipMemoryTest: 使用 inline styles 避免 styled-jsx 問題，整合 ConfidenceLevel 元件
- 重構 VocabChoiceTest: 使用 ChoiceTestContainer + ChoiceGrid 統一選擇題架構
- 重構 SentenceFillTest: 使用 FillTestContainer + TextInput，保留複雜填空邏輯
- 重構 SentenceReorderTest: 使用 TestContainer，保留完整拖拽重組功能
- 重構 VocabListeningTest: 使用 ListeningTestContainer + ChoiceGrid + AudioPlayer
- 重構 SentenceListeningTest: 使用 ListeningTestContainer，支援圖片功能
- 重構 SentenceSpeakingTest: 使用 SpeakingTestContainer + VoiceRecorder

技術改進:
- 統一容器組件模式，提高代碼重用度
- 各元件實現 hasAnswered 狀態追蹤，為導航整合做準備
- 修復 ListeningTestContainer 和 SpeakingTestContainer 介面問題
- 修復 BaseTestComponent testContext 傳遞錯誤
- 清理未使用的代碼和註釋

測試結果:
- 所有元件編譯無錯誤
- TypeScript 類型檢查通過
- 開發伺服器運行穩定
- 保留所有原有功能（翻卡動畫、拖拽、錄音等）

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

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

2025-09-29 01:11:23 +08:00

鄭沛軒

63c42fd72c

feat: 完成智能複習系統核心架構開發

## 新增功能
- BaseTestComponent: 統一測驗元件基礎架構
- NavigationController: 智能導航控制系統（實現PRD US-008）
- TestStatusIndicator: 測驗狀態視覺化元件
- AnswerActions: 標準化答題動作元件集合
- TestContainer: 統一測驗布局容器

## 擴充功能
- TestQueueStore: 新增跳過隊列管理和優先級演算法（實現PRD US-009）
- TaskListModal: 整合新視覺化元件

## 核心特色
- 狀態驅動導航：答題前顯示「跳過」，答題後顯示「繼續」
- 智能優先級排序：未嘗試(100) > 答錯(20) > 跳過(10)
- 四狀態視覺化：✅已答對 ❌已答錯 ⏭️已跳過 ⚪未完成

## 技術實現
- 完整TypeScript類型支援
- React.memo效能優化
- 統一元件介面規範
- 優先級演算法實現

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

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

2025-09-29 00:07:56 +08:00

2 Commits