.nvmrc

@@ -1 +0,0 @@
-22.12

.oxlintrc.json

@@ -1,34 +0,0 @@
-{
-  "$schema": "./node_modules/oxlint/configuration_schema.json",
-  "plugins": ["react", "react-perf", "promise", "import"],
-  "categories": {
-    "correctness": "error",
-    "suspicious": "warn"
-  },
-  "rules": {
-    "no-shadow": "off",
-    "react/react-in-jsx-scope": "off",
-    "react/prop-types": "off",
-    "react/display-name": "off",
-    "react/no-unknown-property": "off",
-    "import/no-unassigned-import": [
-      "warn",
-      {
-        "allow": [
-          "**/*.css",
-          "@pixi/canvas-display",
-          "@pixi/canvas-extract",
-          "@pixi/canvas-graphics",
-          "@pixi/canvas-mesh",
-          "@pixi/canvas-particle-container",
-          "@pixi/canvas-prepare",
-          "@pixi/canvas-renderer",
-          "@pixi/canvas-sprite-tiling",
-          "@pixi/canvas-sprite",
-          "@pixi/canvas-text"
-        ]
-      }
-    ]
-  },
-  "ignorePatterns": ["dist/", "node_modules/"]
-}

README.md

@@ -30,8 +30,3 @@ bun dev
 - Questinmark after flag
 - Earn points for wins
 - Powerups
-
-## TODOs
-
-- Fix scoreboard modal
-- Fix fullscrean

eslint.config.js

@@ -0,0 +1,40 @@
+import globals from "globals";
+import pluginJs from "@eslint/js";
+import tseslint from "typescript-eslint";
+import pluginReact from "eslint-plugin-react";
+import reactHooks from "eslint-plugin-react-hooks";
+
+export default [
+  {
+    ignores: ["dist/", "node_modules/"],
+  },
+  pluginJs.configs.recommended,
+  ...tseslint.configs.recommended,
+  {
+    ...pluginReact.configs.flat.recommended,
+    settings: {
+      react: {
+        version: "detect",
+      },
+    },
+  },
+  {
+    plugins: { "react-hooks": reactHooks },
+    rules: reactHooks.configs.recommended.rules,
+  },
+  {
+    files: ["**/*.{js,mjs,cjs,ts,jsx,tsx}"],
+    rules: {
+      "react/react-in-jsx-scope": "off",
+      "react/prop-types": "off",
+      "react/display-name": "off",
+      "react/no-unknown-property": "off",
+    },
+  },
+  {
+    languageOptions: {
+      ...pluginReact.configs.flat.recommended.languageOptions,
+      globals: { ...globals.browser, ...globals.node },
+    },
+  },
+];

package.json

@@ -8,7 +8,7 @@
     "dev:backend": "bun run backend/index.ts --watch --hot",
     "dev:client": "vite",
     "build": "tsc -b && vite build",
-    "lint": "oxlint",
+    "lint": "eslint",
     "preview": "vite preview",
     "drizzle:schema": "drizzle-kit generate",
     "drizzle:migrate": "bun run backend/migrate.ts",
@@ -51,17 +51,23 @@
     "zod": "^4.1.8"
   },
   "devDependencies": {
+    "@eslint/compat": "^1.3.2",
+    "@eslint/js": "^9.35.0",
     "@tailwindcss/vite": "next",
     "@types/bun": "latest",
     "@types/random-seed": "^0.3.5",
     "@types/react": "^19.1.13",
     "@types/react-dom": "^19.1.9",
-    "@vitejs/plugin-react": "^5.1.4",
+    "@vitejs/plugin-react-swc": "^4.0.1",
     "drizzle-kit": "0.31.4",
-    "oxlint": "^1.51.0",
+    "eslint": "^9.35.0",
+    "eslint-plugin-react": "^7.37.5",
+    "eslint-plugin-react-hooks": "5.2.0",
+    "globals": "^16.4.0",
     "tailwindcss": "^4.1.13",
     "typescript": "^5.9.2",
-    "vite": "^8.0.0-beta.14",
+    "typescript-eslint": "^8.44.0",
+    "vite": "^7.1.5",
     "vite-bundle-analyzer": "^1.2.3",
     "vite-imagetools": "^8.0.0"
   }

src/components/Auth/LoginButton.tsx

@@ -64,7 +64,6 @@ const LoginButton = () => {
                     token: res.token,
                   });
                   await queryClient.resetQueries();
