import { isButtonClickedEvent } from '../Events/ButtonClickedEvent'; import { isMenuItemClickedEvent } from '../Events/ui/MenuItemClickedEvent'; import { isMessageReferenceEvent } from '../Events/ui/TriggerMessageEvent'; import { IframeApiContribution, sendToWorkadventure } from './IframeApiContribution'; import { apiCallback } from "./registeredCallbacks"; import type { ButtonClickedCallback, ButtonDescriptor } from "./Ui/ButtonDescriptor"; import { Popup } from "./Ui/Popup"; import { TriggerMessage, triggerMessageInstance } from './Ui/TriggerMessage'; let popupId = 0; const popups: Map = new Map(); const popupCallbacks: Map> = new Map>(); const menuCallbacks: Map void> = new Map() class WorkAdventureUiCommands extends IframeApiContribution { callbacks = [ apiCallback({ type: "buttonClickedEvent", typeChecker: isButtonClickedEvent, callback: (payloadData) => { const callback = popupCallbacks.get(payloadData.popupId)?.get(payloadData.buttonId); const popup = popups.get(payloadData.popupId); if (popup === undefined) { throw new Error('Could not find popup with ID "' + payloadData.popupId + '"'); } if (callback) { callback(popup); } } }), apiCallback({ type: "menuItemClicked", typeChecker: isMenuItemClickedEvent, callback: event => { const callback = menuCallbacks.get(event.menuItem); if (callback) { callback(event.menuItem) } } }), apiCallback({ type: "messageTriggered", typeChecker: isMessageReferenceEvent, callback: event => { triggerMessageInstance?.trigger(); } }) ]; openPopup(targetObject: string, message: string, buttons: ButtonDescriptor[]): Popup { popupId++; const popup = new Popup(popupId); const btnMap = new Map void>(); popupCallbacks.set(popupId, btnMap); let id = 0; for (const button of buttons) { const callback = button.callback; if (callback) { btnMap.set(id, () => { callback(popup); }); } id++; } sendToWorkadventure({ 'type': 'openPopup', 'data': { popupId, targetObject, message, buttons: buttons.map((button) => { return { label: button.label, className: button.className }; }) } }); popups.set(popupId, popup) return popup; } registerMenuCommand(commandDescriptor: string, callback: (commandDescriptor: string) => void) { menuCallbacks.set(commandDescriptor, callback); sendToWorkadventure({ 'type': 'registerMenuCommand', 'data': { menutItem: commandDescriptor } }); } displayBubble(): void { sendToWorkadventure({ 'type': 'displayBubble', data: null }); } removeBubble(): void { sendToWorkadventure({ 'type': 'removeBubble', data: null }); } triggerMessage(message: string, callback: () => void): TriggerMessage { return new TriggerMessage(message, callback); } } export default new WorkAdventureUiCommands();