testing socket io

Author: blopa

.gitignore

@@ -28,3 +28,5 @@ yarn-error.log*
 public
 public/
 public/*
+
+server/node_modules

package-lock.json

@@ -2,6 +2,15 @@
   "name": "top-down-react-phaser-game-template",
   "version": "0.1.0",
   "private": true,
+  "scripts": {
+    "generate-atlases": "node scripts/generate-atlas-files.js",
+    "copy-tileset-data": "node scripts/copy-tileset-data.js",
+    "start": "craco start",
+    "build": "craco build",
+    "test": "craco test",
+    "eject": "react-scripts eject",
+    "bump": "ncu -u -t minor"
+  },
   "devDependencies": {
     "@babel/eslint-parser": "^7.16.3",
     "@babel/eslint-plugin": "^7.14.5",
@@ -34,9 +43,9 @@
     "@emotion/styled": "^11.6.0",
     "@mui/core": "^5.0.0-alpha.54",
     "@mui/icons-material": "^5.2.0",
-    "@mui/lab": "^5.0.0-alpha.57",
-    "@mui/material": "^5.2.1",
-    "@mui/styles": "^5.2.1",
+    "@mui/lab": "^5.0.0-alpha.58",
+    "@mui/material": "^5.2.2",
+    "@mui/styles": "^5.2.2",
     "classnames": "^2.3.1",
     "grid-engine": "^2.12.0",
     "is-mobile": "^3.0.0",
@@ -48,16 +57,9 @@
     "react-scripts": "^4.0.3",
     "react-spring": "^9.3.2",
     "redux": "^4.1.2",
-    "redux-thunk": "^2.4.1"
-  },
-  "scripts": {
-    "generate-atlases": "node scripts/generate-atlas-files.js",
-    "copy-tileset-data": "node scripts/copy-tileset-data.js",
-    "start": "craco start",
-    "build": "craco build",
-    "test": "craco test",
-    "eject": "react-scripts eject",
-    "bump": "ncu -u -t minor"
+    "redux-thunk": "^2.4.1",
+    "socket.io-client": "^4.4.0",
+    "uuid": "^8.3.2"
   },
   "browserslist": {
     "production": [

package.json

@@ -0,0 +1,37 @@
+const express = require('express');
+const http = require('http');
+const { Server } = require('socket.io');
+
+// Constants
+const {
+    ADD_CHARACTER,
+    NEW_GAME,
+    MOVE_HERO,
+    MOVE_HERO_SERVER,
+} = require('../src/serverConstants');
+
+const app = express();
+const server = http.createServer(app);
+const io = new Server(server, { cors: { origin: '*' } });
+
+// Express
+app.get('/', (req, res) => {
+    res.send('<h1>Hello world</h1>');
+});
+
+server.listen(4000, () => {
+    console.log('listening on *:4000');
+});
+
+// Socket.io
+io.on('connection', (socket) => {
+    console.log('a user connected');
+    socket.on(NEW_GAME, (hero) => {
+        console.log('create hero:', hero);
+        io.emit(ADD_CHARACTER, hero);
+    });
+    socket.on(MOVE_HERO, (hero, direction) => {
+        console.log('move hero:', hero, direction);
+        io.emit(MOVE_HERO_SERVER, hero, direction);
+    });
+});