refactor: 重构Context模块，拆分为独立文件

Author: CC11001100

src/context/AlgorithmContext.tsx

@@ -1,28 +1,8 @@
-import { createContext, useContext, useState, useCallback, useEffect, useRef, type ReactNode } from 'react';
+import { useState, useCallback, useEffect, useRef, type ReactNode } from 'react';
 import type { AnimationStep, Language } from '../types';
 import { AlgorithmEngine } from '../services/AlgorithmEngine';
 import { gridPresets } from '../utils/generators';
-
-interface AlgorithmContextType {
-  gridData: number[][];
-  steps: AnimationStep[];
-  currentStep: number;
-  currentStepData: AnimationStep | null;
-  totalSteps: number;
-  isPlaying: boolean;
-  playbackSpeed: number;
-  selectedLanguage: Language;
-  setGridData: (grid: number[][]) => void;
-  goToStep: (step: number) => void;
-  nextStep: () => void;
-  prevStep: () => void;
-  togglePlay: () => void;
-  reset: () => void;
-  setPlaybackSpeed: (speed: number) => void;
-  setSelectedLanguage: (lang: Language) => void;
-}
-
-const AlgorithmContext = createContext<AlgorithmContextType | null>(null);
+import { AlgorithmContext } from './context';
 
 export function AlgorithmProvider({ children }: { children: ReactNode }) {
   const [gridData, setGridDataState] = useState<number[][]>(gridPresets[0].data);
@@ -46,6 +26,7 @@ export function AlgorithmProvider({ children }: { children: ReactNode }) {
   // 初始化
   useEffect(() => {
     generateSteps(gridData);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
 
   // 设置网格数据
@@ -134,11 +115,3 @@ export function AlgorithmProvider({ children }: { children: ReactNode }) {
     </AlgorithmContext.Provider>
   );
 }
-
-export function useAlgorithm() {
-  const context = useContext(AlgorithmContext);
-  if (!context) {
-    throw new Error('useAlgorithm must be used within AlgorithmProvider');
-  }
-  return context;
-}

src/context/context.ts

@@ -0,0 +1,4 @@
+import { createContext } from 'react';
+import type { AlgorithmContextType } from './types';
+
+export const AlgorithmContext = createContext<AlgorithmContextType | null>(null);

src/context/types.ts

@@ -0,0 +1,20 @@
+import type { AnimationStep, Language } from '../types';
+
+export interface AlgorithmContextType {
+  gridData: number[][];
+  steps: AnimationStep[];
+  currentStep: number;
+  currentStepData: AnimationStep | null;
+  totalSteps: number;
+  isPlaying: boolean;
+  playbackSpeed: number;
+  selectedLanguage: Language;
+  setGridData: (grid: number[][]) => void;
+  goToStep: (step: number) => void;
+  nextStep: () => void;
+  prevStep: () => void;
+  togglePlay: () => void;
+  reset: () => void;
+  setPlaybackSpeed: (speed: number) => void;
+  setSelectedLanguage: (lang: Language) => void;
+}

src/context/useAlgorithm.ts

@@ -0,0 +1,10 @@
+import { useContext } from 'react';
+import { AlgorithmContext } from './context';
+
+export function useAlgorithm() {
+  const context = useContext(AlgorithmContext);
+  if (!context) {
+    throw new Error('useAlgorithm must be used within AlgorithmProvider');
+  }
+  return context;
+}