Fixes broken types after CI (#47)

* type fixes
* add ci flow

Author: alanthai

.github/workflows/ci.yml

@@ -0,0 +1,42 @@
+name: CI
+
+on:
+  pull_request:
+    branches:
+      - main
+
+jobs:
+  build:
+    runs-on: ubuntu-latest
+
+    env:
+      NODE_VERSION: "22.17.0"
+
+    steps:
+      - name: Checkout code
+        uses: actions/checkout@v4
+
+      - name: Setup Node.js
+        uses: actions/setup-node@v4
+        with:
+          node-version: ${{ env.NODE_VERSION }}
+          cache: "npm"
+          cache-dependency-path: |
+            server/package-lock.json
+            client/package-lock.json
+
+      - name: Install server dependencies
+        run: |
+          cd server
+          npm ci
+
+      - name: Install client dependencies
+        run: |
+          cd client
+          npm ci
+
+      - name: Build client
+        run: |
+          cd client
+          npm run build:staging
+          echo "✅ Client build validation completed"

client/src/main.tsx

@@ -6,7 +6,7 @@ import { BoltSDK } from "@boltpay/bolt-js";
 BoltSDK.initialize({
   publishableKey: import.meta.env.VITE_BOLT_PUBLISHABLE_KEY,
   gameId: import.meta.env.VITE_GAME_ID,
-  environment: "Development",
+  environment: "development",
 });
 
 render(<App />, document.getElementById("app")!);

client/src/pages/Game.tsx

@@ -3,7 +3,6 @@ import CharacterImage from "../assets/Character_l_Sample01.png";
 import GameOverOverlay from "../components/GameOverOverlay";
 import "./Game.css";
 import { BoltSDK, type PreloadedAd } from "@boltpay/bolt-js";
-import { env } from "../configs/env";
 
 interface GameState {
   score: number;
@@ -40,8 +39,7 @@ export default function Game() {
   }, []);
 
   const preloadAd = () => {
-    const ad = BoltSDK.gaming.preloadAd(env.AD_LINK, {
-      type: "untimed",
+    const ad = BoltSDK.gaming.preloadAd({
       onClaim: () => {
         handleRestartClick();
       },
@@ -51,7 +49,7 @@ export default function Game() {
 
   const initGame = (
     canvas: HTMLCanvasElement,
-    ctx: CanvasRenderingContext2D
+    ctx: CanvasRenderingContext2D,
   ) => {
     preloadAd();
 
@@ -167,7 +165,7 @@ export default function Game() {
     function checkCollision(
       dinoX: number,
       dinoY: number,
-      obstacle: { x: number; y: number; width: number; height: number }
+      obstacle: { x: number; y: number; width: number; height: number },
     ): boolean {
       // Character image bounds (adjusted for the new character image)
       const dinoBox = {