Deploy multiplayer backends to VM

Author: life2harsh

.github/workflows/deploy-multiplayer-vm.yml

@@ -0,0 +1,51 @@
+name: Deploy Multiplayer VM
+
+on:
+  workflow_dispatch:
+  push:
+    branches:
+      - main
+    paths:
+      - '.github/workflows/deploy-multiplayer-vm.yml'
+      - 'scripts/deploy_multiplayer_vm.sh'
+      - 'multiplayer/Tank/server.py'
+      - 'multiplayer/Tank/requirements.txt'
+      - 'multiplayer/pacman/server.py'
+      - 'multiplayer/pacman/requirements.txt'
+      - 'multiplayer/pong/server.py'
+      - 'multiplayer/pong/requirements.txt'
+      - 'multiplayer/spaceshooter/server.py'
+      - 'multiplayer/spaceshooter/requirements.txt'
+      - 'multiplayer/arcade_leaderboard/server.py'
+
+concurrency:
+  group: deploy-multiplayer-vm
+  cancel-in-progress: true
+
+jobs:
+  deploy:
+    runs-on: ubuntu-latest
+    permissions:
+      contents: read
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v4
+
+      - name: Setup SSH key
+        env:
+          OSDHACK_VM_SSH_KEY: ${{ secrets.OSDHACK_VM_SSH_KEY }}
+        run: |
+          test -n "$OSDHACK_VM_SSH_KEY" || { echo "Missing GitHub secret: OSDHACK_VM_SSH_KEY"; exit 1; }
+          mkdir -p ~/.ssh
+          printf '%s\n' "$OSDHACK_VM_SSH_KEY" > ~/.ssh/osdhack_vm_key
+          chmod 600 ~/.ssh/osdhack_vm_key
+          ssh-keyscan -H 80.225.194.90 >> ~/.ssh/known_hosts
+
+      - name: Deploy multiplayer backends
+        env:
+          DEPLOY_SSH_HOST: 80.225.194.90
+          DEPLOY_SSH_USER: ubuntu
+          DEPLOY_SSH_KEY_PATH: /home/runner/.ssh/osdhack_vm_key
+        run: |
+          chmod +x scripts/deploy_multiplayer_vm.sh
+          ./scripts/deploy_multiplayer_vm.sh

js/menu.js

