- 重構 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> |
||
|---|---|---|
| .. | ||
| example-data.json | ||
| page.tsx | ||