-                  return;
                 })
                 .catch((e) => {
                   setError(e);

src/components/Auth/RegisterButton.tsx

@@ -83,7 +83,6 @@ const RegisterButton = () => {
                   });
                   await queryClient.resetQueries();
                   setIsOpen(false);
-                  return;
                 })
                 .catch((e) => {
                   setError(e);

src/components/Board.tsx

@@ -143,19 +143,6 @@ const Board: React.FC<BoardProps> = (props) => {
 
   const viewportRef = useRef<PixiViewport>(null);
   const [zenMode, setZenMode] = useState(false);
-
-  // Force resize when zen mode changes - the layout needs time to settle
-  useEffect(() => {
-    const timeout = setTimeout(() => {
-      if (ref.current) {
-        setWidth(ref.current.clientWidth);
-        setHeight(ref.current.clientHeight);
-        if (viewportRef.current) onViewportChange(viewportRef.current);
-      }
-    }, 50);
-    return () => clearTimeout(timeout);
-  }, [zenMode, onViewportChange]);
-
   useEffect(() => {
     if (ref.current) {
       ref.current.addEventListener("wheel", (e) => {
@@ -200,7 +187,7 @@ const Board: React.FC<BoardProps> = (props) => {
       <div
         className={cn(
           "w-full h-[70vh] overflow-hidden outline-white/40 outline-2 flex flex-col",
-          zenMode && "fixed top-0 left-0 z-50 w-[100vw] h-[100vh]",
+          zenMode && "fixed top-0 left-0 z-50 right-0 bottom-0 h-[100vh]",
           props.className,
         )}
         style={{
@@ -238,7 +225,6 @@ const Board: React.FC<BoardProps> = (props) => {
         </div>
         {theme && (
           <Application
-            key={`${width}-${height}`}
             hello
             forceFallbackAdapter={!!props.width}
             width={width}

src/components/LeaderboardButton.tsx

@@ -28,7 +28,7 @@ const LeaderboardButton = ({
         <DialogHeader>
           <DialogTitle>Leaderboard</DialogTitle>
         </DialogHeader>
-        <div className="grid grid-cols-[min-content_2fr_1fr] grid-border-b overflow-y-auto max-h-[60vh]">
+        <div className="grid grid-cols-[min-content_2fr_1fr] grid-border-b">
           {leaderboard?.map((_, i) => (
             <Fragment key={i}>
               <div className="p-4 text-white/80 text-right">{i + 1}.</div>

src/components/pixi/PixiViewport.tsx

@@ -65,7 +65,6 @@ const PixiViewport = (props: ViewportProps) => {
       viewport.off("zoomed-end");
     };
   }, [clamp, clampZoom, onViewportChange, viewportRef, app.renderer]);
-
   if (!app.renderer) return null;
   return (
     <pixiViewport

src/main.tsx

@@ -31,7 +31,7 @@ const setup = async () => {
 };
 
 setup().then(() => {
-  return createRoot(document.getElementById("root")!).render(
+  createRoot(document.getElementById("root")!).render(
     <StrictMode>
       <QueryClientProvider client={queryClient}>
         <Shell>

src/views/store/Store.tsx

@@ -15,7 +15,7 @@ import { Rarity } from "../../components/Rarity";
 import { lootboxResultAtom } from "../../atoms";
 import { useAtom } from "jotai";
 import { useEffect } from "react";
-import { initParticlesEngine, Particles as ParticlesComponent } from "@tsparticles/react";
+import Particles, { initParticlesEngine } from "@tsparticles/react";
 import { motion } from "motion/react";
 import BounceImg from "../../components/BounceImg";
 
@@ -29,8 +29,9 @@ const Store = () => {
   useEffect(() => {
     const cb = async () => {
       const { loadSlim } = await import("@tsparticles/slim");
-      const { loadSeaAnemonePreset } =
+      const { loadSeaAnemonePreset } = await import(
-        await import("@tsparticles/preset-sea-anemone");
+        "@tsparticles/preset-sea-anemone"
+      );
       initParticlesEngine(async (engine) => {
         // you can initiate the tsParticles instance (engine) here, adding custom shapes or presets
         // this loads the tsparticles package bundle, it's the easiest method for getting everything ready
@@ -59,7 +60,7 @@ const Store = () => {
             </DialogTitle>
           </DialogHeader>
           <div className="absolute flex h-full w-full flex-col items-center justify-center">
-            <ParticlesComponent
+            <Particles
               className="rounded-md"
               id="tsparticles"
               options={{

vite.config.ts

@@ -1,5 +1,5 @@
 import { defineConfig } from "vite";
-import react from "@vitejs/plugin-react";
+import react from "@vitejs/plugin-react-swc";
 import tailwindcss from "@tailwindcss/vite";
 import { imagetools } from "vite-imagetools";
 // import { analyzer } from "vite-bundle-analyzer";