Add files v1

Dockerfile

@@ -0,0 +1,14 @@
+# Use an official Python runtime as the base image
+FROM python:3.9-slim
+
+RUN useradd -m -u 1000 user
+USER user
+ENV PATH="/home/user/.local/bin:$PATH"
+
+WORKDIR /app
+
+COPY --chown=user ./requirements.txt requirements.txt
+RUN pip install --no-cache-dir --upgrade -r requirements.txt
+
+COPY --chown=user . /app
+CMD ["gunicorn", "--bind", "0.0.0.0:7860", "app:app"]

app.py

@@ -0,0 +1,147 @@
+
+import random
+import string
+from flask import Flask, request, jsonify, render_template
+from threading import Timer
+
+app = Flask(__name__)
+app.config['SECRET_KEY'] = 'your-secret-key'  # Replace with a real secret key
+
+# In-memory storage for game sessions and player data
+sessions = {}
+players = {}
+
+def generate_session_id():
+    return ''.join(random.choices(string.digits, k=4))
+
+def generate_player_id():
+    return ''.join(random.choices(string.ascii_uppercase + string.digits, k=6))
+
+def create_game_session():
+    session_id = generate_session_id()
+    while session_id in sessions:
+        session_id = generate_session_id()
+    sessions[session_id] = {
+        'players': [],
+        'words': {},
+        'current_player': None,
+        'guesses': set(),
+        'incorrect_guesses': 0
+    }
+    return session_id
+
+def join_game_session(session_id):
+    if session_id not in sessions:
+        return None
+    player_id = generate_player_id()
+    sessions[session_id]['players'].append(player_id)
+    players[player_id] = {'session_id': session_id}
+    return player_id
+
+def update_game_state(session_id, guess):
+    session = sessions[session_id]
+    current_player = session['current_player']
+    opponent = [p for p in session['players'] if p != current_player][0]
+
+    guess = guess.lower()
+    session['guesses'].add(guess)
+
+    if guess not in session['words'][opponent]:
+        session['incorrect_guesses'] += 1
+
+    if session['incorrect_guesses'] >= 6:
+        return 'game_over'
+
+    if all(letter in session['guesses'] for letter in session['words'][opponent]):
+        return 'winner'
+
+    session['current_player'] = opponent
+    return 'continue'
+
+def check_win_condition(session_id):
+    session = sessions[session_id]
+    for player in session['players']:
+        if all(letter in session['guesses'] for letter in session['words'][player]):
+            return player
+    return None
+
+@app.route('/')
+def index():
+    return render_template('index.html')
+
+@app.route('/play', methods=['POST'])
+def play():
+    session_id = create_game_session()
+    player_id = join_game_session(session_id)
+    return jsonify({'session_id': session_id, 'player_id': player_id})
+
+@app.route('/join/<session_id>', methods=['POST'])
+def join(session_id):
+    player_id = join_game_session(session_id)
+    if player_id:
+        if len(sessions[session_id]['players']) == 2:
+            sessions[session_id]['current_player'] = sessions[session_id]['players'][0]
+        return jsonify({'player_id': player_id})
+    return jsonify({'error': 'Session not found or full'}), 404
+
+@app.route('/submit_word', methods=['POST'])
+def submit_word():
+    data = request.json
+    session_id = data['session_id']
+    player_id = data['player_id']
+    word = data['word'].lower()
+
+    if len(word) != 7:
+        return jsonify({'error': 'Word must be 7 letters long'}), 400
+
+    sessions[session_id]['words'][player_id] = word
+
+    if len(sessions[session_id]['words']) == 2:
+        return jsonify({'status': 'game_started'})
+    return jsonify({'status': 'waiting_for_opponent'})
+
+@app.route('/guess', methods=['POST'])
+def guess():
+    data = request.json
+    session_id = data['session_id']
+    player_id = data['player_id']
+    guess = data['guess'].lower()
+
+    if player_id != sessions[session_id]['current_player']:
+        return jsonify({'error': 'Not your turn'}), 400
+
+    result = update_game_state(session_id, guess)
+
+    if result == 'game_over':
+        winner = check_win_condition(session_id)
+        return jsonify({'status': 'game_over', 'winner': winner})
+    elif result == 'winner':
+        return jsonify({'status': 'game_over', 'winner': player_id})
+
+    return jsonify({'status': 'continue'})
+
+@app.route('/game_state/<session_id>')
+def game_state(session_id):
+    if session_id not in sessions:
+        return jsonify({'error': 'Session not found'}), 404
+
+    session = sessions[session_id]
+    return jsonify({
+        'players': session['players'],
+        'current_player': session['current_player'],
+        'guesses': list(session['guesses']),
+        'incorrect_guesses': session['incorrect_guesses'],
+        'words': {player: ''.join(['_' if letter not in session['guesses'] else letter for letter in word])
+                  for player, word in session['words'].items()}
+    })
+
+def cleanup_inactive_sessions():
+    current_time = time.time()
+    for session_id in list(sessions.keys()):
+        if current_time - sessions[session_id].get('last_activity', 0) > 60:
+            del sessions[session_id]
+    Timer(60, cleanup_inactive_sessions).start()
+
+if __name__ == '__main__':
+    cleanup_inactive_sessions()
+    app.run(host='0.0.0.0', port=7860)

