style: Format RoyalGameOfUr component and remove comments

Author: rgilks

package-lock.json

@@ -11,6 +11,8 @@
     "start": "next start",
     "lint": "next lint",
     "lint:fix": "next lint --fix",
+    "type-check": "tsc --noEmit",
+    "pretty": "prettier --write '**/*.*'",
     "build:cf": "next build",
     "deploy:cf": "npm run build:cf && wrangler deploy",
     "dev:worker": "cd worker && npm run dev",
@@ -21,30 +23,36 @@
     "postbuild": "npm run build:wasm && rm -rf src/lib/wasm && mv worker/rust_ai_core/pkg src/lib/wasm && mkdir -p public/wasm && cp src/lib/wasm/rgou_ai_worker_bg.wasm public/wasm/",
     "nuke": "rm -rf .next .open-next .wrangler node_modules package-lock.json && npm install && npm run dev",
     "generate:icons": "node scripts/generate-icons.cjs",
-    "pwa:build": "npm run generate:icons && npm run build"
+    "pwa:build": "npm run generate:icons && npm run build",
+    "verify": "prettier --write . && next lint --fix --no-cache && npx tsc --noEmit",
+    "check": "npm run verify",
+    "deps": "npx npm-check-updates",
+    "deps:update": "npx npm-check-updates -u && npm run nuke"
   },
   "dependencies": {
     "clsx": "^2.1.1",
-    "framer-motion": "^12.18.1",
-    "lucide-react": "^0.519.0",
+    "framer-motion": "^12.19.2",
+    "lucide-react": "^0.525.0",
     "immer": "^10.1.1",
     "next": "^15.3.4",
     "react": "^19.1.0",
     "react-dom": "^19.1.0",
     "tailwind-merge": "^3.3.1",
-    "zustand": "^5.0.5"
+    "zustand": "^5.0.6"
   },
   "devDependencies": {
     "@eslint/eslintrc": "^3",
     "@opennextjs/cloudflare": "^1.3.1",
     "@tailwindcss/postcss": "^4",
-    "@types/node": "^20",
+    "@types/node": "^24",
     "@types/react": "^19.1.8",
     "@types/react-dom": "^19.1.6",
     "eslint": "^9",
     "eslint-config-next": "15.3.4",
+    "npm-check-updates": "^18.0.1",
+    "prettier": "^3.6.2",
     "tailwindcss": "^4",
     "typescript": "^5",
-    "wrangler": "^4.20.1"
+    "wrangler": "^4.22.0"
   }
 }

package.json

@@ -23,7 +23,7 @@ self.addEventListener("install", (event) => {
       })
       .catch((error) => {
         console.error("[SW] Failed to cache static assets:", error);
-      })
+      }),
   );
 
   // Take control immediately
@@ -44,13 +44,13 @@ self.addEventListener("activate", (event) => {
               console.log("[SW] Deleting old cache:", cacheName);
               return caches.delete(cacheName);
             }
-          })
+          }),
         );
       })
       .then(() => {
         // Take control of all pages
         return self.clients.claim();
-      })
+      }),
   );
 });
 
@@ -111,7 +111,7 @@ self.addEventListener("fetch", (event) => {
           // For other requests, let them fail
           throw error;
         });
-    })
+    }),
   );
 });
 

public/sw.js

@@ -34,8 +34,9 @@ body {
   background-size: 400% 400%;
   animation: gradientShift 20s ease infinite;
   color: var(--foreground);
-  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
-    "Helvetica Neue", Arial, sans-serif;
+  font-family:
+    -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue",
+    Arial, sans-serif;
   min-height: 100vh;
   overflow-x: hidden;
 }
@@ -54,21 +55,30 @@ body {
 
 /* Mystical glowing effects */
 .mystical-glow {
-  box-shadow: 0 0 12px rgba(99, 102, 241, 0.2), 0 0 24px rgba(99, 102, 241, 0.1),
-    0 0 36px rgba(99, 102, 241, 0.05), inset 0 0 12px rgba(99, 102, 241, 0.05);
+  box-shadow:
+    0 0 12px rgba(99, 102, 241, 0.2),
+    0 0 24px rgba(99, 102, 241, 0.1),
+    0 0 36px rgba(99, 102, 241, 0.05),
+    inset 0 0 12px rgba(99, 102, 241, 0.05);
 }
 
 .rosette-glow {
-  box-shadow: 0 0 10px rgba(251, 191, 36, 0.4), 0 0 20px rgba(251, 191, 36, 0.2),
+  box-shadow:
+    0 0 10px rgba(251, 191, 36, 0.4),
+    0 0 20px rgba(251, 191, 36, 0.2),
     inset 0 0 10px rgba(251, 191, 36, 0.1);
 }
 
 .piece-glow-player {
-  box-shadow: 0 0 8px rgba(59, 130, 246, 0.5), 0 0 16px rgba(59, 130, 246, 0.2);
+  box-shadow:
+    0 0 8px rgba(59, 130, 246, 0.5),
+    0 0 16px rgba(59, 130, 246, 0.2);
 }
 
 .piece-glow-ai {
-  box-shadow: 0 0 8px rgba(236, 72, 153, 0.5), 0 0 16px rgba(236, 72, 153, 0.2);
+  box-shadow:
+    0 0 8px rgba(236, 72, 153, 0.5),
+    0 0 16px rgba(236, 72, 153, 0.2);
 }
 
 .board-square {
@@ -162,7 +172,9 @@ body {
 
 /* Cyberpunk-style text effects */
 .neon-text {
-  text-shadow: 0 0 3px currentColor, 0 0 6px currentColor;
+  text-shadow:
+    0 0 3px currentColor,
+    0 0 6px currentColor;
 }
 
 /* Custom scrollbar */

src/app/globals.css

@@ -90,7 +90,7 @@ export default function AnimatedBackground() {
           0,
           particle.x,
           particle.y,
-          particle.size * 2
+          particle.size * 2,
         );
 
         gradient.addColorStop(0, particle.color);