import { OpenAI } from "https://esm.town/v/std/openai?v=5" import { sqlite } from "https://esm.town/v/std/sqlite?v=6" import { Chess } from "npm:chess.js" import { Hono } from "npm:hono" // sqlite.execute(` // DROP TABLE chess_messages; // `) sqlite.execute(` CREATE TABLE IF NOT EXISTS chess_moves ( id INTEGER PRIMARY KEY AUTOINCREMENT, game_id TEXT NOT NULL, move_san TEXT NOT NULL, date DATETIME DEFAULT CURRENT_TIMESTAMP ) `) sqlite.execute(` CREATE TABLE IF NOT EXISTS chess_messages ( id INTEGER PRIMARY KEY AUTOINCREMENT, game_id TEXT NOT NULL, message TEXT NOT NULL, date DATETIME DEFAULT CURRENT_TIMESTAMP ) `) const app = new Hono() const script = (async () => { const game_id = new URL(location.href).searchParams.get("id"); if (!game_id) { location.href = `/?id=${crypto.randomUUID()}` } const { Chess } = await import("https://esm.sh/chess.js@1.0.0-beta.8") const position = (await fetch(`/game/${game_id}`).then(r => r.json())).fen const thinking = document.querySelector("#thinking") thinking.className = "transition-opacity opacity-0" let game = new Chess(position) function onDragStart(source, piece, position, orientation) { // do not pick up pieces if the game is over if (game.isGameOver()) return false // only pick up pieces for the side to move if ( (game.turn() === "w" && piece.search(/^b/) !== -1) || (game.turn() === "b" && piece.search(/^w/) !== -1) ) { return false } } function onDrop(source: string, target: string) { // see if the move is legal try { var move = game.move({ from: source, to: target, promotion: "q", // NOTE: always promote to a queen for example simplicity }) // illegal move if (move === null) return "snapback" thinking.className = "transition-opacity opacity-100" const response = fetch(`/game/${game_id}`, { method: "POST", body: JSON.stringify({ san: move.san }), }).then(r => r.json()).then(r => { thinking.className = "transition-opacity opacity-0" game = new Chess(r.fen) board.position(r.fen) document.querySelector("#messages").innerText = r.messages.join("\n") updateStatus() }) } catch (e) { return "snapback" } } // update the board position after the piece snap // for castling, en passant, pawn promotion function onSnapEnd() { board.position(game.fen()) } function updateStatus() { var status = "" var moveColor = "White" if (game.turn() === "b") { moveColor = "Black" } // checkmate? if (game.isCheckmate()) { status = "Game over, " + moveColor + " is in checkmate." } // draw? else if (game.isDraw()) { status = "Game over, drawn position" } // game still on else { status = moveColor + " to move" // check? if (game.isCheck()) { status += ", " + moveColor + " is in check" } } } var board = Chessboard("myBoard", { position, draggable: true, // Sorry :/ pieceTheme: "https://chessboardjs.com/img/chesspieces/wikipedia/{piece}.png", onDragStart: onDragStart, onDrop: onDrop, onSnapEnd: onSnapEnd, }) }).toString().split("\n").slice(1).slice(0, -1).join("\n") app.get("/", async (c) => { return c.html(`

OpenAI Chess

Play chess against ChatGPT-4

Thinking

`) }) app.post("/game/:id", async (c) => { const san = (await c.req.json()).san const moves = await sqlite.execute({ sql: `SELECT move_san from chess_moves WHERE game_id = ? ORDER BY ID ASC`, args: [c.req.param().id], }) const chess = new Chess() for (let row of moves.rows) { chess.move(row[0]) } try { chess.move(san) const openai = new OpenAI() let messages = [] await new Promise(resolve => setTimeout(resolve, 2000)) for (let i = 0; i < 5; i++) { await sqlite.execute({ sql: `INSERT INTO chess_messages (game_id, message) VALUES (?, ?)`, args: [c.req.param().id, `Requesting response to ${san}`], }) const completion = await openai.chat.completions.create({ messages: [ { role: "system", content: ` You are a chess grandmaster. You will be given a partially completed game. After seeing it, you should choose the next move. Use standard algebraic notation, e.g. "e4" or "Rdf8" or "R1a3". NEVER give a turn number. NEVER explain your choice. `, }, { role: "user", content: chess.pgn(), }, ...messages, ], model: "gpt-4", max_tokens: 30, }) const proposed = completion.choices.at(0)?.message.content const moves = await sqlite.execute({ sql: `INSERT INTO chess_messages (game_id, message) VALUES (?, ?)`, args: [c.req.param().id, proposed], }) try { chess.move(proposed) await sqlite.execute({ sql: `INSERT INTO chess_moves (game_id, move_san) VALUES (?, ?)`, args: [c.req.param().id, san], }) await sqlite.execute({ sql: `INSERT INTO chess_moves (game_id, move_san) VALUES (?, ?)`, args: [c.req.param().id, proposed], }) const messages = await sqlite.execute({ sql: `SELECT message FROM chess_messages WHERE game_id = ? ORDER BY DATE ASC`, args: [c.req.param().id], }).then(r => r.rows.map(r => r[0])) return c.json({ fen: chess.fen(), completion, messages, }) } catch (e) { messages.push(completion.choices.at(0).message) messages.push({ role: "user", content: "That move is invalid. Try again.", }) const moves = await sqlite.execute({ sql: `INSERT INTO chess_messages (game_id, message) VALUES (?, ?)`, args: [c.req.param().id, "That move is invalid"], }) await new Promise(resolve => setTimeout(resolve, 500)) } } } catch (e) { const moves = await sqlite.execute({ sql: `INSERT INTO chess_messages (game_id, message) VALUES (?, ?)`, args: [c.req.param().id, e.message], }) const msg = await sqlite.execute({ sql: `SELECT message FROM chess_messages WHERE game_id = ? ORDER BY DATE ASC`, args: [c.req.param().id], }).then(r => r.rows.map(r => r[0])) return c.json({ e: e.message, message: "Illegal move", messages: msg }) } }) app.get("/game/:id", async (c) => { const moves = await sqlite.execute({ sql: `SELECT move_san from chess_moves WHERE game_id = ? ORDER BY ID ASC`, args: [c.req.param().id], }) const chess = new Chess() for (let row of moves.rows) { chess.move(row[0]) } return c.json({ moves: moves.rows.map(m => m[0]), fen: chess.fen(), }) }) export default app.fetch

chatgptchess