Update src/streamlit_app.py

src/streamlit_app.py

@@ -1,40 +1,108 @@
-import altair as alt
-import numpy as np
-import pandas as pd
 import streamlit as st
+import chess
+import chess.svg
 
-"""
-# Welcome to Streamlit!
-
-Edit `/streamlit_app.py` to customize this app to your heart's desire :heart:.
-If you have any questions, checkout our [documentation](https://docs.streamlit.io) and [community
-forums](https://discuss.streamlit.io).
-
-In the meantime, below is an example of what you can do with just a few lines of code:
-"""
-
-num_points = st.slider("Number of points in spiral", 1, 10000, 1100)
-num_turns = st.slider("Number of turns in spiral", 1, 300, 31)
-
-indices = np.linspace(0, 1, num_points)
-theta = 2 * np.pi * num_turns * indices
-radius = indices
-
-x = radius * np.cos(theta)
-y = radius * np.sin(theta)
-
-df = pd.DataFrame({
-    "x": x,
-    "y": y,
-    "idx": indices,
-    "rand": np.random.randn(num_points),
-})
-
-st.altair_chart(alt.Chart(df, height=700, width=700)
-    .mark_point(filled=True)
-    .encode(
-        x=alt.X("x", axis=None),
-        y=alt.Y("y", axis=None),
-        color=alt.Color("idx", legend=None, scale=alt.Scale()),
-        size=alt.Size("rand", legend=None, scale=alt.Scale(range=[1, 150])),
-    ))
+st.set_page_config(page_title="Chess Game", layout="wide")
+
+# ================= CSS (compact layout) =================
+st.markdown("""
+<style>
+.block-container {
+    padding-top: 1rem;
+    padding-bottom: 1rem;
+}
+
+/* Reduce spacing between columns */
+div[data-testid="column"] {
+    padding: 0 !important;
+}
+
+div[data-testid="stHorizontalBlock"] {
+    gap: 5px !important;
+}
+</style>
+""", unsafe_allow_html=True)
+
+st.title("♟️ Chess Game")
+
+# ================= INIT =================
+if "board" not in st.session_state:
+    st.session_state.board = chess.Board()
+    st.session_state.selected = None
+    st.session_state.message = ""
+
+board = st.session_state.board
+
+# ================= HANDLE CLICK =================
+def select_square(square):
+    if st.session_state.selected is None:
+        piece = board.piece_at(square)
+        if piece and piece.color == board.turn:
+            st.session_state.selected = square
+    else:
+        move = chess.Move(st.session_state.selected, square)
+
+        if move in board.legal_moves:
+            board.push(move)
+            st.session_state.message = "✅ Move played"
+        else:
+            st.session_state.message = "❌ Illegal move"
+
+        st.session_state.selected = None
+
+# ================= LAYOUT =================
+col_board, col_controls = st.columns([2.3, 1])
+
+# ================= BOARD =================
+with col_board:
+    st.subheader(f"Turn: {'White' if board.turn else 'Black'}")
+
+    selected_square = st.session_state.selected
+
+    svg_board = chess.svg.board(
+        board=board,
+        size=720,  # 🔥 big board for better UX
+        lastmove=board.peek() if board.move_stack else None,
+        squares=[selected_square] if selected_square else []
+    )
+
+    st.image(svg_board)
+
+# ================= CONTROLS =================
+with col_controls:
+    st.subheader("🎮 Controls")
+
+    for row in range(7, -1, -1):
+        cols = st.columns(8)
+        for col in range(8):
+            square = chess.square(col, row)
+            name = chess.square_name(square)
+
+            if cols[col].button(name, key=name):
+                select_square(square)
+
+    if st.session_state.message:
+        st.success(st.session_state.message)
+        st.session_state.message = ""
+
+    st.markdown("---")
+
+    if st.button("↩️ Undo"):
+        if board.move_stack:
+            board.pop()
+
+    if st.button("🔄 Reset"):
+        st.session_state.board = chess.Board()
+        st.session_state.selected = None
+
+# ================= STATUS =================
+st.subheader("Game Status")
+
+if board.is_checkmate():
+    st.error("♟️ Checkmate!")
+elif board.is_stalemate():
+    st.warning("Stalemate!")
+elif board.is_check():
+    st.warning("Check!")
+else:
+    st.success("Game in progress...")