Update Dockerfile

Dockerfile

@@ -1,223 +1,132 @@
-FROM node:20-alpine
-
-WORKDIR /app
-
-# Install WebSocket dependency
-RUN npm install ws
-
-# Write the entire server and client into a single file inside the container
-COPY <<'EOF' server.js
-const http = require('http');
-const crypto = require('crypto');
-const WebSocket = require('ws');
-
-const PORT = 7860;
-const players = {};
-
-// --- HTTP SERVER (Cookie Handling & HTML Delivery) ---
-const server = http.createServer((req, res) => {
-    const cookieHeader = req.headers.cookie || '';
-    let playerId = cookieHeader.split('; ').find(row => row.startsWith('playerId='))?.split('=')[1];
-    let cookieSetHeader = [];
-
-    if (!playerId) {
-        playerId = crypto.randomUUID();
-        cookieSetHeader.push(`playerId=${playerId}; Max-Age=31536000; Path=/; SameSite=Strict`);
+# syntax=docker/dockerfile:1.4
+FROM ubuntu:22.04
+
+ENV DEBIAN_FRONTEND=noninteractive
+
+# Install all dependencies (Nginx, MariaDB, Redis, PHP 8.1, Supervisor)
+RUN apt-get update && apt-get install -y \
+    curl wget unzip tar supervisor cron \
+    mariadb-server redis-server nginx \
+    php-cli php-fpm php-mysql php-mbstring \
+    php-bcmath php-xml php-curl php-zip php-gd \
+    && apt-get clean \
+    && rm -rf /var/lib/apt/lists/*
+
+# Install Composer
+RUN curl -sS https://getcomposer.org/installer | php -- --install-dir=/usr/local/bin --filename=composer
+
+WORKDIR /var/www/pterodactyl
+
+# Download and extract Pterodactyl Panel
+RUN curl -Lo panel.tar.gz https://github.com/pterodactyl/panel/releases/latest/download/panel.tar.gz \
+    && tar -xzvf panel.tar.gz \
+    && chmod -R 755 storage/* bootstrap/cache/ \
+    && cp .env.example .env
+
+# Start MariaDB temporarily to initialize the database and install the panel
+RUN service mariadb start \
+    && sleep 5 \
+    && mysql -e "CREATE DATABASE panel;" \
+    && mysql -e "CREATE USER 'pterodactyl'@'127.0.0.1' IDENTIFIED BY 'password';" \
+    && mysql -e "GRANT ALL PRIVILEGES ON panel.* TO 'pterodactyl'@'127.0.0.1' WITH GRANT OPTION;" \
+    && mysql -e "FLUSH PRIVILEGES;" \
+    && composer install --no-dev --optimize-autoloader \
+    && php artisan key:generate --force \
+    && sed -i 's/DB_PASSWORD=/DB_PASSWORD=password/g' .env \
+    && sed -i 's/APP_URL=http:\/\/localhost/APP_URL=http:\/\/localhost:7860/g' .env \
+    && sed -i 's/CACHE_DRIVER=file/CACHE_DRIVER=redis/g' .env \
+    && sed -i 's/SESSION_DRIVER=file/SESSION_DRIVER=redis/g' .env \
+    && sed -i 's/QUEUE_CONNECTION=sync/QUEUE_CONNECTION=redis/g' .env \
+    && php artisan migrate --seed --force \
+    && php artisan p:user:make --email="admin@example.com" --username="admin" --name-first="Admin" --name-last="User" --password="admin" --admin=1 \
+    && chown -R www-data:www-data /var/www/pterodactyl/*
+
+# Configure Nginx to listen on Hugging Face's default port (7860)
+# Using "EOF" prevents Docker from interpreting Nginx variables like $uri
+RUN rm /etc/nginx/sites-enabled/default
+COPY <<"EOF" /etc/nginx/sites-enabled/pterodactyl.conf
+server {
+    listen 7860;
+    server_name _;
+    root /var/www/pterodactyl/public;
+    index index.html index.htm index.php;
+    charset utf-8;
+
+    location / {
+        try_files $uri $uri/ /index.php?$query_string;
     }
 
-    if (!players[playerId]) {
-        players[playerId] = {
-            id: playerId,
-            x: Math.random() * 300 + 50,
-            y: Math.random() * 300 + 50,
-            color: `#${Math.floor(crypto.randomInt(16777215)).toString(16).padStart(6, '0')}`
-        };
+    location = /favicon.ico { access_log off; log_not_found off; }
+    location = /robots.txt  { access_log off; log_not_found off; }
+
+    access_log off;
+    error_log  /var/log/nginx/pterodactyl.app-error.log error;
+
+    client_max_body_size 100m;
+    client_body_timeout 120s;
+
+    sendfile off;
+
+    location ~ \.php$ {
+        fastcgi_split_path_info ^(.+\.php)(/.+)$;
+        fastcgi_pass unix:/run/php/php8.1-fpm.sock;
+        fastcgi_index index.php;
+        include fastcgi_params;
+        fastcgi_param PHP_VALUE "upload_max_filesize = 100M \n post_max_size=100M";
+        fastcgi_param SCRIPT_FILENAME $document_root$fastcgi_script_name;
+        fastcgi_param HTTP_PROXY "";
+        fastcgi_intercept_errors off;
+        fastcgi_buffer_size 16k;
+        fastcgi_buffers 4 16k;
+        fastcgi_connect_timeout 300;
+        fastcgi_send_timeout 300;
+        fastcgi_read_timeout 300;
     }
 
-    res.writeHead(200, { 'Content-Type': 'text/html', 'Set-Cookie': cookieSetHeader });
-    res.end(`
-<!DOCTYPE html>
-<html>
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
-    <title>HF Multiplayer Game</title>
-    <style>
-        * { box-sizing: border-box; margin: 0; padding: 0; user-select: none; }
-        body, html { width: 100%; height: 100%; overflow: hidden; background: #111; font-family: sans-serif; }
-        canvas { display: block; width: 100vw; height: 100vh; background: #1a1a1a; }
-        #ui { position: absolute; top: 10px; left: 10px; color: #fff; pointer-events: none; font-size: 14px; background: rgba(0,0,0,0.6); padding: 8px 12px; border-radius: 4px; font-variant-numeric: tabular-nums; }
-    </style>
-</head>
-<body>
-    <div id="ui">Status: Connecting... | Ping: --ms</div>
-    <canvas id="gameCanvas"></canvas>
-    <script>
-        const canvas = document.getElementById('gameCanvas');
-        const ctx = canvas.getContext('2d');
-        const ui = document.getElementById('ui');
-        let myId = "${playerId}";
-        let players = {};
-        let ws;
-        let lastPingTime = 0;
-
-        function resize() { canvas.width = window.innerWidth; canvas.height = window.innerHeight; }
-        window.addEventListener('resize', resize); resize();
-
-        const wsProtocol = window.location.protocol === 'https:' ? 'wss://' : 'ws://';
-        ws = new WebSocket(wsProtocol + window.location.host);
-        
-        ws.onopen = () => {
-            ui.innerText = "Connected! | Ping: ...";
-            // High-frequency ping keep-alive loop to keep connection hot
-            setInterval(() => {
-                if (ws.readyState === WebSocket.OPEN) {
-                    lastPingTime = performance.now();
-                    ws.send('P'); 
-                }
-            }, 1500);
-        };
-        
-        ws.onclose = () => ui.innerText = "Disconnected! Reconnecting...";
-        
-        ws.onmessage = (event) => {
-            const data = event.data;
-            
-            // Fast Pong Parsing
-            if (data[0] === 'O') {
-                const latency = Math.round(performance.now() - lastPingTime);
-                ui.innerText = "Connected! | Ping: " + latency + "ms";
-                return;
-            }
-
-            const msg = JSON.parse(data);
-            if (msg.type === 'INIT') {
-                players = msg.players;
-                for (let id in players) {
-                    players[id].targetX = players[id].x;
-                    players[id].targetY = players[id].y;
-                }
-            } else if (msg.type === 'S') { // Tick sync state
-                for (let id in msg.data) {
-                    if (id === myId) continue;
-                    if (!players[id]) {
-                        players[id] = msg.data[id];
-                    }
-                    players[id].targetX = msg.data[id].x;
-                    players[id].targetY = msg.data[id].y;
-                    if (msg.data[id].color) players[id].color = msg.data[id].color;
-                }
-            } else if (msg.type === 'LEAVE') {
-                if (players[msg.id]) delete players[msg.id];
-            }
-        };
-
-        let lastSendTime = 0;
-        function sendPosition(x, y) {
-            const now = performance.now();
-            // Client-side input throttling (25ms limits client spam)
-            if (now - lastSendTime > 25 && ws.readyState === WebSocket.OPEN) {
-                ws.send("M," + Math.round(x) + "," + Math.round(y));
-                lastSendTime = now;
-            }
-        }
-
-        canvas.addEventListener('touchmove', (e) => {
-            e.preventDefault();
-            if (!players[myId]) return;
-            const touch = e.touches[0];
-            players[myId].x = touch.clientX - 20;
-            players[myId].y = touch.clientY - 20;
-            sendPosition(players[myId].x, players[myId].y);
-        }, { passive: false });
-
-        canvas.addEventListener('mousemove', (e) => {
-            if (!players[myId]) return;
-            players[myId].x = e.clientX - 20;
-            players[myId].y = e.clientY - 20;
-            sendPosition(players[myId].x, players[myId].y);
-        });
-
-        function draw() {
-            ctx.clearRect(0, 0, canvas.width, canvas.height);
-            for (let id in players) {
-                const p = players[id];
-                if (id !== myId) {
-                    // Linear interpolation smooths out proxy packet jitter
-                    p.x += (p.targetX - p.x) * 0.15;
-                    p.y += (p.targetY - p.y) * 0.15;
-                }
-                ctx.fillStyle = p.color || '#ffffff';
-                ctx.fillRect(p.x, p.y, 40, 40);
-                ctx.fillStyle = '#fff';
-                ctx.font = '12px sans-serif';
-                ctx.fillText(id === myId ? "You" : "Player", p.x, p.y - 6);
-            }
-            requestAnimationFrame(draw);
-        }
-        draw();
-    </script>
-</body>
-</html>
-`);
-});
-
-// --- WEBSOCKET SERVER ---
-const wss = new WebSocket.Server({ noServer: true });
-server.on('upgrade', (req, socket, head) => {
-    wss.handleUpgrade(req, socket, head, (ws) => { wss.emit('connection', ws, req); });
-});
-
-wss.on('connection', (ws, req) => {
-    const cookieHeader = req.headers.cookie || '';
-    const playerId = cookieHeader.split('; ').find(row => row.startsWith('playerId='))?.split('=')[1];
-    if (!playerId || !players[playerId]) { ws.close(); return; }
-    
-    ws.playerId = playerId;
-    ws.send(JSON.stringify({ type: 'INIT', players }));
-
-    ws.on('message', (message) => {
-        const raw = message.toString();
-        
-        // Fast plain-text string evaluations to protect server CPU cycles
-        if (raw === 'P') {
-            ws.send('O'); // Minimal response payload
-            return;
-        }
-
-        if (raw.startsWith('M,')) {
-            const parts = raw.split(',');
-            const p = players[ws.playerId];
-            if (p) {
-                p.x = parseFloat(parts[1]) || p.x;
-                p.y = parseFloat(parts[2]) || p.y;
-            }
-        }
-    });
-
-    ws.on('close', () => { 
-        delete players[ws.playerId];
-        broadcast(JSON.stringify({ type: 'LEAVE', id: ws.playerId })); 
-    });
-});
-
-// Discrete 45ms tick rate broadcast loop (Stops HF network congestion entirely)
-setInterval(() => {
-    if (Object.keys(players).length === 0) return;
-    const tickPayload = JSON.stringify({ type: 'S', data: players });
-    broadcast(tickPayload);
-}, 45);
-
-function broadcast(packet) {
-    wss.clients.forEach(client => {
-        if (client.readyState === WebSocket.OPEN) {
-            client.send(packet);
-        }
-    });
+    location ~ /\.ht {
+        deny all;
+    }
 }
+EOF
 
-server.listen(PORT);
+# Configure Supervisord to run all required services in a single container
+COPY <<"EOF" /etc/supervisor/conf.d/supervisord.conf
+[supervisord]
+nodaemon=true
+user=root
+
+[program:mysql]
+command=/usr/bin/mysqld_safe
+autostart=true
+autorestart=true
+
+[program:redis]
+command=/usr/bin/redis-server
+autostart=true
+autorestart=true
+
+[program:php-fpm]
+command=/usr/sbin/php-fpm8.1 -F
+autostart=true
+autorestart=true
+
+[program:nginx]
+command=/usr/sbin/nginx -g "daemon off;"
+autostart=true
+autorestart=true
+
+[program:pteroq]
+command=php /var/www/pterodactyl/artisan queue:work --queue=high,standard,low --sleep=3 --tries=3
+autostart=true
+autorestart=true
+user=www-data
 EOF
 
+# Fix PHP-FPM socket directory permissions
+RUN mkdir -p /run/php && chown -R www-data:www-data /run/php
+
+# Expose the single port required by Hugging Face Spaces
 EXPOSE 7860
-CMD ["node", "server.js"]
+
+# Start Supervisor which handles Nginx, MariaDB, PHP-FPM, Redis, and Pterodactyl Queue
+CMD ["/usr/bin/supervisord", "-c", "/etc/supervisor/conf.d/supervisord.conf"]