Compare commits
9 Commits
dockerize
...
client-end
| Author | SHA1 | Date | |
|---|---|---|---|
| d660845d30 | |||
| 76ee207bce | |||
| 9151aa3e1e | |||
| 69e087c0c9 | |||
| 24d05dc234 | |||
| 7fd6ffca25 | |||
| 2dd246ee76 | |||
| 8ecd0f92df | |||
| 1dba9d1424 |
25
Dockerfile
25
Dockerfile
@ -1,12 +1,13 @@
|
|||||||
FROM python:3.10.11-alpine3.17
|
FROM python:3.10.11-alpine3.17 as env-builder
|
||||||
|
|
||||||
# take arguments
|
# handle optional arguments
|
||||||
ARG INTERNAL_API_PORT
|
ARG INTERNAL_API_PORT=8010
|
||||||
ARG INTERNAL_WS_PORT
|
ARG INTERNAL_WS_PORT=8011
|
||||||
|
|
||||||
RUN \
|
RUN \
|
||||||
pip install pip -U && \
|
apk add --no-cache gcc musl-dev libffi-dev && \
|
||||||
pip install poetry --no-cache-dir
|
pip install pip -U --no-cache-dir --prefer-binary && \
|
||||||
|
pip install poetry --no-cache-dir --prefer-binary
|
||||||
|
|
||||||
WORKDIR /app
|
WORKDIR /app
|
||||||
|
|
||||||
@ -29,6 +30,18 @@ RUN \
|
|||||||
# install python libs
|
# install python libs
|
||||||
pip install -r requirements.txt --no-cache-dir --prefer-binary
|
pip install -r requirements.txt --no-cache-dir --prefer-binary
|
||||||
|
|
||||||
|
|
||||||
|
FROM python:3.10.11-alpine3.17 as runner
|
||||||
|
|
||||||
|
WORKDIR /app
|
||||||
|
COPY --from=env-builder /venv /venv
|
||||||
|
|
||||||
|
# set python thingies and activate virtual environment
|
||||||
|
ENV \
|
||||||
|
PYTHONDONTWRITEBYTECODE=1 \
|
||||||
|
PYTHONUNBUFFERED=1 \
|
||||||
|
PATH="/venv/bin:$PATH"
|
||||||
|
|
||||||
# copy all relevant files
|
# copy all relevant files
|
||||||
COPY ./.docker/* ./
|
COPY ./.docker/* ./
|
||||||
COPY ./hopper ./hopper
|
COPY ./hopper ./hopper
|
||||||
|
|||||||
5
Makefile
5
Makefile
@ -38,10 +38,11 @@ docker-clean:
|
|||||||
|
|
||||||
docker-build:
|
docker-build:
|
||||||
@docker \
|
@docker \
|
||||||
build . \
|
buildx build \
|
||||||
--build-arg INTERNAL_API_PORT=$(INTERNAL_API_PORT) \
|
--build-arg INTERNAL_API_PORT=$(INTERNAL_API_PORT) \
|
||||||
--build-arg INTERNAL_WS_PORT=$(INTERNAL_WS_PORT) \
|
--build-arg INTERNAL_WS_PORT=$(INTERNAL_WS_PORT) \
|
||||||
-t $(CONTAINER_NAME)
|
--tag $(CONTAINER_NAME) \
|
||||||
|
.
|
||||||
|
|
||||||
docker-run:
|
docker-run:
|
||||||
@docker \
|
@docker \
|
||||||
|
|||||||
227
README.md
227
README.md
@ -62,10 +62,59 @@ EndPlayer --> UnlockGame: Unlock game\n for all players
|
|||||||
|
|
||||||
## FairHopper Game Server
|
## FairHopper Game Server
|
||||||
|
|
||||||
|
### Start server as docker container
|
||||||
|
|
||||||
|
Build image:
|
||||||
|
```sh
|
||||||
|
docker build . -t CONTAINER_NAME
|
||||||
|
```
|
||||||
|
|
||||||
|
Create docker container:
|
||||||
|
```sh
|
||||||
|
docker \
|
||||||
|
create \
|
||||||
|
--publish EXTERNAL_API_PORT:8010 \
|
||||||
|
--publish EXTERNAL_WS_PORT:8011 \
|
||||||
|
--name=CONTAINER_NAME \
|
||||||
|
IMAGE_NAME
|
||||||
|
```
|
||||||
|
|
||||||
|
Parameters:
|
||||||
|
- `EXTERNAL_API_PORT` - REST API port
|
||||||
|
- `EXTERNAL_WS_PORT` - Websockets port
|
||||||
|
- `CONTAINER_NAME` - FairHopper container name
|
||||||
|
- `IMAGE_NAME` - FairHopper image name
|
||||||
|
|
||||||
|
Start docker container:
|
||||||
|
```sh
|
||||||
|
docker start CONTAINER_NAME -d
|
||||||
|
```
|
||||||
|
|
||||||
|
Stop docker container:
|
||||||
|
```sh
|
||||||
|
docker stop CONTAINER_NAME
|
||||||
|
```
|
||||||
|
|
||||||
|
Example:
|
||||||
|
```sh
|
||||||
|
docker build . -t fairhopper-service
|
||||||
|
docker \
|
||||||
|
run \
|
||||||
|
--publish 8010:8010 \
|
||||||
|
--publish 8011:8011 \
|
||||||
|
--name=fairhopper-service \
|
||||||
|
fairhopper \
|
||||||
|
--detach
|
||||||
|
docker start fairhopper-service -d
|
||||||
|
docker stop fairhopper-service
|
||||||
|
```
|
||||||
|
|
||||||
|
### Start server on local machine
|
||||||
|
|
||||||
Requirements:
|
Requirements:
|
||||||
- Python 3.10+
|
- Python 3.10+
|
||||||
|
|
||||||
### Install virtual envirnonment
|
#### Install virtual envirnonment
|
||||||
|
|
||||||
Project uses [Poetry](https://python-poetry.org), ultimate dependency management software for Python.
|
Project uses [Poetry](https://python-poetry.org), ultimate dependency management software for Python.
|
||||||
|
|
||||||
@ -79,14 +128,14 @@ Install virtual environment:
|
|||||||
poetry install
|
poetry install
|
||||||
```
|
```
|
||||||
|
|
||||||
### Setting up
|
#### Setting up
|
||||||
|
|
||||||
Copy `settings_template.py` to `settings.py`.
|
Copy `settings_template.py` to `settings.py`.
|
||||||
|
|
||||||
Edit `settings.py` and customize application.
|
Edit `settings.py` and customize application.
|
||||||
|
|
||||||
|
|
||||||
### Starting FairHopper Game Server
|
#### Starting FairHopper Game Server
|
||||||
|
|
||||||
```sh
|
```sh
|
||||||
make run
|
make run
|
||||||
@ -121,11 +170,11 @@ package Masterpiece #seashell {
|
|||||||
usecase Game as "Game Engine"
|
usecase Game as "Game Engine"
|
||||||
usecase WS as "WS Server"
|
usecase WS as "WS Server"
|
||||||
}
|
}
|
||||||
usecase Vis as "Visualisation\nService"
|
usecase Vis as "Flutter\nVisualisation\nService"
|
||||||
}
|
}
|
||||||
|
|
||||||
usecase ExtVis1 as "Visualisation\nService"
|
usecase ExtVis1 as "Visualisation\nClient"
|
||||||
usecase ExtVis2 as "Visualisation\nService"
|
usecase ExtVis2 as "Visualisation\nClient"
|
||||||
|
|
||||||
P1 -left-> API: REST API
|
P1 -left-> API: REST API
|
||||||
P2 -left-> API: REST API
|
P2 -left-> API: REST API
|
||||||
@ -155,41 +204,58 @@ Game ->o WS: Send initial state
|
|||||||
Client1 ->o WS: Client connect
|
Client1 ->o WS: Client connect
|
||||||
activate WS #coral
|
activate WS #coral
|
||||||
WS -> Client1: Game state
|
WS -> Client1: Game state
|
||||||
deactivate
|
deactivate WS
|
||||||
|
|
||||||
Client2 ->o WS: Client connect
|
Client2 ->o WS: Client connect
|
||||||
activate WS #coral
|
activate WS #coral
|
||||||
WS -> Client2: Game state
|
WS -> Client2: Game state
|
||||||
deactivate
|
deactivate WS
|
||||||
|
|
||||||
loop #lightyellow On game state change
|
loop #lightyellow On game state change
|
||||||
Game ->o WS: Game state
|
Game ->o WS: Game state
|
||||||
activate WS #coral
|
activate WS #coral
|
||||||
WS o-> Client1: Game state
|
WS o-> Client1: Game state
|
||||||
WS o-> Client2: Game state
|
WS o-> Client2: Game state
|
||||||
deactivate
|
deactivate WS
|
||||||
end
|
end
|
||||||
|
|
||||||
== Product purchase mode ==
|
== Player reached destination ==
|
||||||
|
|
||||||
Game -> WS: Purchase start
|
Game -> Game: Lock game for other players
|
||||||
activate WS #coral
|
activate Game
|
||||||
WS o-> Client1: Purchase start
|
Game -> WS: Player reached destination
|
||||||
WS o-> Client2: Purchase start
|
activate WS #coral
|
||||||
deactivate
|
WS o-> Client1: Select product
|
||||||
|
WS o-> Client2: Select product
|
||||||
|
deactivate WS
|
||||||
|
deactivate Game
|
||||||
|
|
||||||
loop #lightyellow Purchase countdown timer
|
loop #lightyellow Product select countdown timer (60s)
|
||||||
Game ->o WS: Timer count down
|
Game ->o WS: Timer timeout
|
||||||
|
activate Game
|
||||||
activate WS #coral
|
activate WS #coral
|
||||||
WS o-> Client1: Purchase time left
|
WS o-> Client1: Selection timeout
|
||||||
WS o-> Client2: Purchase time left
|
WS o-> Client2: Selection timeout
|
||||||
deactivate
|
deactivate WS
|
||||||
|
Game -> Game: Unlock game
|
||||||
|
deactivate Game
|
||||||
end
|
end
|
||||||
Game -> WS: Purchase done
|
|
||||||
|
Client1 -> WS: Product selected
|
||||||
activate WS #coral
|
activate WS #coral
|
||||||
WS o-> Client1: Purchase done
|
WS o-> Game: Product selected
|
||||||
WS o-> Client2: Purchase done
|
activate Game
|
||||||
deactivate
|
WS o-> Client2: Product selected
|
||||||
|
deactivate WS
|
||||||
|
|
||||||
|
|
||||||
|
Game -> Game: Unlock game
|
||||||
|
Game -> WS: Game state
|
||||||
|
activate WS #coral
|
||||||
|
WS o-> Client1: Game state
|
||||||
|
WS o-> Client2: Game state
|
||||||
|
deactivate WS
|
||||||
|
deactivate Game
|
||||||
```
|
```
|
||||||
|
|
||||||
|
|
||||||
@ -334,6 +400,8 @@ Response body:
|
|||||||
|
|
||||||
### Game state structure
|
### Game state structure
|
||||||
|
|
||||||
|
Direction: Game server -> Clients
|
||||||
|
|
||||||
Message: `game_dump`
|
Message: `game_dump`
|
||||||
|
|
||||||
Data:
|
Data:
|
||||||
@ -437,109 +505,42 @@ Data:
|
|||||||
}
|
}
|
||||||
```
|
```
|
||||||
|
|
||||||
### Product purchase start
|
### Player reached destination
|
||||||
|
|
||||||
Message: `product_purchase_start`
|
Direction: Game server -> Clients
|
||||||
|
|
||||||
|
Message: `player_reached_destination`
|
||||||
|
|
||||||
Data:
|
Data:
|
||||||
```json
|
```json
|
||||||
{
|
{
|
||||||
"player": {
|
"player": {
|
||||||
"id": "test-player-pero",
|
"id": "2e0f1a50-eaa6-4efd-b0c3-adbf7000eec2",
|
||||||
"name": "Pero",
|
"name": "Joso",
|
||||||
"active": true,
|
"active": true,
|
||||||
"position": {
|
"position": {
|
||||||
"x": 10,
|
"x": 5,
|
||||||
"y": 10
|
"y": 5
|
||||||
},
|
},
|
||||||
"move_count": 1,
|
"move_count": 6,
|
||||||
"move_attempt_count": 1,
|
"move_attempt_count": 6,
|
||||||
"state": "ON_DESTINATION"
|
|
||||||
},
|
|
||||||
"products": [
|
|
||||||
{
|
|
||||||
"name": "CocaCola",
|
|
||||||
"id": "cocacola-id",
|
|
||||||
"description": null
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"name": "Pepsi",
|
|
||||||
"id": "pepsi-id",
|
|
||||||
"description": null
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"name": "Fanta",
|
|
||||||
"id": "fanta-id",
|
|
||||||
"description": null
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"name": "Snickers",
|
|
||||||
"id": "snickers-id",
|
|
||||||
"description": null
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"name": "Mars",
|
|
||||||
"id": "mars-id",
|
|
||||||
"description": null
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"name": "Burek",
|
|
||||||
"id": "burek-id",
|
|
||||||
"description": null
|
|
||||||
}
|
|
||||||
],
|
|
||||||
"timeout": 5
|
|
||||||
}
|
|
||||||
```
|
|
||||||
|
|
||||||
### Product purchase timer tick
|
|
||||||
|
|
||||||
Message: `product_purchase_timer_tick`
|
|
||||||
|
|
||||||
Data:
|
|
||||||
```json
|
|
||||||
{
|
|
||||||
"time_left": 4,
|
|
||||||
"player": {
|
|
||||||
"id": "test-player-pero",
|
|
||||||
"name": "Pero",
|
|
||||||
"active": true,
|
|
||||||
"position": {
|
|
||||||
"x": 10,
|
|
||||||
"y": 10
|
|
||||||
},
|
|
||||||
"move_count": 1,
|
|
||||||
"move_attempt_count": 1,
|
|
||||||
"state": "ON_DESTINATION"
|
"state": "ON_DESTINATION"
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
```
|
```
|
||||||
|
|
||||||
### Product purchase timer done
|
### Product selection timeout
|
||||||
|
|
||||||
Message: `product_purchase_done`
|
Direction: Game server -> Clients
|
||||||
|
|
||||||
Data:
|
Message: `product_selection_timeout`
|
||||||
```json
|
|
||||||
{
|
|
||||||
"player": {
|
|
||||||
"id": "test-player-pero",
|
|
||||||
"name": "Pero",
|
|
||||||
"active": true,
|
|
||||||
"position": {
|
|
||||||
"x": 10,
|
|
||||||
"y": 10
|
|
||||||
},
|
|
||||||
"move_count": 1,
|
|
||||||
"move_attempt_count": 1,
|
|
||||||
"state": "ON_DESTINATION"
|
|
||||||
},
|
|
||||||
"product": {
|
|
||||||
"name": "CocaCola",
|
|
||||||
"id": "cocacola-id",
|
|
||||||
"description": null
|
|
||||||
}
|
|
||||||
}
|
|
||||||
```
|
|
||||||
|
|
||||||
If product selection timeout occured, product will be null.
|
Data: `null`
|
||||||
|
|
||||||
|
### Product selection done
|
||||||
|
|
||||||
|
Message: `product_selection_done`
|
||||||
|
|
||||||
|
Direction: Client -> Game server, Game server -> Clients
|
||||||
|
|
||||||
|
Data: `null`
|
||||||
|
|||||||
Submodule fairhopper-sdk updated: fd71fa276c...ed8f93d7d0
@ -8,6 +8,9 @@
|
|||||||
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css"
|
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css"
|
||||||
integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65" crossorigin="anonymous">
|
integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65" crossorigin="anonymous">
|
||||||
<link rel="stylesheet" href="styles.css">
|
<link rel="stylesheet" href="styles.css">
|
||||||
|
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.min.js"
|
||||||
|
integrity="sha384-cuYeSxntonz0PPNlHhBs68uyIAVpIIOZZ5JqeqvYYIcEL727kskC66kF92t6Xl2V"
|
||||||
|
crossorigin="anonymous"></script>
|
||||||
<script src="js/config.js"></script>
|
<script src="js/config.js"></script>
|
||||||
<script src="js/frontend.js"></script>
|
<script src="js/frontend.js"></script>
|
||||||
|
|
||||||
@ -42,6 +45,26 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</main>
|
</main>
|
||||||
|
|
||||||
|
<div class="modal fade" id="player-on-destination-modal">
|
||||||
|
<div class="modal-dialog">
|
||||||
|
<div class="modal-content">
|
||||||
|
<div class="modal-header">
|
||||||
|
<h5 class="modal-title">Player on destination</h5>
|
||||||
|
</div>
|
||||||
|
<div class="modal-body">
|
||||||
|
Player <strong class="player-name"></strong>
|
||||||
|
reached destination in <strong class="move-count"></strong>
|
||||||
|
moves.
|
||||||
|
</div>
|
||||||
|
<div class="modal-footer">
|
||||||
|
<button type="button" class="btn btn-primary" id="finish-product-selection" data-bs-dismiss="modal">
|
||||||
|
Finish product selection
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
</body>
|
</body>
|
||||||
|
|
||||||
</html>
|
</html>
|
||||||
@ -2,6 +2,9 @@ if (typeof FAIRHOPPER_WS_SERVER === "undefined") {
|
|||||||
var FAIRHOPPER_WS_SERVER = "ws://127.0.0.1:8011";
|
var FAIRHOPPER_WS_SERVER = "ws://127.0.0.1:8011";
|
||||||
}
|
}
|
||||||
|
|
||||||
|
let ws = null;
|
||||||
|
let playerOnDestinationModal = null;
|
||||||
|
|
||||||
const BOARD_ICONS = {
|
const BOARD_ICONS = {
|
||||||
PLAYER: "😀",
|
PLAYER: "😀",
|
||||||
PLAYER_ON_DESTINATION: "😎",
|
PLAYER_ON_DESTINATION: "😎",
|
||||||
@ -87,8 +90,6 @@ function renderDestination(position) {
|
|||||||
}
|
}
|
||||||
|
|
||||||
function renderGameDump(data) {
|
function renderGameDump(data) {
|
||||||
closePurchaseWindow();
|
|
||||||
|
|
||||||
createBoard(data.board);
|
createBoard(data.board);
|
||||||
renderObstacles(data.layers);
|
renderObstacles(data.layers);
|
||||||
renderDestination(data.destination.position);
|
renderDestination(data.destination.position);
|
||||||
@ -96,46 +97,24 @@ function renderGameDump(data) {
|
|||||||
renderPlayers(data.players);
|
renderPlayers(data.players);
|
||||||
}
|
}
|
||||||
|
|
||||||
function productPurchaseStart(products, purchaseTimeout) {
|
function playerReachedDestination(data) {
|
||||||
console.log("productPurchaseStart:", products);
|
const dlgElement = document.getElementById("player-on-destination-modal");
|
||||||
const containerElement = document.getElementById("purchase-container");
|
dlgElement.querySelector(".player-name").textContent = data.player.name;
|
||||||
const contentElement = document.getElementById("products-content");
|
dlgElement.querySelector(".move-count").textContent = data.player.move_count;
|
||||||
const purchaseTimeoutElement = document.getElementById("purchase-countdown");
|
playerOnDestinationModal.show();
|
||||||
|
|
||||||
contentElement.innerHTML = products
|
|
||||||
.map((product) => {
|
|
||||||
return `
|
|
||||||
<div class="card product" id="product-${product.id}">
|
|
||||||
<img src="img/products/${product.name}.jpeg" class="card-img-topx" alt="${product.name}">
|
|
||||||
<div class="card-body">
|
|
||||||
<h5 class="card-title">${product.name}</h5>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
`;
|
|
||||||
})
|
|
||||||
.join("");
|
|
||||||
containerElement.classList.remove("d-none");
|
|
||||||
purchaseTimeoutElement.innerText = purchaseTimeout;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
function productPurchaseTimerTick(timeLeft) {
|
function productSelectionTimeout() {
|
||||||
const purchaseTimeoutElement = document.getElementById("purchase-countdown");
|
playerOnDestinationModal.hide();
|
||||||
purchaseTimeoutElement.innerText = timeLeft;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
function closePurchaseWindow() {
|
function productSelectionDone() {
|
||||||
const container = document.getElementById("purchase-container");
|
playerOnDestinationModal.hide();
|
||||||
container.classList.add("d-none");
|
|
||||||
}
|
|
||||||
|
|
||||||
function productPurchaseDone(product) {
|
|
||||||
const cardContainer = document.getElementById(`product-${product.id}`);
|
|
||||||
cardContainer.classList.add("selected");
|
|
||||||
}
|
}
|
||||||
|
|
||||||
function wsConnect() {
|
function wsConnect() {
|
||||||
console.log("Attempting to connect to", FAIRHOPPER_WS_SERVER);
|
console.log("Attempting to connect to", FAIRHOPPER_WS_SERVER);
|
||||||
let ws = new WebSocket(FAIRHOPPER_WS_SERVER);
|
ws = new WebSocket(FAIRHOPPER_WS_SERVER);
|
||||||
|
|
||||||
ws.onopen = () => {
|
ws.onopen = () => {
|
||||||
console.log("WS connected");
|
console.log("WS connected");
|
||||||
@ -149,14 +128,14 @@ function wsConnect() {
|
|||||||
case "game_dump":
|
case "game_dump":
|
||||||
renderGameDump(wsMessage.data);
|
renderGameDump(wsMessage.data);
|
||||||
break;
|
break;
|
||||||
case "product_purchase_start":
|
case "player_reached_destination":
|
||||||
productPurchaseStart(wsMessage.data.products, wsMessage.data.timeout);
|
playerReachedDestination(wsMessage.data);
|
||||||
break;
|
break;
|
||||||
case "product_purchase_timer_tick":
|
case "product_selection_timeout":
|
||||||
productPurchaseTimerTick(wsMessage.data.time_left);
|
productSelectionTimeout();
|
||||||
break;
|
break;
|
||||||
case "product_purchase_done":
|
case "product_selection_done":
|
||||||
productPurchaseDone(wsMessage.data.product);
|
productSelectionDone();
|
||||||
break;
|
break;
|
||||||
default:
|
default:
|
||||||
console.error("Unknown message:", wsMessage);
|
console.error("Unknown message:", wsMessage);
|
||||||
@ -164,6 +143,7 @@ function wsConnect() {
|
|||||||
};
|
};
|
||||||
|
|
||||||
ws.onclose = (e) => {
|
ws.onclose = (e) => {
|
||||||
|
ws = null;
|
||||||
setTimeout(() => {
|
setTimeout(() => {
|
||||||
wsConnect();
|
wsConnect();
|
||||||
}, 1000);
|
}, 1000);
|
||||||
@ -175,6 +155,24 @@ function wsConnect() {
|
|||||||
};
|
};
|
||||||
}
|
}
|
||||||
|
|
||||||
|
function finishProductSelection() {
|
||||||
|
if (!ws) {
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
const wsMessage = {
|
||||||
|
message: "product_selection_done",
|
||||||
|
data: null,
|
||||||
|
};
|
||||||
|
ws.send(JSON.stringify(wsMessage));
|
||||||
|
}
|
||||||
|
|
||||||
window.onload = () => {
|
window.onload = () => {
|
||||||
|
const dlgElement = document.getElementById("player-on-destination-modal");
|
||||||
|
playerOnDestinationModal = new bootstrap.Modal(dlgElement);
|
||||||
|
|
||||||
|
document.getElementById("finish-product-selection").onclick = () => {
|
||||||
|
finishProductSelection();
|
||||||
|
};
|
||||||
|
|
||||||
wsConnect();
|
wsConnect();
|
||||||
};
|
};
|
||||||
|
|||||||
@ -1,7 +1,5 @@
|
|||||||
from __future__ import annotations
|
from __future__ import annotations
|
||||||
|
|
||||||
from typing import Optional
|
|
||||||
|
|
||||||
from pydantic import BaseModel as PydanticBaseModel
|
from pydantic import BaseModel as PydanticBaseModel
|
||||||
|
|
||||||
from hopper.enums import PlayerState
|
from hopper.enums import PlayerState
|
||||||
@ -40,11 +38,6 @@ class DestinationDto(BaseModel):
|
|||||||
position: PositionDto
|
position: PositionDto
|
||||||
|
|
||||||
|
|
||||||
class ProductDto(BaseModel):
|
|
||||||
name: str
|
|
||||||
id: str
|
|
||||||
description: Optional[str] = None
|
|
||||||
|
|
||||||
class StartGameRequestDto(BaseModel):
|
class StartGameRequestDto(BaseModel):
|
||||||
player_name: str
|
player_name: str
|
||||||
|
|
||||||
@ -68,11 +61,3 @@ class PlayerInfoResponseDto(MovePlayerResponseDto):
|
|||||||
|
|
||||||
class ErrorResponseDto(BaseModel):
|
class ErrorResponseDto(BaseModel):
|
||||||
detail: str
|
detail: str
|
||||||
|
|
||||||
|
|
||||||
class GetProductsResponse(BaseModel):
|
|
||||||
products: list[ProductDto]
|
|
||||||
|
|
||||||
|
|
||||||
class PurchaseProductDto(BaseModel):
|
|
||||||
product_id: str
|
|
||||||
|
|||||||
@ -6,20 +6,20 @@ from hopper.api.dto import (
|
|||||||
DestinationDto,
|
DestinationDto,
|
||||||
ErrorResponseDto,
|
ErrorResponseDto,
|
||||||
GameInfoDto,
|
GameInfoDto,
|
||||||
GetProductsResponse,
|
|
||||||
MovePlayerResponseDto,
|
MovePlayerResponseDto,
|
||||||
PingResponse,
|
PingResponse,
|
||||||
PlayerInfoResponseDto,
|
PlayerInfoResponseDto,
|
||||||
ProductDto,
|
|
||||||
PurchaseProductDto,
|
|
||||||
StartGameRequestDto,
|
StartGameRequestDto,
|
||||||
StartGameResponseDto,
|
StartGameResponseDto,
|
||||||
)
|
)
|
||||||
from hopper.engine import GameEngine
|
from hopper.engine import GameEngine
|
||||||
from hopper.enums import Direction, PlayerMoveResult
|
from hopper.enums import Direction, PlayerMoveResult
|
||||||
from hopper.errors import Collision, GameLockForMovement, PositionOutOfBounds, PurchaseForbiddenForPlayer
|
from hopper.errors import (
|
||||||
|
Collision,
|
||||||
|
GameLockForMovement,
|
||||||
|
PositionOutOfBounds,
|
||||||
|
)
|
||||||
from hopper.models.player import Player
|
from hopper.models.player import Player
|
||||||
from settings import settings
|
|
||||||
|
|
||||||
router = APIRouter()
|
router = APIRouter()
|
||||||
|
|
||||||
@ -81,11 +81,11 @@ async def start_game(
|
|||||||
responses={
|
responses={
|
||||||
status.HTTP_403_FORBIDDEN: {
|
status.HTTP_403_FORBIDDEN: {
|
||||||
"model": ErrorResponseDto,
|
"model": ErrorResponseDto,
|
||||||
"description": " Player inactive",
|
"description": "Player inactive",
|
||||||
},
|
},
|
||||||
status.HTTP_404_NOT_FOUND: {
|
status.HTTP_404_NOT_FOUND: {
|
||||||
"model": ErrorResponseDto,
|
"model": ErrorResponseDto,
|
||||||
"description": " Player with id not found, probably kicked out",
|
"description": "Player with id not found, probably kicked out",
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
)
|
)
|
||||||
@ -106,19 +106,19 @@ async def get_player_info(
|
|||||||
},
|
},
|
||||||
status.HTTP_403_FORBIDDEN: {
|
status.HTTP_403_FORBIDDEN: {
|
||||||
"model": ErrorResponseDto,
|
"model": ErrorResponseDto,
|
||||||
"description": " Player inactive",
|
"description": "Player inactive",
|
||||||
},
|
},
|
||||||
status.HTTP_404_NOT_FOUND: {
|
status.HTTP_404_NOT_FOUND: {
|
||||||
"model": ErrorResponseDto,
|
"model": ErrorResponseDto,
|
||||||
"description": " Player with id not found, probably kicked out",
|
"description": "Player with id not found, probably kicked out",
|
||||||
},
|
},
|
||||||
status.HTTP_409_CONFLICT: {
|
status.HTTP_409_CONFLICT: {
|
||||||
"model": ErrorResponseDto,
|
"model": ErrorResponseDto,
|
||||||
"description": " Position out of bounds or collision with an object",
|
"description": "Position out of bounds or collision with an object",
|
||||||
},
|
},
|
||||||
status.HTTP_423_LOCKED: {
|
status.HTTP_423_LOCKED: {
|
||||||
"model": ErrorResponseDto,
|
"model": ErrorResponseDto,
|
||||||
"description": " Player reached destination. Can't move anymore.",
|
"description": "Player reached destination. Can't move anymore.",
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
)
|
)
|
||||||
@ -148,41 +148,3 @@ async def move_player(
|
|||||||
response.status_code = status.HTTP_200_OK
|
response.status_code = status.HTTP_200_OK
|
||||||
|
|
||||||
return MovePlayerResponseDto(player=player)
|
return MovePlayerResponseDto(player=player)
|
||||||
|
|
||||||
|
|
||||||
@router.get("/products", response_model=GetProductsResponse)
|
|
||||||
async def get_products() -> GetProductsResponse:
|
|
||||||
return GetProductsResponse(
|
|
||||||
products=settings.products,
|
|
||||||
)
|
|
||||||
|
|
||||||
|
|
||||||
@router.get("/products/{id}", response_model=ProductDto)
|
|
||||||
async def get_product(id: str) -> ProductDto:
|
|
||||||
for product in settings.products:
|
|
||||||
if product.id == id:
|
|
||||||
return ProductDto.from_orm(product)
|
|
||||||
raise HTTPException(
|
|
||||||
status_code=status.HTTP_404_NOT_FOUND, detail="Product not found"
|
|
||||||
)
|
|
||||||
|
|
||||||
|
|
||||||
@router.post("/player/{id}/product/purchase", response_model=ProductDto)
|
|
||||||
async def purchase_product(
|
|
||||||
body: PurchaseProductDto,
|
|
||||||
engine: GameEngine = Depends(get_game_engine),
|
|
||||||
player: Player = Depends(get_player),
|
|
||||||
) -> ProductDto:
|
|
||||||
for product in settings.products:
|
|
||||||
if product.id == body.product_id:
|
|
||||||
try:
|
|
||||||
await engine.purchase_product(player=player, product=product)
|
|
||||||
return ProductDto.from_orm(product)
|
|
||||||
except PurchaseForbiddenForPlayer:
|
|
||||||
raise HTTPException(
|
|
||||||
status_code=status.HTTP_403_FORBIDDEN,
|
|
||||||
detail="Purchase forbidden for this player",
|
|
||||||
)
|
|
||||||
raise HTTPException(
|
|
||||||
status_code=status.HTTP_404_NOT_FOUND, detail="Product not found"
|
|
||||||
)
|
|
||||||
|
|||||||
@ -5,12 +5,7 @@ from typing import Optional
|
|||||||
|
|
||||||
from hopper.countdown_timer import CountdownTimer
|
from hopper.countdown_timer import CountdownTimer
|
||||||
from hopper.enums import Direction, GameState, PlayerMoveResult, PlayerState
|
from hopper.enums import Direction, GameState, PlayerMoveResult, PlayerState
|
||||||
from hopper.errors import (
|
from hopper.errors import Collision, GameLockForMovement, PositionOutOfBounds
|
||||||
Collision,
|
|
||||||
GameLockForMovement,
|
|
||||||
PositionOutOfBounds,
|
|
||||||
PurchaseForbiddenForPlayer,
|
|
||||||
)
|
|
||||||
from hopper.models.board import (
|
from hopper.models.board import (
|
||||||
BOARD_DUMP_CHARS,
|
BOARD_DUMP_CHARS,
|
||||||
BoardLayout,
|
BoardLayout,
|
||||||
@ -22,7 +17,6 @@ from hopper.models.board import (
|
|||||||
create_random_position,
|
create_random_position,
|
||||||
)
|
)
|
||||||
from hopper.models.player import Player, PlayerList, Position
|
from hopper.models.player import Player, PlayerList, Position
|
||||||
from hopper.models.product import Product
|
|
||||||
from hopper.watchdog import InactivityWatchdog
|
from hopper.watchdog import InactivityWatchdog
|
||||||
from hopper.ws_server import WSServer
|
from hopper.ws_server import WSServer
|
||||||
from settings import settings
|
from settings import settings
|
||||||
@ -178,29 +172,20 @@ class GameEngine:
|
|||||||
self.game_state = GameState.LOCK_FOR_MOVEMENT
|
self.game_state = GameState.LOCK_FOR_MOVEMENT
|
||||||
await self.send_game_dump()
|
await self.send_game_dump()
|
||||||
|
|
||||||
await self.ws_server.send_product_purchase_start_message(
|
await self.ws_server.send_player_reached_destination_message(player=player)
|
||||||
player=player, products=settings.products
|
|
||||||
)
|
|
||||||
|
|
||||||
logging.info(
|
logging.info(
|
||||||
f"Starting purchase countdown timer for {settings.purchase_timeout} seconds"
|
f"Starting product selection countdown timer for {settings.purchase_timeout} seconds"
|
||||||
)
|
)
|
||||||
|
|
||||||
def on_purchase_timer_tick(time_left) -> None:
|
def on_purchase_timer_tick(time_left) -> None:
|
||||||
logging.info(f"Purchase countdown timer tick, time left: {time_left}")
|
logging.info(f"Product selection countdown timer tick, time left: {time_left}")
|
||||||
asyncio.run(
|
|
||||||
self.ws_server.send_product_purchase_time_left_message(
|
|
||||||
player=player, time_left=time_left
|
|
||||||
)
|
|
||||||
)
|
|
||||||
|
|
||||||
def on_purchase_timer_done() -> None:
|
def on_purchase_timer_done() -> None:
|
||||||
logging.info("Ding ding! Purchase countdown timer timeout")
|
logging.info("Ding ding! Product selection countdown timer timeout")
|
||||||
self._purchase_countdown_timer = None
|
self._purchase_countdown_timer = None
|
||||||
asyncio.run(
|
asyncio.run(
|
||||||
self.ws_server.send_product_purchase_done_message(
|
self.ws_server.send_product_selection_timeout_message()
|
||||||
player=player, product=None
|
|
||||||
)
|
|
||||||
)
|
)
|
||||||
self.game_state = GameState.RUNNING
|
self.game_state = GameState.RUNNING
|
||||||
asyncio.run(self.send_game_dump())
|
asyncio.run(self.send_game_dump())
|
||||||
@ -214,15 +199,11 @@ class GameEngine:
|
|||||||
|
|
||||||
await asyncio.sleep(settings.game.PURCHASE_START_DELAY)
|
await asyncio.sleep(settings.game.PURCHASE_START_DELAY)
|
||||||
|
|
||||||
async def purchase_product(self, player: Player, product: Product) -> None:
|
async def product_selection_done(self) -> None:
|
||||||
if not player.state == PlayerState.ON_DESTINATION:
|
logging.info("Product selection done, unlocking game")
|
||||||
raise PurchaseForbiddenForPlayer()
|
|
||||||
if self._purchase_countdown_timer:
|
if self._purchase_countdown_timer:
|
||||||
self._purchase_countdown_timer.stop()
|
self._purchase_countdown_timer.stop()
|
||||||
await self.ws_server.send_product_purchase_done_message(
|
await self.ws_server.send_product_selection_done_message()
|
||||||
player=player, product=product
|
|
||||||
)
|
|
||||||
await asyncio.sleep(settings.game.PURCHASE_FINISHED_DELAY)
|
|
||||||
await self.reset_game()
|
await self.reset_game()
|
||||||
|
|
||||||
def _reset_player(self, player) -> None:
|
def _reset_player(self, player) -> None:
|
||||||
|
|||||||
@ -12,7 +12,3 @@ class Collision(BaseError):
|
|||||||
|
|
||||||
class GameLockForMovement(BaseError):
|
class GameLockForMovement(BaseError):
|
||||||
...
|
...
|
||||||
|
|
||||||
|
|
||||||
class PurchaseForbiddenForPlayer(BaseError):
|
|
||||||
...
|
|
||||||
|
|||||||
@ -10,7 +10,6 @@ from hopper.models.product import Product
|
|||||||
class GameSettings:
|
class GameSettings:
|
||||||
MOVE_DELAY: float = 0.5 # seconds
|
MOVE_DELAY: float = 0.5 # seconds
|
||||||
PURCHASE_START_DELAY: float = 2 # seconds
|
PURCHASE_START_DELAY: float = 2 # seconds
|
||||||
PURCHASE_FINISHED_DELAY: float = 2 # seconds
|
|
||||||
|
|
||||||
|
|
||||||
@dataclass
|
@dataclass
|
||||||
|
|||||||
@ -6,14 +6,7 @@ from typing import Optional, TypeVar
|
|||||||
from pydantic import Field
|
from pydantic import Field
|
||||||
from pydantic.generics import GenericModel
|
from pydantic.generics import GenericModel
|
||||||
|
|
||||||
from hopper.api.dto import (
|
from hopper.api.dto import BaseModel, BoardDto, DestinationDto, PlayerDto, PositionDto
|
||||||
BaseModel,
|
|
||||||
BoardDto,
|
|
||||||
DestinationDto,
|
|
||||||
PlayerDto,
|
|
||||||
PositionDto,
|
|
||||||
ProductDto,
|
|
||||||
)
|
|
||||||
from hopper.enums import ObjectType
|
from hopper.enums import ObjectType
|
||||||
|
|
||||||
|
|
||||||
@ -34,20 +27,8 @@ class GameDumpDto(BaseModel):
|
|||||||
layers: list[LayerDto]
|
layers: list[LayerDto]
|
||||||
|
|
||||||
|
|
||||||
class ProductPurchaseStartDto(BaseModel):
|
class PlayerReachedDestinationDto(BaseModel):
|
||||||
player: PlayerDto
|
player: PlayerDto
|
||||||
products: list[ProductDto]
|
|
||||||
timeout: int
|
|
||||||
|
|
||||||
|
|
||||||
class ProductPurchaseTimerDto(BaseModel):
|
|
||||||
time_left: int
|
|
||||||
player: PlayerDto
|
|
||||||
|
|
||||||
|
|
||||||
class ProductPurchaseDoneDto(BaseModel):
|
|
||||||
player: PlayerDto
|
|
||||||
product: Optional[ProductDto] = None
|
|
||||||
|
|
||||||
|
|
||||||
TMessageData = TypeVar("TMessageData", bound=BaseModel)
|
TMessageData = TypeVar("TMessageData", bound=BaseModel)
|
||||||
@ -63,22 +44,25 @@ class WSMessage(GenericModel):
|
|||||||
def to_str(self) -> str:
|
def to_str(self) -> str:
|
||||||
return json.dumps(self.dict())
|
return json.dumps(self.dict())
|
||||||
|
|
||||||
|
@classmethod
|
||||||
|
@property
|
||||||
|
def message_type(cls) -> str:
|
||||||
|
return cls.__fields__["message"].default
|
||||||
|
|
||||||
|
|
||||||
class WSGameDumpMessage(WSMessage):
|
class WSGameDumpMessage(WSMessage):
|
||||||
message: str = "game_dump"
|
message: str = "game_dump"
|
||||||
data: GameDumpDto
|
data: GameDumpDto
|
||||||
|
|
||||||
|
|
||||||
class WSProductPurchaseStartMessage(WSMessage):
|
class WSProductSelectionDoneMessage(WSMessage):
|
||||||
message: str = "product_purchase_start"
|
message: str = "product_selection_done"
|
||||||
data: ProductPurchaseStartDto
|
|
||||||
|
|
||||||
|
|
||||||
class WSProductPurchaseTimerTickMessage(WSMessage):
|
class WSProductSelectionTimeoutMessage(WSMessage):
|
||||||
message: str = "product_purchase_timer_tick"
|
message: str = "product_selection_timeout"
|
||||||
data: ProductPurchaseTimerDto
|
|
||||||
|
|
||||||
|
|
||||||
class WSProductPurchaseDoneMessage(WSMessage):
|
class WSPlayerReachedDestinationMessage(WSMessage):
|
||||||
message: str = "product_purchase_done"
|
message: str = "player_reached_destination"
|
||||||
data: ProductPurchaseDoneDto
|
data: PlayerReachedDestinationDto
|
||||||
|
|||||||
@ -1,26 +1,22 @@
|
|||||||
import asyncio
|
import asyncio
|
||||||
|
import json
|
||||||
import logging
|
import logging
|
||||||
from threading import Thread
|
from threading import Thread
|
||||||
from typing import Iterable, Optional
|
|
||||||
|
|
||||||
import websockets
|
import websockets
|
||||||
from websockets import WebSocketServerProtocol
|
from websockets import WebSocketServerProtocol
|
||||||
from websockets.exceptions import ConnectionClosedOK
|
from websockets.exceptions import ConnectionClosedError, ConnectionClosedOK
|
||||||
|
|
||||||
from hopper.models.player import Player
|
from hopper.models.player import Player
|
||||||
from hopper.models.product import Product
|
|
||||||
from hopper.models.ws_dto import (
|
from hopper.models.ws_dto import (
|
||||||
GameDumpDto,
|
GameDumpDto,
|
||||||
ProductPurchaseDoneDto,
|
PlayerReachedDestinationDto,
|
||||||
ProductPurchaseStartDto,
|
|
||||||
ProductPurchaseTimerDto,
|
|
||||||
WSGameDumpMessage,
|
WSGameDumpMessage,
|
||||||
WSMessage,
|
WSMessage,
|
||||||
WSProductPurchaseDoneMessage,
|
WSPlayerReachedDestinationMessage,
|
||||||
WSProductPurchaseStartMessage,
|
WSProductSelectionDoneMessage,
|
||||||
WSProductPurchaseTimerTickMessage,
|
WSProductSelectionTimeoutMessage,
|
||||||
)
|
)
|
||||||
from settings import settings
|
|
||||||
|
|
||||||
|
|
||||||
class WSServer(Thread):
|
class WSServer(Thread):
|
||||||
@ -29,6 +25,31 @@ class WSServer(Thread):
|
|||||||
self.port = port
|
self.port = port
|
||||||
super().__init__(daemon=True)
|
super().__init__(daemon=True)
|
||||||
|
|
||||||
|
async def handle_rcv_message(
|
||||||
|
self, client: WebSocketServerProtocol, raw_message: str
|
||||||
|
) -> None:
|
||||||
|
try:
|
||||||
|
ws_message = json.loads(raw_message)
|
||||||
|
except Exception as ex:
|
||||||
|
logging.error(
|
||||||
|
f"Error decoding WS message from {client.id} {raw_message}: {ex}"
|
||||||
|
)
|
||||||
|
return None
|
||||||
|
|
||||||
|
data_message = ws_message.get("message")
|
||||||
|
if data_message == WSProductSelectionDoneMessage.message_type:
|
||||||
|
await self.handle_rcv_product_selection_done(client)
|
||||||
|
|
||||||
|
async def handle_rcv_product_selection_done(
|
||||||
|
self, client: WebSocketServerProtocol
|
||||||
|
) -> None:
|
||||||
|
logging.info(f"Handle WSProductSelectionDoneMessage: {client.id}")
|
||||||
|
# avoid circular imports
|
||||||
|
from hopper.api.dependencies import get_game_engine
|
||||||
|
|
||||||
|
engine = get_game_engine()
|
||||||
|
await engine.product_selection_done()
|
||||||
|
|
||||||
async def handler(self, websocket: WebSocketServerProtocol) -> None:
|
async def handler(self, websocket: WebSocketServerProtocol) -> None:
|
||||||
"""New handler instance spawns for each connected client"""
|
"""New handler instance spawns for each connected client"""
|
||||||
self.connected_clients.add(websocket)
|
self.connected_clients.add(websocket)
|
||||||
@ -42,8 +63,15 @@ class WSServer(Thread):
|
|||||||
while connected:
|
while connected:
|
||||||
try:
|
try:
|
||||||
# we're expecting nothing from client, but read if client sends a message
|
# we're expecting nothing from client, but read if client sends a message
|
||||||
await websocket.recv()
|
rcv_data = await websocket.recv()
|
||||||
|
await self.handle_rcv_message(
|
||||||
|
client=websocket, raw_message=rcv_data
|
||||||
|
)
|
||||||
except ConnectionClosedOK:
|
except ConnectionClosedOK:
|
||||||
|
logging.info(f"Connection closed OK for client: {websocket.id}")
|
||||||
|
connected = False
|
||||||
|
except ConnectionClosedError:
|
||||||
|
logging.info(f"Connection closed error for client: {websocket.id}")
|
||||||
connected = False
|
connected = False
|
||||||
finally:
|
finally:
|
||||||
self.connected_clients.remove(websocket)
|
self.connected_clients.remove(websocket)
|
||||||
@ -89,35 +117,20 @@ class WSServer(Thread):
|
|||||||
message = self._create_game_dump_message()
|
message = self._create_game_dump_message()
|
||||||
await self.send_message_to_clients(message)
|
await self.send_message_to_clients(message)
|
||||||
|
|
||||||
async def send_product_purchase_start_message(
|
async def send_player_reached_destination_message(self, player: Player) -> None:
|
||||||
self, player: Player, products: Iterable[Product]
|
message = WSPlayerReachedDestinationMessage(
|
||||||
) -> None:
|
data=PlayerReachedDestinationDto(
|
||||||
message = WSProductPurchaseStartMessage(
|
|
||||||
data=ProductPurchaseStartDto(
|
|
||||||
player=player,
|
player=player,
|
||||||
products=products,
|
|
||||||
timeout=settings.purchase_timeout,
|
|
||||||
)
|
)
|
||||||
)
|
)
|
||||||
await self.send_message_to_clients(message)
|
await self.send_message_to_clients(message)
|
||||||
|
|
||||||
async def send_product_purchase_time_left_message(
|
async def send_product_selection_done_message(self) -> None:
|
||||||
self, player: Player, time_left: int
|
message = WSProductSelectionDoneMessage()
|
||||||
) -> None:
|
|
||||||
message = WSProductPurchaseTimerTickMessage(
|
|
||||||
data=ProductPurchaseTimerDto(
|
|
||||||
player=player,
|
|
||||||
time_left=time_left,
|
|
||||||
)
|
|
||||||
)
|
|
||||||
await self.send_message_to_clients(message)
|
await self.send_message_to_clients(message)
|
||||||
|
|
||||||
async def send_product_purchase_done_message(
|
async def send_product_selection_timeout_message(self) -> None:
|
||||||
self, player: Player, product: Optional[Product] = None
|
message = WSProductSelectionTimeoutMessage()
|
||||||
) -> None:
|
|
||||||
message = WSProductPurchaseDoneMessage(
|
|
||||||
data=ProductPurchaseDoneDto(player=player, product=product),
|
|
||||||
)
|
|
||||||
await self.send_message_to_clients(message)
|
await self.send_message_to_clients(message)
|
||||||
|
|
||||||
async def run_async(self) -> None:
|
async def run_async(self) -> None:
|
||||||
|
|||||||
Reference in New Issue
Block a user