괄호 안의 항을 2, 3, 4 항으로 설정하는 기능 추가

store/gameStore.ts

@@ -4,6 +4,7 @@ import {
   generateSession,
   gradeAnswer,
 } from "@/lib/engine/parenthesis-sign";
+import type { ParenthesisTermCount } from "@/lib/engine/parenthesis-sign";
 import type {
   GradeResult,
   ParenthesisSignProblem,
@@ -14,42 +15,56 @@ export interface GameSession {
   problems: ParenthesisSignProblem[];
   currentIndex: number;
   results: (GradeResult | null)[];
+  termCount: ParenthesisTermCount;
 }
 
 export type ProblemCount = 5 | 10;
+export type MaxTermCount = ParenthesisTermCount;
 
 interface GameState {
   session: GameSession | null;
   selectedProblemCount: ProblemCount;
+  selectedMaxTermCount: MaxTermCount;
   setProblemCount: (count: ProblemCount) => void;
-  initSession: (count?: ProblemCount) => void;
+  setMaxTermCount: (count: MaxTermCount) => void;
+  initSession: (count?: ProblemCount, maxTermCount?: MaxTermCount) => void;
   submitAnswer: (answer: UserAnswer) => void;
   nextProblem: () => void;
   resetSession: () => void;
 }
 
 const DEFAULT_SESSION_COUNT: ProblemCount = 10;
+const DEFAULT_MAX_TERM_COUNT: MaxTermCount = 2;
 
-function createSession(count: ProblemCount = DEFAULT_SESSION_COUNT): GameSession {
-  const problems = generateSession(count);
+function createSession(
+  count: ProblemCount = DEFAULT_SESSION_COUNT,
+  maxTermCount: MaxTermCount = DEFAULT_MAX_TERM_COUNT,
+): GameSession {
+  const problems = generateSession(count, maxTermCount);
 
   return {
     problems,
     currentIndex: 0,
     results: problems.map(() => null),
+    termCount: maxTermCount,
   };
 }
 
 export const useGameStore = create<GameState>((set, get) => ({
   session: null,
   selectedProblemCount: DEFAULT_SESSION_COUNT,
+  selectedMaxTermCount: DEFAULT_MAX_TERM_COUNT,
   setProblemCount: (count) => {
     set({ selectedProblemCount: count });
   },
-  initSession: (count) => {
+  setMaxTermCount: (count) => {
+    set({ selectedMaxTermCount: count });
+  },
+  initSession: (count, maxTermCount) => {
     const selectedProblemCount = count ?? get().selectedProblemCount;
+    const selectedMaxTermCount = maxTermCount ?? get().selectedMaxTermCount;
 
-    set({ session: createSession(selectedProblemCount) });
+    set({ session: createSession(selectedProblemCount, selectedMaxTermCount) });
   },
   submitAnswer: (answer) => {
     const { session } = get();
@@ -83,6 +98,11 @@ export const useGameStore = create<GameState>((set, get) => ({
     });
   },
   resetSession: () => {
-    set({ session: createSession(get().selectedProblemCount) });
+    set({
+      session: createSession(
+        get().selectedProblemCount,
+        get().selectedMaxTermCount,
+      ),
+    });
   },
 }));