2021-06-25 18:14:40 +02:00
|
|
|
import type { GameStateEvent } from "./GameStateEvent";
|
|
|
|
import type { ButtonClickedEvent } from "./ButtonClickedEvent";
|
|
|
|
import type { ChatEvent } from "./ChatEvent";
|
|
|
|
import type { ClosePopupEvent } from "./ClosePopupEvent";
|
|
|
|
import type { EnterLeaveEvent } from "./EnterLeaveEvent";
|
|
|
|
import type { GoToPageEvent } from "./GoToPageEvent";
|
|
|
|
import type { LoadPageEvent } from "./LoadPageEvent";
|
|
|
|
import type { OpenCoWebSiteEvent } from "./OpenCoWebSiteEvent";
|
|
|
|
import type { OpenPopupEvent } from "./OpenPopupEvent";
|
|
|
|
import type { OpenTabEvent } from "./OpenTabEvent";
|
|
|
|
import type { UserInputChatEvent } from "./UserInputChatEvent";
|
2021-07-05 11:53:33 +02:00
|
|
|
import type { MapDataEvent } from "./MapDataEvent";
|
2021-06-25 18:14:40 +02:00
|
|
|
import type { LayerEvent } from "./LayerEvent";
|
2021-05-18 11:50:03 +02:00
|
|
|
import type { SetPropertyEvent } from "./setPropertyEvent";
|
2021-05-28 12:13:10 +02:00
|
|
|
import type { LoadSoundEvent } from "./LoadSoundEvent";
|
|
|
|
import type { PlaySoundEvent } from "./PlaySoundEvent";
|
2021-06-23 09:18:20 +02:00
|
|
|
import type { MenuItemClickedEvent } from "./ui/MenuItemClickedEvent";
|
2021-06-25 18:14:40 +02:00
|
|
|
import type { MenuItemRegisterEvent } from "./ui/MenuItemRegisterEvent";
|
2021-06-22 16:07:31 +02:00
|
|
|
import type { HasPlayerMovedEvent } from "./HasPlayerMovedEvent";
|
2021-06-28 14:58:49 +02:00
|
|
|
import type { SetTilesEvent } from "./SetTilesEvent";
|
2021-07-02 11:31:44 +02:00
|
|
|
import type { SetVariableEvent } from "./SetVariableEvent";
|
2021-05-09 21:30:29 +02:00
|
|
|
|
2021-05-09 21:46:40 +02:00
|
|
|
export interface TypedMessageEvent<T> extends MessageEvent {
|
2021-06-25 18:14:40 +02:00
|
|
|
data: T;
|
2021-05-09 21:46:40 +02:00
|
|
|
}
|
|
|
|
|
2021-07-02 16:41:24 +02:00
|
|
|
/**
|
|
|
|
* List event types sent from an iFrame to WorkAdventure
|
|
|
|
*/
|
2021-05-09 21:30:29 +02:00
|
|
|
export type IframeEventMap = {
|
2021-06-25 18:14:40 +02:00
|
|
|
loadPage: LoadPageEvent;
|
|
|
|
chat: ChatEvent;
|
|
|
|
openPopup: OpenPopupEvent;
|
|
|
|
closePopup: ClosePopupEvent;
|
|
|
|
openTab: OpenTabEvent;
|
|
|
|
goToPage: GoToPageEvent;
|
|
|
|
openCoWebSite: OpenCoWebSiteEvent;
|
|
|
|
closeCoWebSite: null;
|
|
|
|
disablePlayerControls: null;
|
|
|
|
restorePlayerControls: null;
|
|
|
|
displayBubble: null;
|
|
|
|
removeBubble: null;
|
|
|
|
onPlayerMove: undefined;
|
|
|
|
showLayer: LayerEvent;
|
|
|
|
hideLayer: LayerEvent;
|
|
|
|
setProperty: SetPropertyEvent;
|
|
|
|
loadSound: LoadSoundEvent;
|
|
|
|
playSound: PlaySoundEvent;
|
|
|
|
stopSound: null;
|
|
|
|
getState: undefined;
|
|
|
|
registerMenuCommand: MenuItemRegisterEvent;
|
2021-07-02 14:35:28 +02:00
|
|
|
setTiles: SetTilesEvent;
|
2021-06-25 18:14:40 +02:00
|
|
|
};
|
2021-05-09 21:30:29 +02:00
|
|
|
export interface IframeEvent<T extends keyof IframeEventMap> {
|
|
|
|
type: T;
|
|
|
|
data: IframeEventMap[T];
|
|
|
|
}
|
|
|
|
|
|
|
|
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
2021-06-25 18:14:40 +02:00
|
|
|
export const isIframeEventWrapper = (event: any): event is IframeEvent<keyof IframeEventMap> =>
|
|
|
|
typeof event.type === "string";
|
2021-05-09 21:30:29 +02:00
|
|
|
|
|
|
|
export interface IframeResponseEventMap {
|
2021-06-25 18:14:40 +02:00
|
|
|
userInputChat: UserInputChatEvent;
|
|
|
|
enterEvent: EnterLeaveEvent;
|
|
|
|
leaveEvent: EnterLeaveEvent;
|
|
|
|
buttonClickedEvent: ButtonClickedEvent;
|
|
|
|
hasPlayerMoved: HasPlayerMovedEvent;
|
|
|
|
menuItemClicked: MenuItemClickedEvent;
|
2021-07-02 11:31:44 +02:00
|
|
|
setVariable: SetVariableEvent;
|
2021-05-09 21:30:29 +02:00
|
|
|
}
|
|
|
|
export interface IframeResponseEvent<T extends keyof IframeResponseEventMap> {
|
|
|
|
type: T;
|
|
|
|
data: IframeResponseEventMap[T];
|
2021-03-05 16:50:54 +01:00
|
|
|
}
|
|
|
|
|
|
|
|
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
2021-06-25 18:14:40 +02:00
|
|
|
export const isIframeResponseEventWrapper = (event: {
|
|
|
|
type?: string;
|
|
|
|
}): event is IframeResponseEvent<keyof IframeResponseEventMap> => typeof event.type === "string";
|
2021-07-02 16:41:24 +02:00
|
|
|
|
|
|
|
|
|
|
|
/**
|
|
|
|
* List event types sent from an iFrame to WorkAdventure that expect a unique answer from WorkAdventure along the type for the answer from WorkAdventure to the iFrame
|
|
|
|
*/
|
|
|
|
export type IframeQueryMap = {
|
|
|
|
getState: {
|
|
|
|
query: undefined,
|
2021-07-05 11:53:33 +02:00
|
|
|
answer: GameStateEvent,
|
2021-07-02 16:41:24 +02:00
|
|
|
},
|
2021-07-05 11:53:33 +02:00
|
|
|
getMapData: {
|
|
|
|
query: undefined,
|
|
|
|
answer: MapDataEvent,
|
2021-07-05 17:25:23 +02:00
|
|
|
},
|
2021-07-05 18:29:34 +02:00
|
|
|
setVariable: {
|
|
|
|
query: SetVariableEvent,
|
|
|
|
answer: void
|
|
|
|
}
|
2021-07-02 16:41:24 +02:00
|
|
|
}
|
|
|
|
|
|
|
|
export interface IframeQuery<T extends keyof IframeQueryMap> {
|
|
|
|
type: T;
|
|
|
|
data: IframeQueryMap[T]['query'];
|
|
|
|
}
|
|
|
|
|
|
|
|
export interface IframeQueryWrapper<T extends keyof IframeQueryMap> {
|
|
|
|
id: number;
|
|
|
|
query: IframeQuery<T>;
|
|
|
|
}
|
|
|
|
|
|
|
|
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
|
|
export const isIframeQuery = (event: any): event is IframeQuery<keyof IframeQueryMap> => typeof event.type === 'string';
|
|
|
|
|
|
|
|
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
|
|
export const isIframeQueryWrapper = (event: any): event is IframeQueryWrapper<keyof IframeQueryMap> => typeof event.id === 'number' && isIframeQuery(event.query);
|
|
|
|
|
|
|
|
export interface IframeAnswerEvent<T extends keyof IframeQueryMap> {
|
|
|
|
id: number;
|
|
|
|
type: T;
|
|
|
|
data: IframeQueryMap[T]['answer'];
|
|
|
|
}
|
|
|
|
|
|
|
|
export const isIframeAnswerEvent = (event: { type?: string, id?: number }): event is IframeAnswerEvent<keyof IframeQueryMap> => typeof event.type === 'string' && typeof event.id === 'number';
|
|
|
|
|
|
|
|
export interface IframeErrorAnswerEvent {
|
|
|
|
id: number;
|
|
|
|
type: keyof IframeQueryMap;
|
|
|
|
error: string;
|
|
|
|
}
|
|
|
|
|
|
|
|
export const isIframeErrorAnswerEvent = (event: { type?: string, id?: number, error?: string }): event is IframeErrorAnswerEvent => typeof event.type === 'string' && typeof event.id === 'number' && typeof event.error === 'string';
|