requirements.txt

@@ -0,0 +1,2 @@
+Flask==2.0.1
+gunicorn==20.1.0

static/css/style.css

@@ -0,0 +1,87 @@
+body {
+    font-family: Arial, sans-serif;
+    background-color: #1a1a1a;
+    color: #ffffff;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    height: 100vh;
+    margin: 0;
+}
+
+.container {
+    text-align: center;
+    background-color: #2a2a2a;
+    padding: 2rem;
+    border-radius: 10px;
+    box-shadow: 0 0 10px rgba(255, 255, 255, 0.1);
+}
+
+h1 {
+    margin-bottom: 2rem;
+}
+
+button {
+    background-color: #4caf50;
+    border: none;
+    color: white;
+    padding: 15px 32px;
+    text-align: center;
+    text-decoration: none;
+    display: inline-block;
+    font-size: 16px;
+    margin: 4px 2px;
+    cursor: pointer;
+    border-radius: 5px;
+    transition: background-color 0.3s;
+}
+
+button:hover {
+    background-color: #45a049;
+}
+
+input[type="text"] {
+    padding: 10px;
+    font-size: 16px;
+    border: 2px solid #4caf50;
+    border-radius: 5px;
+    margin-right: 10px;
+    background-color: #333;
+    color: white;
+}
+
+#sessionInfo,
+#joinGame {
+    margin-top: 20px;
+}
+
+#hangmanSvg {
+    width: 200px;
+    height: 220px;
+    margin: 20px auto;
+}
+
+.word-display {
+    font-size: 24px;
+    letter-spacing: 5px;
+    margin: 20px 0;
+}
+
+.guesses {
+    margin-bottom: 20px;
+}
+
+.player-turn {
+    font-weight: bold;
+    margin-bottom: 10px;
+}
+
+#guessInput {
+    width: 30px;
+    text-align: center;
+}
+
+#message {
+    margin-top: 20px;
+    font-weight: bold;
+}

static/js/game.js

