feat: Set up frontend project with Vite, React, and implement AnalysisPanel and NewGameButton components.

Author: andermanasalb

frontend/package.json

@@ -21,6 +21,7 @@
     "react-dom": "^18.3.1"
   },
   "devDependencies": {
+    "@types/node": "^20.0.0",
     "@eslint/js": "^9.15.0",
     "@types/react": "^18.3.12",
     "@types/react-dom": "^18.3.1",

frontend/src/components/AnalysisPanel.tsx

@@ -10,7 +10,7 @@ interface AnalysisPanelProps {
 }
 
 export default function AnalysisPanel({ gameState, analysis }: AnalysisPanelProps) {
-  const { isCheck, isCheckmate, isGameOver, isThinking, turn } = gameState;
+  const { isThinking } = gameState;
 
   const classicalScore = analysis?.classical_score ?? 0;
   const barPercent = scoreToBarPercent(classicalScore);

frontend/src/components/NewGameButton.tsx

@@ -1,6 +1,5 @@
 import { RotateCcw } from "lucide-react";
 import clsx from "clsx";
-import { motion } from "framer-motion";
 
 interface NewGameButtonProps {
   onClick: () => void;

frontend/tsconfig.app.json

@@ -17,6 +17,7 @@
     "noUnusedParameters": true,
     "noFallthroughCasesInSwitch": true,
     "noUncheckedSideEffectImports": true,
+    "types": ["vite/client"],
     "baseUrl": ".",
     "paths": {
       "@/*": ["./src/*"]

frontend/vite.config.ts

@@ -1,22 +1,15 @@
 import { defineConfig } from "vite";
 import react from "@vitejs/plugin-react";
-import path from "path";
 
 export default defineConfig({
   plugins: [react()],
   resolve: {
     alias: {
-      "@": path.resolve(__dirname, "./src"),
+      "@": new URL("./src", import.meta.url).pathname,
     },
   },
   server: {
     port: 5173,
-    proxy: {
-      "/api": {
-        target: process.env.VITE_API_URL || "http://localhost:8000",
-        changeOrigin: true,
-      },
-    },
   },
   build: {
     sourcemap: true,