Compare commits
1 Commits
5136d14522
...
4.0.1
| Author | SHA1 | Date | |
|---|---|---|---|
|
|
10a26404b3 |
@@ -142,3 +142,4 @@
|
|||||||
### Features
|
### Features
|
||||||
|
|
||||||
* **websocket:** Implement WebSocket connection and event handling ([#82](https://git.janis-eccarius.de/KnockOutWhist/KnockOutWhist-Web/issues/82)) ([8ca909d](https://git.janis-eccarius.de/KnockOutWhist/KnockOutWhist-Web/commit/8ca909db522dd7108a3e40ce84811eaf8695eaa5))
|
* **websocket:** Implement WebSocket connection and event handling ([#82](https://git.janis-eccarius.de/KnockOutWhist/KnockOutWhist-Web/issues/82)) ([8ca909d](https://git.janis-eccarius.de/KnockOutWhist/KnockOutWhist-Web/commit/8ca909db522dd7108a3e40ce84811eaf8695eaa5))
|
||||||
|
## (2025-11-24)
|
||||||
|
|||||||
@@ -87,7 +87,7 @@ class UserWebsocketActor(
|
|||||||
}
|
}
|
||||||
|
|
||||||
def transmitEventToClient(event: SimpleEvent): Unit = {
|
def transmitEventToClient(event: SimpleEvent): Unit = {
|
||||||
val jsonString = WebsocketEventMapper.toJson(event)
|
val jsonString = WebsocketEventMapper.toJsonString(event)
|
||||||
out ! jsonString
|
out ! jsonString
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@@ -1,9 +1,8 @@
|
|||||||
package util
|
package util
|
||||||
|
|
||||||
import de.knockoutwhist.cards.{Card, Hand}
|
import de.knockoutwhist.cards.Card
|
||||||
import de.knockoutwhist.cards.CardValue.*
|
import de.knockoutwhist.cards.CardValue.*
|
||||||
import de.knockoutwhist.cards.Suit.{Clubs, Diamonds, Hearts, Spades}
|
import de.knockoutwhist.cards.Suit.{Clubs, Diamonds, Hearts, Spades}
|
||||||
import play.api.libs.json.{JsArray, Json}
|
|
||||||
import play.twirl.api.Html
|
import play.twirl.api.Html
|
||||||
import scalafx.scene.image.Image
|
import scalafx.scene.image.Image
|
||||||
|
|
||||||
@@ -37,22 +36,4 @@ object WebUIUtils {
|
|||||||
f"$cv$s"
|
f"$cv$s"
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
|
||||||
* Map a Hand to a JsArray of cards
|
|
||||||
* Per card it has the string and the index in the hand
|
|
||||||
* @param hand
|
|
||||||
* @return
|
|
||||||
*/
|
|
||||||
def handToJson(hand: Hand): JsArray = {
|
|
||||||
val cards = hand.cards
|
|
||||||
JsArray(
|
|
||||||
cards.zipWithIndex.map { case (card, index) =>
|
|
||||||
Json.obj(
|
|
||||||
"idx" -> index,
|
|
||||||
"card" -> cardtoString(card)
|
|
||||||
)
|
|
||||||
}
|
|
||||||
)
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -1,10 +1,8 @@
|
|||||||
package util
|
package util
|
||||||
|
|
||||||
import de.knockoutwhist.utils.events.SimpleEvent
|
import de.knockoutwhist.utils.events.SimpleEvent
|
||||||
import play.api.libs.json.{JsValue, Json}
|
|
||||||
import tools.jackson.databind.json.JsonMapper
|
import tools.jackson.databind.json.JsonMapper
|
||||||
import tools.jackson.module.scala.ScalaModule
|
import tools.jackson.module.scala.ScalaModule
|
||||||
import util.mapper.{ReceivedHandEventMapper, SimpleEventMapper}
|
|
||||||
|
|
||||||
object WebsocketEventMapper {
|
object WebsocketEventMapper {
|
||||||
|
|
||||||
@@ -15,24 +13,8 @@ object WebsocketEventMapper {
|
|||||||
|
|
||||||
private val mapper = JsonMapper.builder().addModule(scalaModule).build()
|
private val mapper = JsonMapper.builder().addModule(scalaModule).build()
|
||||||
|
|
||||||
private var customMappers: Map[String,SimpleEventMapper[SimpleEvent]] = Map()
|
def toJsonString(obj: SimpleEvent): String = {
|
||||||
|
mapper.writeValueAsString(obj)
|
||||||
private def registerCustomMapper[T <: SimpleEvent](mapper: SimpleEventMapper[T]): Unit = {
|
|
||||||
customMappers = customMappers + (mapper.id -> mapper.asInstanceOf[SimpleEventMapper[SimpleEvent]])
|
|
||||||
}
|
|
||||||
|
|
||||||
// Register all custom mappers here
|
|
||||||
registerCustomMapper(ReceivedHandEventMapper)
|
|
||||||
|
|
||||||
def toJson(obj: SimpleEvent): JsValue = {
|
|
||||||
val data = if (customMappers.contains(obj.id)) {
|
|
||||||
return customMappers(obj.id).toJson(obj)
|
|
||||||
}else Json.parse(mapper.writeValueAsString(obj))
|
|
||||||
Json.obj(
|
|
||||||
"id" -> ("request-" + java.util.UUID.randomUUID().toString),
|
|
||||||
"event" -> obj.id,
|
|
||||||
"data" -> data
|
|
||||||
)
|
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -1,16 +0,0 @@
|
|||||||
package util.mapper
|
|
||||||
|
|
||||||
import de.knockoutwhist.events.player.ReceivedHandEvent
|
|
||||||
import play.api.libs.json.{JsArray, JsObject, Json}
|
|
||||||
import util.WebUIUtils
|
|
||||||
|
|
||||||
object ReceivedHandEventMapper extends SimpleEventMapper[ReceivedHandEvent] {
|
|
||||||
|
|
||||||
override def id: String = "ReceivedHandEvent"
|
|
||||||
override def toJson(event: ReceivedHandEvent): JsObject = {
|
|
||||||
Json.obj(
|
|
||||||
"dog" -> event.player.isInDogLife,
|
|
||||||
"hand" -> event.player.currentHand().map(hand => WebUIUtils.handToJson(hand))
|
|
||||||
)
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@@ -1,11 +0,0 @@
|
|||||||
package util.mapper
|
|
||||||
|
|
||||||
import de.knockoutwhist.utils.events.SimpleEvent
|
|
||||||
import play.api.libs.json.JsObject
|
|
||||||
|
|
||||||
trait SimpleEventMapper[T <: SimpleEvent] {
|
|
||||||
|
|
||||||
def id: String
|
|
||||||
def toJson(event: T): JsObject
|
|
||||||
|
|
||||||
}
|
|
||||||
@@ -26,8 +26,6 @@
|
|||||||
<script src="@routes.JavaScriptRoutingController.javascriptRoutes()" type="text/javascript"></script>
|
<script src="@routes.JavaScriptRoutingController.javascriptRoutes()" type="text/javascript"></script>
|
||||||
<script src="@routes.Assets.versioned("javascripts/main.js")" type="text/javascript"></script>
|
<script src="@routes.Assets.versioned("javascripts/main.js")" type="text/javascript"></script>
|
||||||
<script src="@routes.Assets.versioned("../../public/javascripts/websocket.js")" type="text/javascript"></script>
|
<script src="@routes.Assets.versioned("../../public/javascripts/websocket.js")" type="text/javascript"></script>
|
||||||
<script src="@routes.Assets.versioned("../../public/javascripts/events.js")" type="text/javascript"></script>
|
|
||||||
<script src="@routes.Assets.versioned("../../public/javascripts/interact.js")" type="text/javascript"></script>
|
|
||||||
<script src="https://cdn.jsdelivr.net/npm/bootstrap@@5.3.8/dist/js/bootstrap.bundle.min.js" integrity="sha384-FKyoEForCGlyvwx9Hj09JcYn3nv7wiPVlz7YYwJrWVcXK/BmnVDxM+D2scQbITxI" crossorigin="anonymous"></script>
|
<script src="https://cdn.jsdelivr.net/npm/bootstrap@@5.3.8/dist/js/bootstrap.bundle.min.js" integrity="sha384-FKyoEForCGlyvwx9Hj09JcYn3nv7wiPVlz7YYwJrWVcXK/BmnVDxM+D2scQbITxI" crossorigin="anonymous"></script>
|
||||||
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
|
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
|
||||||
</html>
|
</html>
|
||||||
|
|||||||
@@ -1,42 +0,0 @@
|
|||||||
function receiveHandEvent(eventData) {
|
|
||||||
//Data
|
|
||||||
const dog = eventData.dog;
|
|
||||||
const hand = eventData.hand;
|
|
||||||
|
|
||||||
const handElement = $('#card-slide');
|
|
||||||
handElement.addClass('ingame-cards-slide')
|
|
||||||
|
|
||||||
let newHtml = '';
|
|
||||||
|
|
||||||
//Build Hand Container
|
|
||||||
hand.forEach((card) => {
|
|
||||||
//Data
|
|
||||||
const idx = card.idx
|
|
||||||
const cardS = card.card;
|
|
||||||
|
|
||||||
const cardHtml = `
|
|
||||||
<div class="col-auto handcard" style="border-radius: 6px">
|
|
||||||
<div class="btn btn-outline-light p-0 border-0 shadow-none"
|
|
||||||
data-card-id="${idx}"
|
|
||||||
style="border-radius: 6px"
|
|
||||||
onclick="handlePlayCard(this, '${dog}')">
|
|
||||||
|
|
||||||
<img src="/assets/images/cards/${cardS}.png" width="120px" style="border-radius: 6px" alt="${cardS}"/>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
`;
|
|
||||||
newHtml += cardHtml;
|
|
||||||
});
|
|
||||||
|
|
||||||
//Build dog if needed
|
|
||||||
if (dog) {
|
|
||||||
newHtml += `
|
|
||||||
<div class="mt-2">
|
|
||||||
<button class="btn btn-danger" onclick="handleSkipDogLife(this)">Skip Turn</button>
|
|
||||||
</div>
|
|
||||||
`;
|
|
||||||
}
|
|
||||||
handElement.html(newHtml);
|
|
||||||
}
|
|
||||||
|
|
||||||
onEvent("ReceivedHandEvent", receiveHandEvent)
|
|
||||||
@@ -1,7 +0,0 @@
|
|||||||
function handlePlayCard(card, dog) {
|
|
||||||
// TODO needs implementation
|
|
||||||
}
|
|
||||||
|
|
||||||
function handleSkipDogLife(button) {
|
|
||||||
// TODO needs implementation
|
|
||||||
}
|
|
||||||
@@ -1,9 +1,7 @@
|
|||||||
type EventHandler = (data: any) => any | Promise<any>;
|
|
||||||
|
|
||||||
// javascript
|
// javascript
|
||||||
let ws = null; // will be created by connectWebSocket()
|
let ws = null; // will be created by connectWebSocket()
|
||||||
const pending: Map<string, any> = new Map(); // id -> { resolve, reject, timer }
|
const pending = new Map(); // id -> { resolve, reject, timer }
|
||||||
const handlers: Map<string, EventHandler> = new Map(); // eventType -> handler(data) -> (value|Promise)
|
const handlers = new Map(); // eventType -> handler(data) -> (value|Promise)
|
||||||
|
|
||||||
|
|
||||||
let timer = null;
|
let timer = null;
|
||||||
@@ -182,7 +180,7 @@ function sendEventAndWait(eventType, eventData, timeoutMs = 10000) {
|
|||||||
return p;
|
return p;
|
||||||
}
|
}
|
||||||
|
|
||||||
function onEvent(eventType: string, handler: EventHandler) {
|
function onEvent(eventType, handler) {
|
||||||
handlers.set(eventType, handler);
|
handlers.set(eventType, handler);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@@ -1,3 +1,3 @@
|
|||||||
MAJOR=4
|
MAJOR=4
|
||||||
MINOR=0
|
MINOR=0
|
||||||
PATCH=0
|
PATCH=1
|
||||||
|
|||||||
Reference in New Issue
Block a user