@@ -0,0 +1,134 @@
+let sessionId = null;
+let playerId = null;
+let isMyTurn = false;
+
+document.addEventListener("DOMContentLoaded", (event) => {
+  const playButton = document.getElementById("playButton");
+  const joinButton = document.getElementById("joinButton");
+  const submitWordButton = document.getElementById("submitWordButton");
+  const guessButton = document.getElementById("guessButton");
+
+  if (playButton) playButton.addEventListener("click", startGame);
+  if (joinButton) joinButton.addEventListener("click", joinGame);
+  if (submitWordButton) submitWordButton.addEventListener("click", submitWord);
+  if (guessButton) guessButton.addEventListener("click", makeGuess);
+});
+
+function startGame() {
+  fetch("/play", { method: "POST" })
+    .then((response) => response.json())
+    .then((data) => {
+      sessionId = data.session_id;
+      playerId = data.player_id;
+      document.getElementById("sessionId").textContent = sessionId;
+      document.getElementById("sessionInfo").style.display = "block";
+      document.getElementById("playButton").style.display = "none";
+      document.getElementById("wordInput").style.display = "block";
+    });
+}
+
+function joinGame() {
+  const joinSessionId = document.getElementById("joinSessionId").value;
+  fetch(`/join/${joinSessionId}`, { method: "POST" })
+    .then((response) => response.json())
+    .then((data) => {
+      if (data.error) {
+        alert(data.error);
+      } else {
+        sessionId = joinSessionId;
+        playerId = data.player_id;
+        document.getElementById("joinGame").style.display = "none";
+        document.getElementById("wordInput").style.display = "block";
+      }
+    });
+}
+
+function submitWord() {
+  const word = document.getElementById("wordInputField").value;
+  if (word.length !== 7) {
+    alert("Word must be 7 letters long");
+    return;
+  }
+  fetch("/submit_word", {
+    method: "POST",
+    headers: {
+      "Content-Type": "application/json",
+    },
+    body: JSON.stringify({
+      session_id: sessionId,
+      player_id: playerId,
+      word: word,
+    }),
+  })
+    .then((response) => response.json())
+    .then((data) => {
+      if (data.status === "waiting_for_opponent") {
+        document.getElementById("wordInput").style.display = "none";
+        document.getElementById("waitingMessage").style.display = "block";
+      } else if (data.status === "game_started") {
+        startGamePlay();
+      }
+    });
+}
+
+function startGamePlay() {
+  document.getElementById("waitingMessage").style.display = "none";
+  document.getElementById("gameArea").style.display = "block";
+  updateGameState();
+}
+
+function makeGuess() {
+  if (!isMyTurn) {
+    alert("It's not your turn!");
+    return;
+  }
+  const guess = document.getElementById("guessInput").value;
+  if (guess.length !== 1) {
+    alert("Please enter a single letter");
+    return;
+  }
+  fetch("/guess", {
+    method: "POST",
+    headers: {
+      "Content-Type": "application/json",
+    },
+    body: JSON.stringify({
+      session_id: sessionId,
+      player_id: playerId,
+      guess: guess,
+    }),
+  })
+    .then((response) => response.json())
+    .then((data) => {
+      if (data.status === "game_over") {
+        alert(data.winner === playerId ? "You win!" : "You lose!");
+      }
+      updateGameState();
+    });
+}
+
+function updateGameState() {
+  fetch(`/game_state/${sessionId}`)
+    .then((response) => response.json())
+    .then((data) => {
+      document.getElementById("playerWord").textContent = data.words[playerId];
+      document.getElementById("opponentWord").textContent =
+        data.words[data.players.find((p) => p !== playerId)];
+      document.getElementById("guesses").textContent =
+        "Guessed letters: " + data.guesses.join(", ");
+      isMyTurn = data.current_player === playerId;
+      document.getElementById("playerTurn").textContent = isMyTurn
+        ? "Your turn"
+        : "Opponent's turn";
+      updateHangmanSVG(data.incorrect_guesses);
+    });
+  setTimeout(updateGameState, 2000); // Poll every 2 seconds
+}
+
+function updateHangmanSVG(stage) {
+  fetch(`/static/images/hangman-stage-${stage + 1}.svg`)
+    .then((response) => response.text())
+    .then((svgContent) => {
+      document.getElementById("hangmanSvg").innerHTML = svgContent;
+    });
+}

templates/game.html

@@ -0,0 +1,40 @@
+<!doctype html>
+<html lang="en">
+    <head>
+        <meta charset="UTF-8" />
+        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+        <title>1v1 Hangman - Game</title>
+        <link
+            rel="stylesheet"
+            href="{{ url_for('static', filename='css/style.css') }}"
+        />
+    </head>
+    <body>
+        <div class="container">
+            <h1>1v1 Hangman</h1>
+            <div id="gameArea" style="display: none">
+                <div id="hangmanSvg"></div>
+                <div class="word-display" id="playerWord"></div>
+                <div class="word-display" id="opponentWord"></div>
+                <div class="guesses" id="guesses">Guessed letters:</div>
+                <div class="player-turn" id="playerTurn"></div>
+                <input type="text" id="guessInput" maxlength="1" />
+                <button id="guessButton">Guess</button>
+                <div id="message"></div>
+            </div>
+            <div id="wordInput" style="display: none">
+                <input
+                    type="text"
+                    id="wordInputField"
+                    maxlength="7"
+                    placeholder="Enter a 7-letter word"
+                />
+                <button id="submitWordButton">Submit Word</button>
+            </div>
+            <div id="waitingMessage" style="display: none">
+                Waiting for opponent...
+            </div>
+        </div>
+        <script src="{{ url_for('static', filename='js/game.js') }}"></script>
+    </body>
+</html>

templates/index.html

@@ -0,0 +1,33 @@
+<!doctype html>
+<html lang="en">
+    <head>
+        <meta charset="UTF-8" />
+        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+        <title>1v1 Hangman</title>
+        <link
+            rel="stylesheet"
+            href="{{ url_for('static', filename='css/style.css') }}"
+        />
+    </head>
+    <body>
+        <div class="container">
+            <h1>1v1 Hangman</h1>
+            <button id="playButton">Play</button>
+            <div id="sessionInfo" style="display: none">
+                <p>Session ID: <span id="sessionId"></span></p>
+                <p>
+                    Share this Session ID with your opponent to join the game.
+                </p>
+            </div>
+            <div id="joinGame" style="display: none">
+                <input
+                    type="text"
+                    id="joinSessionId"
+                    placeholder="Enter Session ID"
+                />
+                <button id="joinButton">Join Game</button>
+            </div>
+        </div>
+        <script src="{{ url_for('static', filename='js/game.js') }}"></script>
+    </body>
+</html>