import streamlit as st import json # Set page config to wide mode st.set_page_config(layout="wide") # Initialize session state if not already done if 'board' not in st.session_state: st.session_state.board = [ ['♜', '♞', '♝', '♛', '♚', '♝', '♞', '♜'], ['♟', '♟', '♟', '♟', '♟', '♟', '♟', '♟'], [None] * 8, [None] * 8, [None] * 8, [None] * 8, ['♙', '♙', '♙', '♙', '♙', '♙', '♙', '♙'], ['♖', '♘', '♗', '♕', '♔', '♗', '♘', '♖'] ] if 'current_player' not in st.session_state: st.session_state.current_player = 'white' if 'selected_piece' not in st.session_state: st.session_state.selected_piece = None if 'last_move' not in st.session_state: st.session_state.last_move = None def handle_move(): if 'last_move' in st.session_state and st.session_state.last_move: move_data = json.loads(st.session_state.last_move) row, col = move_data['row'], move_data['col'] if st.session_state.selected_piece is None: # Select a piece if st.session_state.board[row][col] is not None: st.session_state.selected_piece = {'row': row, 'col': col} else: # Move the selected piece from_row = st.session_state.selected_piece['row'] from_col = st.session_state.selected_piece['col'] # Make the move st.session_state.board[row][col] = st.session_state.board[from_row][from_col] st.session_state.board[from_row][from_col] = None st.session_state.selected_piece = None st.session_state.current_player = 'black' if st.session_state.current_player == 'white' else 'white' # Clear the last move st.session_state.last_move = None st.rerun() # Create the HTML/JavaScript for the chess board chess_board_html = f"""
Current Player: {'White' if st.session_state.current_player == 'white' else 'Black'}
""" # Generate the squares with pieces for row in range(8): for col in range(8): piece = st.session_state.board[row][col] or '' is_selected = (st.session_state.selected_piece and st.session_state.selected_piece['row'] == row and st.session_state.selected_piece['col'] == col) square_color = 'white' if (row + col) % 2 == 0 else 'black' selected_class = ' selected' if is_selected else '' chess_board_html += f"""
{piece}
""" # Add JavaScript for handling moves with Streamlit state management chess_board_html += """
""" # Display the chess board and handle moves component_value = st.components.v1.html(chess_board_html, height=1200) if component_value: st.session_state.last_move = component_value handle_move() # Add a reset button if st.button('Reset Game'): st.session_state.board = [ ['♜', '♞', '♝', '♛', '♚', '♝', '♞', '♜'], ['♟', '♟', '♟', '♟', '♟', '♟', '♟', '♟'], [None] * 8, [None] * 8, [None] * 8, [None] * 8, ['♙', '♙', '♙', '♙', '♙', '♙', '♙', '♙'], ['♖', '♘', '♗', '♕', '♔', '♗', '♘', '♖'] ] st.session_state.current_player = 'white' st.session_state.selected_piece = None st.session_state.last_move = None st.rerun()