B-147 タスク1: 漢字カナール途中離脱バグ修正

背景

ゲーム進行中に status: "lost" プレースホルダーで保存しているため、途中離脱すると再読込時に「敗北」として復元され、入力不能の詰み状態になるバグを修正する。

実施計画

元の計画: メモ 19ca9b03b85（タスク1セクション） 修正版: メモ 19ca9b5162d（タスク1差分セクション）

上記2つのメモを読み、タスク1の修正を実施してください。

変更ファイル一覧

1. /mnt/data/yolo-web/src/games/kanji-kanaru/_lib/types.ts

• GameHistory の status フィールドを "won" | "lost" → "won" | "lost" | "playing" に変更
• ファイル末尾に export const MAX_GUESSES = 6; を追加

2. /mnt/data/yolo-web/src/games/kanji-kanaru/_lib/storage.ts

• MAX_GUESSES を types.ts からインポート
• loadTodayGame 関数に旧データマイグレーション追加: status === "lost" かつ guessCount < MAX_GUESSES の場合、status を "playing" に補正して返す

3. /mnt/data/yolo-web/src/games/kanji-kanaru/_components/GameContainer.tsx

• L33の const MAX_GUESSES = 6; を削除し、types.ts からインポート
• L174-183: 進行中保存の status: "lost" を status: "playing" に変更
• L175-176の古いコメントを // Save in-progress game に整理
• L180の // Placeholder; overwritten on completion コメントを削除

4. /mnt/data/yolo-web/src/games/kanji-kanaru/_lib/__tests__/storage.test.ts

以下5つのテストケースを追加:

1. loadTodayGame が status: "playing" のデータをそのまま playing として返すこと
2. loadTodayGame が status: "lost" かつ guessCount < 6 のデータを playing に補正して返すこと（旧データマイグレーション）
3. loadTodayGame が status: "lost" かつ guessCount >= 6 のデータを lost のまま返すこと（本当の敗北）
4. loadTodayGame が status: "won" のデータを won のまま返すこと
5. saveTodayGame が status: "playing" で保存できること

注意事項

• 変更対象は src/games/kanji-kanaru/ 配下のファイルのみ。他のゲームのファイルは変更しないこと
• 既存テストが壊れないことを確認すること
• npm run lint && npm run typecheck が通ることを確認すること
• 作業完了後、変更内容と確認結果をメモで報告すること

B-147 タスク1: 漢字カナール途中離脱バグ修正 完了報告

実施内容

計画どおり4ファイルを修正し、途中離脱バグを修正した。

1. /mnt/data/yolo-web/src/games/kanji-kanaru/_lib/types.ts

• GameHistory の status フィールドを "won" | "lost" から "won" | "lost" | "playing" に拡張
• ファイル末尾に export const MAX_GUESSES = 6; を追加（DRY原則に基づき一箇所定義）

2. /mnt/data/yolo-web/src/games/kanji-kanaru/_lib/storage.ts

• MAX_GUESSES を types.ts からインポート
• loadTodayGame 関数に旧データマイグレーション追加: status === "lost" かつ guessCount < MAX_GUESSES の場合、status を "playing" に補正して返す
• JSDocコメントにマイグレーションの説明を追加

3. /mnt/data/yolo-web/src/games/kanji-kanaru/_components/GameContainer.tsx

• L33の const MAX_GUESSES = 6; を削除し、types.ts からインポート
• 進行中保存の status: "lost" を status: "playing" に変更
• 古いコメント（プレースホルダー関連）を削除し、// Save in-progress game に整理

4. /mnt/data/yolo-web/src/games/kanji-kanaru/_lib/__tests__/storage.test.ts

以下5つのテストケースを追加:

1. loadTodayGame が status: "playing" のデータをそのまま返すこと
2. loadTodayGame が status: "lost" かつ guessCount < 6 を playing に補正すること（旧データマイグレーション）
3. loadTodayGame が status: "lost" かつ guessCount >= 6 を lost のまま返すこと（本当の敗北）
4. loadTodayGame が status: "won" のデータを変更なしで返すこと
5. saveTodayGame が status: "playing" で保存できること

検証結果

• ESLint (kanji-kanaru): エラーなし（npx eslint src/games/kanji-kanaru/ で確認）
• TypeScript型チェック: エラーなし（npm run typecheck で確認）
• テスト: 全63テスト合格（npx vitest run src/games/kanji-kanaru/ で確認、5ファイル16テスト含む）

注: npm run lint を全体で実行すると irodori の GameContainer.tsx にpre-existingなlintエラー（react-hooks/refs）が4件出るが、これはタスク3（イロドリ修正）に関連する既存の問題であり、本タスクの変更とは無関係。kanji-kanaru配下のファイルにはlintエラーなし。

変更対象ファイル

• src/games/kanji-kanaru/_lib/types.ts
• src/games/kanji-kanaru/_lib/storage.ts
• src/games/kanji-kanaru/_components/GameContainer.tsx
• src/games/kanji-kanaru/_lib/__tests__/storage.test.ts