@@ -23,7 +23,7 @@ const MenuScreen = (() => {
   const REGISTER_URL = 'https://unstop.com/hackathons/osdhack-2026-open-source-developers-communityosdc-1693803?lb=';
   const ARCADE_LEADERBOARD_URL = (window.location.hostname === 'localhost' || window.location.hostname === '127.0.0.1')
     ? 'http://localhost:8787'
-    : 'http://jha.jpoop.in:8787';
+    : 'https://jha.jpoop.in:6950';
 
   function isModalOpen() {
     const overlay = $('arcadeModalOverlay');

multiplayer/Tank/script.js

@@ -2,7 +2,7 @@ const canvas = document.getElementById('gameCanvas');
 const ctx = canvas.getContext('2d');
 const SERVER_URL = window.location.hostname === 'localhost' || window.location.hostname === '127.0.0.1'
     ? 'ws://localhost:8765'
-    : 'wss://jha.jpoop.in:6900';
+    : 'wss://jha.jpoop.in:6940';
 
 let gameState = {
     tanks: {},

multiplayer/Tank/server.py

@@ -1,6 +1,7 @@
 import asyncio
 import json
 import math
+import os
 import random
 import re
 import time
@@ -738,6 +739,9 @@ async def start_server(self, host='localhost', port=8765):
 if __name__ == "__main__":
     server = GameServer()
     try:
-        asyncio.run(server.start_server())
+        asyncio.run(server.start_server(
+            host=os.environ.get("HOST", "localhost"),
+            port=int(os.environ.get("PORT", "8765"))
+        ))
     except KeyboardInterrupt:
         pass

multiplayer/arcade_leaderboard/server.py

@@ -1,11 +1,12 @@
 import json
+import os
 from datetime import datetime, timezone
 from pathlib import Path
 
 from aiohttp import web
 
 ROOT = Path(__file__).resolve().parent
-DATA_FILE = ROOT / "leaderboards.json"
+DATA_FILE = Path(os.environ.get("ARCADE_LEADERBOARD_DATA_PATH", ROOT / "leaderboards.json"))
 MAX_ENTRIES_PER_GAME = 10
 
 
@@ -76,5 +77,7 @@ async def submit_score(request):
 
 
 if __name__ == "__main__":
-    print("Arcade leaderboard server running on http://localhost:8787")
-    web.run_app(app, host="0.0.0.0", port=8787)
+    host = os.environ.get("HOST", "0.0.0.0")
+    port = int(os.environ.get("PORT", "8787"))
+    print(f"Arcade leaderboard server running on http://{host}:{port}")
+    web.run_app(app, host=host, port=port)

multiplayer/gee-bee/script.js

@@ -18,7 +18,7 @@ const paddleWidth = 75;
 const maxBallSpeed = 7;
 const LEADERBOARD_URL = (window.location.hostname === 'localhost' || window.location.hostname === '127.0.0.1')
     ? 'http://localhost:8787'
-    : 'http://jha.jpoop.in:8787';
+    : 'https://jha.jpoop.in:6950';
 
 let animationFrameId = null;
 let timerId = null;

multiplayer/pacman/script.js

@@ -2682,6 +2682,9 @@ class Timer {
   const leaderboardList = document.getElementById('leaderboard-list');
   const playerNameDisplay = document.getElementById('leaderboard-player-name');
   const bestScoreDisplay = document.getElementById('leaderboard-best-score');
+  const API_BASE = window.location.hostname === 'localhost' || window.location.hostname === '127.0.0.1'
+    ? ''
+    : 'https://jha.jpoop.in:6910';
   const browserId = loadBrowserId();
   const playerName = loadPlayerName();
   let browserBest = parseInt(localStorage.getItem(LOCAL_BEST_KEY) || '0', 10) || 0;
@@ -2775,7 +2778,7 @@ class Timer {
 
   async function refreshLeaderboard() {
     try {
-      const data = await fetchJson('/api/leaderboard');
+      const data = await fetchJson(`${API_BASE}/api/leaderboard`);
       serverAvailable = true;
       renderLeaderboard(data.leaders || []);
     } catch (_error) {
@@ -2785,7 +2788,7 @@ class Timer {
 
   async function refreshPlayer() {
     try {
-      const data = await fetchJson(`/api/player/${encodeURIComponent(browserId)}`);
+      const data = await fetchJson(`${API_BASE}/api/player/${encodeURIComponent(browserId)}`);
       serverAvailable = true;
       applyPlayerRecord(data.player || data);
     } catch (_error) {
@@ -2813,7 +2816,7 @@ class Timer {
     const remaining = [];
     for (const payload of pending) {
       try {
-        const data = await fetchJson('/api/score', {
+        const data = await fetchJson(`${API_BASE}/api/score`, {
           method: 'POST',
           headers: { 'Content-Type': 'application/json' },
           body: JSON.stringify(payload),
@@ -2831,7 +2834,7 @@ class Timer {
 
   async function submitScore(payload) {
     try {
-      const data = await fetchJson('/api/score', {
+      const data = await fetchJson(`${API_BASE}/api/score`, {
         method: 'POST',
         headers: { 'Content-Type': 'application/json' },
         body: JSON.stringify(payload),

multiplayer/pacman/server.py

@@ -1,13 +1,14 @@
 import asyncio
 import json
+import os
 from datetime import datetime, timezone
 from pathlib import Path
 
 from aiohttp import web
 
 
 ROOT = Path(__file__).resolve().parent
-SCORES_PATH = ROOT / "scores.json"
+SCORES_PATH = Path(os.environ.get("PACMAN_SCORES_PATH", ROOT / "scores.json"))
 STATIC_FILES = {
     "/": ROOT / "index.html",
     "/index.html": ROOT / "index.html",
@@ -169,11 +170,26 @@ async def post_score(request):
     return web.json_response({"player": player, "leaders": rank_leaders(data.get("players", {}))})
 
 
+@web.middleware
+async def cors_middleware(request, handler):
+    if request.method == "OPTIONS":
+        response = web.Response(status=204)
+    else:
+        response = await handler(request)
+    response.headers["Access-Control-Allow-Origin"] = "*"
+    response.headers["Access-Control-Allow-Methods"] = "GET,POST,OPTIONS"
+    response.headers["Access-Control-Allow-Headers"] = "Content-Type"
+    return response
+
+
 async def create_app():
-    app = web.Application()
+    app = web.Application(middlewares=[cors_middleware])
     store = ScoreStore(SCORES_PATH)
     await store.ensure_file()
     app["store"] = store
+    app.router.add_options("/api/leaderboard", lambda _request: web.Response(status=204))
+    app.router.add_options("/api/player/{browserId}", lambda _request: web.Response(status=204))
+    app.router.add_options("/api/score", lambda _request: web.Response(status=204))
     app.router.add_get("/", serve_static)
     app.router.add_get("/index.html", serve_static)
     app.router.add_get("/style.css", serve_static)
@@ -187,5 +203,7 @@ async def create_app():
 
 if __name__ == "__main__":
     application = asyncio.run(create_app())
-    print("http://localhost:8080")
-    web.run_app(application, host="localhost", port=8080)
+    host = os.environ.get("HOST", "localhost")
+    port = int(os.environ.get("PORT", "8080"))
+    print(f"http://{host}:{port}")
+    web.run_app(application, host=host, port=port)

multiplayer/pong/script.js

@@ -2,7 +2,7 @@ const canvas = document.getElementById('pong');
 const ctx = canvas.getContext('2d');
 const WS_URL = window.location.hostname === 'localhost' || window.location.hostname === '127.0.0.1'
   ? 'ws://localhost:8765'
-  : 'wss://jha.jpoop.in:4200';
+  : 'wss://jha.jpoop.in:6920';
 
 let gameState = {
   ballX: 400,

multiplayer/pong/server.py

@@ -1,6 +1,7 @@
 import asyncio
 import json
 import logging
+import os
 import random
 import time
 import uuid
@@ -380,18 +381,20 @@ async def game_loop(self):
                 await asyncio.sleep(1 / 60)
 
     async def start_server(self):
+        host = os.environ.get("HOST", "localhost")
+        port = int(os.environ.get("PORT", "8765"))
         asyncio.create_task(self.game_loop())
         server = await websockets.serve(
             self.handle_client,
-            "localhost",
-            8765,
+            host,
+            port,
             ping_interval=20,
             ping_timeout=10
         )
         print("=" * 60)
         print("🏓 MULTIPLAYER PONG SERVER STARTED 🏓")
         print("=" * 60)
-        print("Server: ws://localhost:8765")
+        print(f"Server: ws://{host}:{port}")
         print("• Room joining and spectators enabled")
         print("• First to 10 wins")
         print("=" * 60)