tictactoe: Track API change for the /move request: "square" -> "move"

[empires-server] / tictactoe.js

diff --git a/tictactoe.js b/tictactoe.js
index 82c5f7e839d770cb4b4bb33f6f040ae9f079c6aa..7d7450c5ab6c4504e16aba53e9c011bd02757286 100644 (file)
--- 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);
-  }
-
-  /* Send a string to all clients */
-  broadcast_string(str) {
-    this.clients.forEach(client => client.response.write(str + '\n'));
-  }
+    if (this.state.next_player === "X")
+      this.state.next_player = "O";
+    else
+      this.state.next_player = "X";
 
-  /* 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,18 +35,9 @@ 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;
+  const square = request.body.move;
 
   const legal = game.add_move(square);
 
@@ -91,26 +51,10 @@ app.post('/move', (request, response) => {
   game.broadcast_move(square);
 });
 
-app.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);
-  });
-});
-
-exports.app = app;
-exports.name = "tictactoe";
+exports.router = router;
 exports.Game = TicTacToe;
+
+TicTacToe.meta = {
+  name: "Tic Tac Toe",
+  identifier: "tictactoe"
+};