X-Git-Url: https://git.cworth.org/git?a=blobdiff_plain;f=tictactoe.js;h=9140b89da9bad2d2b69e2aca9e3f53ff1c2372f9;hb=143c01e643c36e87c6bfc377ad1cf4edcc79e62c;hp=82c5f7e839d770cb4b4bb33f6f040ae9f079c6aa;hpb=90941051a42263fed5bc16d0624510e4bd171810;p=empires-server diff --git a/tictactoe.js b/tictactoe.js index 82c5f7e..9140b89 100644 --- a/tictactoe.js +++ b/tictactoe.js @@ -1,64 +1,33 @@ const express = require("express"); -const cors = require("cors"); -const body_parser = require("body-parser"); -const path = require("path"); -const nunjucks = require("nunjucks"); - -const app = express(); -app.use(cors()); -app.use(body_parser.urlencoded({ extended: false })); -app.use(body_parser.json()); - -nunjucks.configure("templates", { - autoescape: true, - express: app -}); - -class TicTacToe { - constructor() { - this.moves = []; - this.board = Array(9).fill(null); - this.clients = []; - this.next_client_id = 1; +const Game = require("./game.js"); + +const router = express.Router(); + +class TicTacToe extends Game { + constructor(id) { + super(id); + this.state = { + moves: [], + board: Array(9).fill(""), + next_player: "X", + }; } /* Returns Boolean indicating whether move was legal and added. */ add_move(square) { /* Cannot move to an occupied square. */ - if (this.board[square]) + if (this.state.board[square]) return false; - this.board[square] = 'X'; - this.moves.push(square); - - return true; - } + this.state.board[square] = this.state.next_player; + this.state.moves.push(square); - add_client(response) { - const id = this.next_client_id; - this.clients.push({id: id, - response: response}); - this.next_client_id++; - - return id; - } - - remove_client(id) { - this.clients = this.clients.filter(client => client.id !== id); - } + if (this.state.next_player === "X") + this.state.next_player = "O"; + else + this.state.next_player = "X"; - /* Send a string to all clients */ - broadcast_string(str) { - this.clients.forEach(client => client.response.write(str + '\n')); - } - - /* Send an event to all clients. - * - * An event has both a declared type and a separate data block. - * It also ends with two newlines (to mark the end of the event). - */ - broadcast_event(type, data) { - this.broadcast_string(`event: ${type}\ndata: ${data}\n`); + return true; } broadcast_move(square) { @@ -66,16 +35,7 @@ class TicTacToe { } } -app.get('/', (request, response) => { - const game = request.game; - - if (! request.session.nickname) - response.render('choose-nickname.html', { game_name: "Tic Tac Toe" }); - else - response.render('tictactoe-game.html'); -}); - -app.post('/move', (request, response) => { +router.post('/move', (request, response) => { const game = request.game; const square = request.body.square; @@ -91,26 +51,16 @@ app.post('/move', (request, response) => { game.broadcast_move(square); }); -app.get('/events', (request, response) => { +router.get('/events', (request, response) => { const game = request.game; - /* These headers will keep the connection open so we can stream events. */ - const headers = { - "Content-type": "text/event-stream", - "Connection": "keep-alive", - "Cache-Control": "no-cache" - }; - response.writeHead(200, headers); - - /* Add this new client to our list of clients. */ - const id = game.add_client(response); - - /* And queue up cleanup to be triggered on client close. */ - request.on('close', () => { - game.remove_client(id); - }); + game.handle_events(request, response); }); -exports.app = app; -exports.name = "tictactoe"; +exports.router = router; exports.Game = TicTacToe; + +TicTacToe.meta = { + name: "Tic Tac Toe", + identifier: "tictactoe" +};