feat: Add deployment workflow and fix linting issues

Author: rgilks

.cursor/rules/robs-rules.mdc

@@ -0,0 +1,25 @@
+---
+description: 
+globs: 
+alwaysApply: true
+---
+Always use arrow functions in typescript.
+Make sure we can elegantly handle errors, but don't overcomplicate error handling.
+NEVER ignore linting rules! fix the problems.
+Always look for opportunities to strengthen the linting rules.
+Consolidate domain types in one location so we have a strong domain model.
+Always try and improve the type checking.
+Try and avoid duplication between types.
+Use immer where possible to avoid mutation.
+Use Zustand to manage state.
+Don't add a logging facility, the console is fine.
+Code should be as simple and concise as possible.
+REMOVE ALL COMMENTS! unless they are really important.
+Use blank lines to make code easier to read.
+Please ALWAYS! keep the README file up to date.
+In addition in the 'docs' folder create additional detailed technical documentation in the form of markdown documents and keep it up to date as you go.
+When reviewing a file, should it be broken up? can it be improved? is this functionality in the right location within the project
+When I just type 'cp' that means "review all changes in each file, remove comments, run 'npm run check' fix any issues then 'git add -A' and commit and push all changed files."
+When I just type 'p' that means "proceed"
+Dont give me a list of options to choose, devise the best plan you can and proceed with it.
+

.github/workflows/deploy.yml

@@ -0,0 +1,50 @@
+name: Deploy to Cloudflare
+
+on:
+  push:
+    branches:
+      - main
+
+concurrency:
+  group: ${{ github.workflow }}-${{ github.ref }}
+  cancel-in-progress: true
+
+jobs:
+  deploy:
+    runs-on: ubuntu-latest
+    name: Deploy to Cloudflare
+    permissions:
+      contents: read
+      deployments: write
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v4
+
+      - name: Setup Node.js
+        uses: actions/setup-node@v4
+        with:
+          node-version: "20"
+
+      - name: Install dependencies
+        run: npm install
+
+      - name: Build Next.js application
+        run: npx @opennextjs/cloudflare build
+
+      - name: Deploy Next.js to Cloudflare Pages
+        uses: cloudflare/wrangler-action@v3
+        with:
+          apiToken: ${{ secrets.CLOUDFLARE_API_TOKEN }}
+          accountId: ${{ secrets.CLOUDFLARE_ACCOUNT_ID }}
+          command: pages deploy .open-next --project-name=rgou-cloudflare --branch=main
+
+      - name: Setup Rust
+        uses: dtolnay/rust-toolchain@stable
+
+      - name: Deploy AI Worker to Cloudflare Workers
+        uses: cloudflare/wrangler-action@v3
+        with:
+          apiToken: ${{ secrets.CLOUDFLARE_API_TOKEN }}
+          accountId: ${{ secrets.CLOUDFLARE_ACCOUNT_ID }}
+          workingDirectory: "worker"
+          command: deploy

package-lock.json

@@ -27,10 +27,12 @@
     "clsx": "^2.1.1",
     "framer-motion": "^12.18.1",
     "lucide-react": "^0.519.0",
+    "immer": "^10.1.1",
     "next": "^15.3.4",
     "react": "^19.1.0",
     "react-dom": "^19.1.0",
-    "tailwind-merge": "^3.3.1"
+    "tailwind-merge": "^3.3.1",
+    "zustand": "^5.0.5"
   },
   "devDependencies": {
     "@eslint/eslintrc": "^3",

package.json

@@ -173,7 +173,7 @@ export default function RoyalGameOfUr() {
     if (gameState.currentPlayer === "player2" && gameState.canMove) {
       makeAIMove(gameState);
     }
-  }, [gameState.currentPlayer, gameState.canMove, makeAIMove]);
+  }, [gameState, makeAIMove]);
 
   // Handle game end sound effects
   useEffect(() => {