remove pixi

apps/client/package.json

@@ -9,24 +9,15 @@
 	},
 	"type": "module",
 	"dependencies": {
-		"@hono/node-server": "1.8.2",
-		"@twurple/auth": "7.1.0",
-		"@twurple/chat": "7.1.0",
-		"@twurple/easy-bot": "7.1.0",
-		"hono": "4.1.2",
-		"pixi.js": "7.4.0",
-		"react": "18.2.0",
-		"react-dom": "18.2.0"
+		"react": "*",
+		"react-dom": "*"
 	},
 	"devDependencies": {
-		"@biomejs/biome": "1.6.1",
-		"@tailwindcss/vite": "4.0.0-alpha.9",
-		"@types/react": "18.2.67",
-		"@types/react-dom": "18.2.22",
-		"@vitejs/plugin-react": "4.2.1",
-		"tailwindcss": "4.0.0-alpha.9",
-		"tsx": "4.7.1",
-		"typescript": "5.4.2",
-		"vite": "5.1.6"
+		"@tailwindcss/vite": "*",
+		"@types/react": "*",
+		"@types/react-dom": "*",
+		"@vitejs/plugin-react": "*",
+		"tailwindcss": "*",
+		"vite": "*"
 	}
 }

apps/client/src/components/interface.tsx

@@ -79,19 +79,25 @@ export const Interface = () => {
 	});
 
 	return (
-		<div className="z-10 absolute top-0 left-0">
-			{showPlayers}
-			{showTrees}
-
-			<Village />
-
-			<div className="fixed bottom-4 left-4">
-				<div className="mb-2 w-fit px-3 py-1 font-semibold text-xl text-amber-900 bg-amber-100/90 border-b-4 rounded-2xl">
-					Последние действия:
+		<>
+			<div
+				className="fixed top-0 bottom-0 left-0 right-0"
+				style={{ backgroundImage: "url('/Grass_Sample.png')" }}
+			/>
+			<div className="z-10 absolute top-0 left-0">
+				{showPlayers}
+				{showTrees}
+
+				<Village />
+
+				<div className="fixed bottom-4 left-4">
+					<div className="mb-2 w-fit px-3 py-1 font-semibold text-xl text-amber-900 bg-amber-100/90 border-b-4 rounded-2xl">
+						Последние действия:
+					</div>
+					<div className="flex flex-nowrap gap-2">{showLastCommands}</div>
 				</div>
-				<div className="flex flex-nowrap gap-2">{showLastCommands}</div>
 			</div>
-		</div>
+		</>
 	);
 };
 

apps/client/src/main.tsx

@@ -1,12 +1,10 @@
 import React from "react";
 import ReactDOM from "react-dom/client";
-import { Game } from "./components/game.tsx";
-import { Interface } from "./components/interface.js";
+import { Interface } from "./components/interface";
 import "./index.css";
 
 ReactDOM.createRoot(document.getElementById("root") as HTMLElement).render(
 	<React.StrictMode>
-		<Game />
 		<Interface />
 	</React.StrictMode>,
 );