2021-05-28 00:24:08 +02:00
|
|
|
import { Subject } from "rxjs";
|
2021-05-28 01:14:10 +02:00
|
|
|
import { EnterLeaveEvent, isEnterLeaveEvent } from '../Events/EnterLeaveEvent';
|
2021-06-23 11:32:11 +02:00
|
|
|
import {IframeApiContribution, sendToWorkadventure} from './IframeApiContribution';
|
2021-06-21 11:48:39 +02:00
|
|
|
import { apiCallback } from "./registeredCallbacks";
|
2021-06-23 11:32:11 +02:00
|
|
|
import type {LayerEvent} from "../Events/LayerEvent";
|
|
|
|
import type {SetPropertyEvent} from "../Events/setPropertyEvent";
|
|
|
|
import type {GameStateEvent} from "../Events/GameStateEvent";
|
|
|
|
import type {ITiledMap} from "../../Phaser/Map/ITiledMap";
|
|
|
|
import type {DataLayerEvent} from "../Events/DataLayerEvent";
|
|
|
|
import {isGameStateEvent} from "../Events/GameStateEvent";
|
|
|
|
import {isDataLayerEvent} from "../Events/DataLayerEvent";
|
2021-05-25 13:47:41 +02:00
|
|
|
|
2021-05-28 00:24:08 +02:00
|
|
|
const enterStreams: Map<string, Subject<EnterLeaveEvent>> = new Map<string, Subject<EnterLeaveEvent>>();
|
|
|
|
const leaveStreams: Map<string, Subject<EnterLeaveEvent>> = new Map<string, Subject<EnterLeaveEvent>>();
|
2021-06-23 11:32:11 +02:00
|
|
|
const dataLayerResolver = new Subject<DataLayerEvent>();
|
|
|
|
const stateResolvers = new Subject<GameStateEvent>();
|
|
|
|
|
|
|
|
let immutableData: GameStateEvent;
|
|
|
|
|
|
|
|
interface Room {
|
|
|
|
id: string,
|
|
|
|
mapUrl: string,
|
|
|
|
map: ITiledMap,
|
|
|
|
startLayer: string | null
|
|
|
|
}
|
|
|
|
|
|
|
|
interface User {
|
|
|
|
id: string | undefined,
|
|
|
|
nickName: string | null,
|
|
|
|
tags: string[]
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
function getGameState(): Promise<GameStateEvent> {
|
|
|
|
if (immutableData) {
|
|
|
|
return Promise.resolve(immutableData);
|
|
|
|
}
|
|
|
|
else {
|
|
|
|
return new Promise<GameStateEvent>((resolver, thrower) => {
|
|
|
|
stateResolvers.subscribe(resolver);
|
|
|
|
sendToWorkadventure({type: "getState", data: null});
|
|
|
|
})
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
function getDataLayer(): Promise<DataLayerEvent> {
|
|
|
|
return new Promise<DataLayerEvent>((resolver, thrower) => {
|
|
|
|
dataLayerResolver.subscribe(resolver);
|
|
|
|
sendToWorkadventure({type: "getDataLayer", data: null})
|
|
|
|
})
|
|
|
|
}
|
2021-05-25 13:47:41 +02:00
|
|
|
|
2021-06-18 17:22:56 +02:00
|
|
|
class WorkadventureRoomCommands extends IframeApiContribution<WorkadventureRoomCommands> {
|
2021-05-28 00:24:08 +02:00
|
|
|
callbacks = [
|
|
|
|
apiCallback({
|
|
|
|
callback: (payloadData: EnterLeaveEvent) => {
|
|
|
|
enterStreams.get(payloadData.name)?.next();
|
|
|
|
},
|
|
|
|
type: "enterEvent",
|
|
|
|
typeChecker: isEnterLeaveEvent
|
|
|
|
}),
|
|
|
|
apiCallback({
|
|
|
|
type: "leaveEvent",
|
|
|
|
typeChecker: isEnterLeaveEvent,
|
|
|
|
callback: (payloadData) => {
|
|
|
|
leaveStreams.get(payloadData.name)?.next();
|
|
|
|
}
|
2021-06-23 11:32:11 +02:00
|
|
|
}),
|
|
|
|
apiCallback({
|
|
|
|
type: "gameState",
|
|
|
|
typeChecker: isGameStateEvent,
|
|
|
|
callback: (payloadData) => {
|
|
|
|
stateResolvers.next(payloadData);
|
|
|
|
}
|
|
|
|
}),
|
|
|
|
apiCallback({
|
|
|
|
type: "dataLayer",
|
|
|
|
typeChecker: isDataLayerEvent,
|
|
|
|
callback: (payloadData) => {
|
|
|
|
dataLayerResolver.next(payloadData);
|
|
|
|
}
|
|
|
|
}),
|
2021-05-28 00:24:08 +02:00
|
|
|
]
|
2021-05-25 13:47:41 +02:00
|
|
|
|
|
|
|
|
2021-05-28 00:24:08 +02:00
|
|
|
onEnterZone(name: string, callback: () => void): void {
|
|
|
|
let subject = enterStreams.get(name);
|
|
|
|
if (subject === undefined) {
|
|
|
|
subject = new Subject<EnterLeaveEvent>();
|
|
|
|
enterStreams.set(name, subject);
|
|
|
|
}
|
|
|
|
subject.subscribe(callback);
|
2021-05-25 13:47:41 +02:00
|
|
|
|
2021-05-28 00:24:08 +02:00
|
|
|
}
|
|
|
|
onLeaveZone(name: string, callback: () => void): void {
|
|
|
|
let subject = leaveStreams.get(name);
|
|
|
|
if (subject === undefined) {
|
|
|
|
subject = new Subject<EnterLeaveEvent>();
|
|
|
|
leaveStreams.set(name, subject);
|
|
|
|
}
|
|
|
|
subject.subscribe(callback);
|
|
|
|
}
|
2021-06-23 11:32:11 +02:00
|
|
|
showLayer(layerName: string): void {
|
2021-06-23 14:54:06 +02:00
|
|
|
sendToWorkadventure({type: 'showLayer', data: {'name': layerName}});
|
2021-06-23 11:32:11 +02:00
|
|
|
}
|
|
|
|
hideLayer(layerName: string): void {
|
2021-06-23 14:54:06 +02:00
|
|
|
sendToWorkadventure({type: 'hideLayer', data: {'name': layerName}});
|
2021-06-23 11:32:11 +02:00
|
|
|
}
|
|
|
|
setProperty(layerName: string, propertyName: string, propertyValue: string | number | boolean | undefined): void {
|
|
|
|
sendToWorkadventure({
|
|
|
|
type: 'setProperty',
|
|
|
|
data: {
|
|
|
|
'layerName': layerName,
|
|
|
|
'propertyName': propertyName,
|
|
|
|
'propertyValue': propertyValue,
|
2021-06-23 14:54:06 +02:00
|
|
|
}
|
2021-06-23 11:32:11 +02:00
|
|
|
})
|
|
|
|
}
|
|
|
|
getCurrentRoom(): Promise<Room> {
|
|
|
|
return getGameState().then((gameState) => {
|
|
|
|
return getDataLayer().then((mapJson) => {
|
|
|
|
return {id: gameState.roomId, map: mapJson.data as ITiledMap, mapUrl: gameState.mapUrl, startLayer: gameState.startLayerName};
|
|
|
|
})
|
|
|
|
})
|
|
|
|
}
|
|
|
|
getCurrentUser(): Promise<User> {
|
|
|
|
return getGameState().then((gameState) => {
|
|
|
|
return {id: gameState.uuid, nickName: gameState.nickname, tags: gameState.tags};
|
|
|
|
})
|
|
|
|
}
|
2021-05-25 13:47:41 +02:00
|
|
|
|
2021-05-28 00:24:08 +02:00
|
|
|
}
|
2021-05-25 13:47:41 +02:00
|
|
|
|
|
|
|
|
2021-06-18 17:22:56 +02:00
|
|
|
export default new WorkadventureRoomCommands();
|