diff --git a/CHANGELOG.md b/CHANGELOG.md
index 1dd2c973..13335737 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,4 +1,19 @@
-## Version 1.3.9 - in dev
+## Version 1.4.x-dev
+
+### Updates
+
+- Added the ability to have animated tiles in maps #1216 #1217
+- Enabled outlines on actionable item again (they were disabled when migrating to Phaser 3.50) #1218
+- Enabled outlines on player names (when the mouse hovers on a player you can interact with) #1219
+- Migrated the admin console to Svelte, and redesigned the console #1211
+
+## Version 1.4.1
+
+### Bugfixes
+
+- Loading errors after the preload stage should not crash the game anymore
+
+## Version 1.4.0
### BREAKING CHANGES
diff --git a/docs/maps/animations.md b/docs/maps/animations.md
new file mode 100644
index 00000000..276f2332
--- /dev/null
+++ b/docs/maps/animations.md
@@ -0,0 +1,33 @@
+{.section-title.accent.text-primary}
+# Animating WorkAdventure maps
+
+A tile can run an animation in loops, for example to render water or blinking lights. Each animation frame is a single
+32x32 tile. To create an animation, edit the tileset in Tiled and click on the tile to animate (or pick a free tile to
+not overwrite existing ones) and click on the animation editor:
+
+
+
+
+
+
+You can now add all tiles that should be part of the animation via drag and drop to the "playlist" and adjust the frame duration:
+
+
+
+
+ The tile animation editor
+
+
+
+You can preview animations directly in Tiled, using the "Show tile animations" option:
+
+
+
+
+
+ The Show Tile Animations option
+
+
+
+{.alert.alert-info}
+**Tip:** The engine does tile-updates every 100ms, animations with a shorter frame duration will most likely not look that good or may even do not work.
diff --git a/docs/maps/api-chat.md b/docs/maps/api-chat.md
new file mode 100644
index 00000000..49a40f97
--- /dev/null
+++ b/docs/maps/api-chat.md
@@ -0,0 +1,37 @@
+{.section-title.accent.text-primary}
+# API Chat functions reference
+
+### Sending a message in the chat
+
+```
+WA.chat.sendChatMessage(message: string, author: string): void
+```
+
+Sends a message in the chat. The message is only visible in the browser of the current user.
+
+* **message**: the message to be displayed in the chat
+* **author**: the name displayed for the author of the message. It does not have to be a real user.
+
+Example:
+
+```javascript
+WA.chat.sendChatMessage('Hello world', 'Mr Robot');
+```
+
+### Listening to messages from the chat
+
+```javascript
+WA.chat.onChatMessage(callback: (message: string) => void): void
+```
+
+Listens to messages typed by the current user and calls the callback. Messages from other users in the chat cannot be listened to.
+
+* **callback**: the function that will be called when a message is received. It contains the message typed by the user.
+
+Example:
+
+```javascript
+WA.chat.onChatMessage((message => {
+ console.log('The user typed a message', message);
+}));
+```
diff --git a/docs/maps/api-controls.md b/docs/maps/api-controls.md
new file mode 100644
index 00000000..dcb0f17b
--- /dev/null
+++ b/docs/maps/api-controls.md
@@ -0,0 +1,29 @@
+{.section-title.accent.text-primary}
+# API Controls functions Reference
+
+### Disabling / restoring controls
+
+```
+WA.controls.disablePlayerControls(): void
+WA.controls.restorePlayerControls(): void
+```
+
+These 2 methods can be used to completely disable player controls and to enable them again.
+
+When controls are disabled, the user cannot move anymore using keyboard input. This can be useful in a "First Time User Experience" part, to display an important message to a user before letting him/her move again.
+
+Example:
+
+```javascript
+WA.room.onEnterZone('myZone', () => {
+ WA.controls.disablePlayerControls();
+ WA.ui.openPopup("popupRectangle", 'This is an imporant message!', [{
+ label: "Got it!",
+ className: "primary",
+ callback: (popup) => {
+ WA.controls.restorePlayerControls();
+ popup.close();
+ }
+ }]);
+});
+```
diff --git a/docs/maps/api-deprecated.md b/docs/maps/api-deprecated.md
new file mode 100644
index 00000000..930caebe
--- /dev/null
+++ b/docs/maps/api-deprecated.md
@@ -0,0 +1,20 @@
+{.section-title.accent.text-primary}
+# API Reference - Deprecated functions
+
+The list of functions below is **deprecated**. You should not use those but. use the replacement functions.
+
+- Method `WA.sendChatMessage` is deprecated. It has been renamed to `WA.chat.sendChatMessage`.
+- Method `WA.disablePlayerControls` is deprecated. It has been renamed to `WA.controls.disablePlayerControls`.
+- Method `WA.restorePlayerControls` is deprecated. It has been renamed to `WA.controls.restorePlayerControls`.
+- Method `WA.displayBubble` is deprecated. It has been renamed to `WA.ui.displayBubble`.
+- Method `WA.removeBubble` is deprecated. It has been renamed to `WA.ui.removeBubble`.
+- Method `WA.openTab` is deprecated. It has been renamed to `WA.nav.openTab`.
+- Method `WA.loadSound` is deprecated. It has been renamed to `WA.sound.loadSound`.
+- Method `WA.goToPage` is deprecated. It has been renamed to `WA.nav.goToPage`.
+- Method `WA.goToRoom` is deprecated. It has been renamed to `WA.nav.goToRoom`.
+- Method `WA.openCoWebSite` is deprecated. It has been renamed to `WA.nav.openCoWebSite`.
+- Method `WA.closeCoWebSite` is deprecated. It has been renamed to `WA.nav.closeCoWebSite`.
+- Method `WA.openPopup` is deprecated. It has been renamed to `WA.ui.openPopup`.
+- Method `WA.onChatMessage` is deprecated. It has been renamed to `WA.chat.onChatMessage`.
+- Method `WA.onEnterZone` is deprecated. It has been renamed to `WA.room.onEnterZone`.
+- Method `WA.onLeaveZone` is deprecated. It has been renamed to `WA.room.onLeaveZone`.
diff --git a/docs/maps/api-nav.md b/docs/maps/api-nav.md
new file mode 100644
index 00000000..29323632
--- /dev/null
+++ b/docs/maps/api-nav.md
@@ -0,0 +1,68 @@
+{.section-title.accent.text-primary}
+# API Navigation functions reference
+
+### Opening a web page in a new tab
+
+```
+WA.nav.openTab(url: string): void
+```
+
+Opens the webpage at "url" in your browser, in a new tab.
+
+Example:
+
+```javascript
+WA.nav.openTab('https://www.wikipedia.org/');
+```
+
+### Opening a web page in the current tab
+
+```
+WA.nav.goToPage(url: string): void
+```
+
+Opens the webpage at "url" in your browser in place of WorkAdventure. WorkAdventure will be completely unloaded.
+
+Example:
+
+```javascript
+WA.nav.goToPage('https://www.wikipedia.org/');
+```
+
+### Going to a different map from the script
+
+```
+
+WA.nav.goToRoom(url: string): void
+```
+
+Load the map at url without unloading workadventure
+
+relative urls: "../subFolder/map.json[#start-layer-name]"
+global urls: "/_/global/domain/path/map.json[#start-layer-name]"
+
+Example:
+
+```javascript
+WA.nav.goToRoom("/@/tcm/workadventure/floor0") // workadventure urls
+WA.nav.goToRoom('../otherMap/map.json');
+WA.nav.goToRoom("/_/global/.json#start-layer-2")
+```
+
+### Opening/closing a web page in an iFrame
+
+```
+WA.nav.openCoWebSite(url: string): void
+WA.nav.closeCoWebSite(): void
+```
+
+Opens the webpage at "url" in an iFrame (on the right side of the screen) or close that iFrame.
+
+Example:
+
+```javascript
+WA.nav.openCoWebSite('https://www.wikipedia.org/');
+// ...
+WA.nav.closeCoWebSite();
+```
+
diff --git a/docs/maps/api-reference.md b/docs/maps/api-reference.md
index b9525d3c..251edfa2 100644
--- a/docs/maps/api-reference.md
+++ b/docs/maps/api-reference.md
@@ -1,257 +1,11 @@
{.section-title.accent.text-primary}
# API Reference
-### Sending a message in the chat
-
-```
-sendChatMessage(message: string, author: string): void
-```
-
-Sends a message in the chat. The message is only visible in the browser of the current user.
-
-* **message**: the message to be displayed in the chat
-* **author**: the name displayed for the author of the message. It does not have to be a real user.
-
-Example:
-
-```javascript
-WA.sendChatMessage('Hello world', 'Mr Robot');
-```
-
-### Listening to messages from the chat
-
-```javascript
-onChatMessage(callback: (message: string) => void): void
-```
-
-Listens to messages typed by the current user and calls the callback. Messages from other users in the chat cannot be listened to.
-
-* **callback**: the function that will be called when a message is received. It contains the message typed by the user.
-
-Example:
-
-```javascript
-WA.onChatMessage((message => {
- console.log('The user typed a message', message);
-}));
-```
-
-### Detecting when the user enters/leaves a zone
-
-```
-onEnterZone(name: string, callback: () => void): void
-onLeaveZone(name: string, callback: () => void): void
-```
-
-Listens to the position of the current user. The event is triggered when the user enters or leaves a given zone. The name of the zone is stored in the map, on a dedicated layer with the `zone` property.
-
-
-
-
- The `zone` property, applied on a layer
-
-
-
-* **name**: the name of the zone, as defined in the `zone` property.
-* **callback**: the function that will be called when a user enters or leaves the zone.
-
-Example:
-
-```javascript
-WA.onEnterZone('myZone', () => {
- WA.sendChatMessage("Hello!", 'Mr Robot');
-})
-
-WA.onLeaveZone('myZone', () => {
- WA.sendChatMessage("Goodbye!", 'Mr Robot');
-})
-```
-
-### Opening a popup
-
-In order to open a popup window, you must first define the position of the popup on your map.
-
-You can position this popup by using a "rectangle" object in Tiled that you will place on an "object" layer.
-
-
-
-
-
-
-
-
-
-
-```
-openPopup(targetObject: string, message: string, buttons: ButtonDescriptor[]): Popup
-```
-
-* **targetObject**: the name of the rectangle object defined in Tiled.
-* **message**: the message to display in the popup.
-* **buttons**: an array of action buttons defined underneath the popup.
-
-Action buttons are `ButtonDescriptor` objects containing these properties.
-
-* **label (_string_)**: The label of the button.
-* **className (_string_)**: The visual type of the button. Can be one of "normal", "primary", "success", "warning", "error", "disabled".
-* **callback (_(popup: Popup)=>void_)**: Callback called when the button is pressed.
-
-Please note that `openPopup` returns an object of the `Popup` class. Also, the callback called when a button is clicked is passed a `Popup` object.
-
-The `Popup` class that represents an open popup contains a single method: `close()`. This will obviously close the popup when called.
-
-```javascript
-class Popup {
- /**
- * Closes the popup
- */
- close() {};
-}
-```
-
-Example:
-
-```javascript
-let helloWorldPopup;
-
-// Open the popup when we enter a given zone
-helloWorldPopup = WA.onEnterZone('myZone', () => {
- WA.openPopup("popupRectangle", 'Hello world!', [{
- label: "Close",
- className: "primary",
- callback: (popup) => {
- // Close the popup when the "Close" button is pressed.
- popup.close();
- }
- });
-}]);
-
-// Close the popup when we leave the zone.
-WA.onLeaveZone('myZone', () => {
- helloWorldPopup.close();
-});
-```
-
-### Disabling / restoring controls
-
-```
-disablePlayerControls(): void
-restorePlayerControls(): void
-```
-
-These 2 methods can be used to completely disable player controls and to enable them again.
-
-When controls are disabled, the user cannot move anymore using keyboard input. This can be useful in a "First Time User Experience" part, to display an important message to a user before letting him/her move again.
-
-Example:
-
-```javascript
-WA.onEnterZone('myZone', () => {
- WA.disablePlayerControls();
- WA.openPopup("popupRectangle", 'This is an imporant message!', [{
- label: "Got it!",
- className: "primary",
- callback: (popup) => {
- WA.restorePlayerControls();
- popup.close();
- }
- }]);
-});
-```
-
-### Opening a web page in a new tab
-
-```
-openTab(url: string): void
-```
-
-Opens the webpage at "url" in your browser, in a new tab.
-
-Example:
-
-```javascript
-WA.openTab('https://www.wikipedia.org/');
-```
-
-### Opening a web page in the current tab
-
-```
-goToPage(url: string): void
-```
-
-Opens the webpage at "url" in your browser in place of WorkAdventure. WorkAdventure will be completely unloaded.
-
-Example:
-
-```javascript
-WA.goToPage('https://www.wikipedia.org/');
-```
-
-### Going to a different map from the script
-
-```
-
-goToRoom(url: string): void
-```
-
-Load the map at url without unloading workadventure
-
-relative urls: "../subFolder/map.json[#start-layer-name]"
-global urls: "/_/global/domain/path/map.json[#start-layer-name]"
-
-Example:
-
-```javascript
-WA.goToRoom("/@/tcm/workadventure/floor0") // workadventure urls
-WA.goToRoom('../otherMap/map.json');
-WA.goToRoom("/_/global/.json#start-layer-2")
-```
-
-### Opening/closing a web page in an iFrame
-
-```
-openCoWebSite(url: string): void
-closeCoWebSite(): void
-```
-
-Opens the webpage at "url" in an iFrame (on the right side of the screen) or close that iFrame.
-
-Example:
-
-```javascript
-WA.openCoWebSite('https://www.wikipedia.org/');
-// ...
-WA.closeCoWebSite();
-```
-
-### Load a sound from an url
-
-```
-loadSound(url: string): Sound
-```
-
-Load a sound from an url
-
-Please note that `loadSound` returns an object of the `Sound` class
-
-The `Sound` class that represents a loaded sound contains two methods: `play(soundConfig : SoundConfig|undefined)` and `stop()`
-
-The parameter soundConfig is optional, if you call play without a Sound config the sound will be played with the basic configuration.
-
-Example:
-
-```javascript
-var mySound = WA.loadSound("Sound.ogg");
-var config = {
- volume : 0.5,
- loop : false,
- rate : 1,
- detune : 1,
- delay : 0,
- seek : 0,
- mute : false
-}
-mySound.play(config);
-// ...
-mySound.stop();
-```
+- [Navigation functions](api-nav.md)
+- [Chat functions](api-chat.md)
+- [Room functions](api-room.md)
+- [UI functions](api-ui.md)
+- [Sound functions](api-sound.md)
+- [Controls functions](api-controls.md)
+
+- [List of deprecated functions](api-deprecated.md)
diff --git a/docs/maps/api-room.md b/docs/maps/api-room.md
new file mode 100644
index 00000000..dc7a8612
--- /dev/null
+++ b/docs/maps/api-room.md
@@ -0,0 +1,33 @@
+{.section-title.accent.text-primary}
+# API Room functions Reference
+
+### Detecting when the user enters/leaves a zone
+
+```
+WA.room.onEnterZone(name: string, callback: () => void): void
+WA.room.onLeaveZone(name: string, callback: () => void): void
+```
+
+Listens to the position of the current user. The event is triggered when the user enters or leaves a given zone. The name of the zone is stored in the map, on a dedicated layer with the `zone` property.
+
+
+
+
+ The `zone` property, applied on a layer
+
+
+
+* **name**: the name of the zone, as defined in the `zone` property.
+* **callback**: the function that will be called when a user enters or leaves the zone.
+
+Example:
+
+```javascript
+WA.room.onEnterZone('myZone', () => {
+ WA.chat.sendChatMessage("Hello!", 'Mr Robot');
+})
+
+WA.room.onLeaveZone('myZone', () => {
+ WA.chat.sendChatMessage("Goodbye!", 'Mr Robot');
+})
+```
diff --git a/docs/maps/api-sound.md b/docs/maps/api-sound.md
new file mode 100644
index 00000000..3c57ecae
--- /dev/null
+++ b/docs/maps/api-sound.md
@@ -0,0 +1,34 @@
+{.section-title.accent.text-primary}
+# API Sound functions Reference
+
+### Load a sound from an url
+
+```
+WA.sound.loadSound(url: string): Sound
+```
+
+Load a sound from an url
+
+Please note that `loadSound` returns an object of the `Sound` class
+
+The `Sound` class that represents a loaded sound contains two methods: `play(soundConfig : SoundConfig|undefined)` and `stop()`
+
+The parameter soundConfig is optional, if you call play without a Sound config the sound will be played with the basic configuration.
+
+Example:
+
+```javascript
+var mySound = WA.sound.loadSound("Sound.ogg");
+var config = {
+ volume : 0.5,
+ loop : false,
+ rate : 1,
+ detune : 1,
+ delay : 0,
+ seek : 0,
+ mute : false
+}
+mySound.play(config);
+// ...
+mySound.stop();
+```
diff --git a/docs/maps/api-ui.md b/docs/maps/api-ui.md
new file mode 100644
index 00000000..f15de5df
--- /dev/null
+++ b/docs/maps/api-ui.md
@@ -0,0 +1,67 @@
+{.section-title.accent.text-primary}
+# API UI functions Reference
+
+### Opening a popup
+
+In order to open a popup window, you must first define the position of the popup on your map.
+
+You can position this popup by using a "rectangle" object in Tiled that you will place on an "object" layer.
+
+
+
+ 
+ 
- 
- 
- 
`;
- gameManager.getCurrentGameScene(this).ConsoleGlobalMessageManager.disabledMessageConsole();
+ consoleGlobalMessageManagerVisibleStore.set(false);
this.tweens.add({
targets: this.menuElement,
x: closedSideMenuX,
@@ -304,7 +306,11 @@ export class MenuScene extends Phaser.Scene {
this.toggleFullscreen();
break;
case 'adminConsoleButton':
- gameManager.getCurrentGameScene(this).ConsoleGlobalMessageManager.activeMessageConsole();
+ if (get(consoleGlobalMessageManagerVisibleStore)) {
+ consoleGlobalMessageManagerVisibleStore.set(false);
+ } else {
+ consoleGlobalMessageManagerVisibleStore.set(true);
+ }
break;
}
}
diff --git a/front/src/Phaser/Shaders/OutlinePipeline.ts b/front/src/Phaser/Shaders/OutlinePipeline.ts
deleted file mode 100644
index 0d074bc3..00000000
--- a/front/src/Phaser/Shaders/OutlinePipeline.ts
+++ /dev/null
@@ -1,59 +0,0 @@
-export class OutlinePipeline extends Phaser.Renderer.WebGL.Pipelines.MultiPipeline {
-
- // the unique id of this pipeline
- public static readonly KEY = 'Outline';
-
- /**
- * @param {Phaser.Game} game - the controller of the game instance
- */
- constructor(game: Phaser.Game)
- {
- super({
- game: game,
- fragShader: `
- precision mediump float;
-
- uniform sampler2D uMainSampler;
- uniform vec2 uTextureSize;
-
- varying vec2 outTexCoord;
- varying float outTintEffect;
- varying vec4 outTint;
-
- void main(void)
- {
- vec4 texture = texture2D(uMainSampler, outTexCoord);
- vec4 texel = vec4(outTint.rgb * outTint.a, outTint.a);
- vec4 color = texture;
-
- if (outTintEffect == 0.0)
- {
- color = texture * texel;
- }
- else if (outTintEffect == 1.0)
- {
- color.rgb = mix(texture.rgb, outTint.rgb * outTint.a, texture.a);
- color.a = texture.a * texel.a;
- }
- else if (outTintEffect == 2.0)
- {
- color = texel;
- }
-
- vec2 onePixel = vec2(1.0, 1.0) / uTextureSize;
- float upAlpha = texture2D(uMainSampler, outTexCoord + vec2(0.0, onePixel.y)).a;
- float leftAlpha = texture2D(uMainSampler, outTexCoord + vec2(-onePixel.x, 0.0)).a;
- float downAlpha = texture2D(uMainSampler, outTexCoord + vec2(0.0, -onePixel.y)).a;
- float rightAlpha = texture2D(uMainSampler, outTexCoord + vec2(onePixel.x, 0.0)).a;
-
- if (texture.a == 0.0 && max(max(upAlpha, downAlpha), max(leftAlpha, rightAlpha)) == 1.0)
- {
- color = vec4(1.0, 1.0, 0.0, 1.0);
- }
-
- gl_FragColor = color;
- }
- `
- });
- }
-}
diff --git a/front/src/Phaser/UserInput/UserInputManager.ts b/front/src/Phaser/UserInput/UserInputManager.ts
index 70bb9b1b..068e84a2 100644
--- a/front/src/Phaser/UserInput/UserInputManager.ts
+++ b/front/src/Phaser/UserInput/UserInputManager.ts
@@ -2,6 +2,7 @@ import type { Direction } from "../../types";
import type {GameScene} from "../Game/GameScene";
import {touchScreenManager} from "../../Touch/TouchScreenManager";
import {MobileJoystick} from "../Components/MobileJoystick";
+import {enableUserInputsStore} from "../../Stores/UserInputStore";
interface UserInputManagerDatum {
keyInstance: Phaser.Input.Keyboard.Key;
@@ -58,6 +59,10 @@ export class UserInputManager {
if (touchScreenManager.supportTouchScreen) {
this.initVirtualJoystick();
}
+
+ enableUserInputsStore.subscribe((enable) => {
+ enable ? this.restoreControls() : this.disableControls()
+ })
}
initVirtualJoystick() {
diff --git a/front/src/Stores/ConsoleGlobalMessageManagerStore.ts b/front/src/Stores/ConsoleGlobalMessageManagerStore.ts
new file mode 100644
index 00000000..1fa04bfe
--- /dev/null
+++ b/front/src/Stores/ConsoleGlobalMessageManagerStore.ts
@@ -0,0 +1,5 @@
+import { writable } from "svelte/store";
+
+export const consoleGlobalMessageManagerVisibleStore = writable(false);
+
+export const consoleGlobalMessageManagerFocusStore = writable(false);
\ No newline at end of file
diff --git a/front/src/Stores/UserInputStore.ts b/front/src/Stores/UserInputStore.ts
new file mode 100644
index 00000000..cbb7f0c3
--- /dev/null
+++ b/front/src/Stores/UserInputStore.ts
@@ -0,0 +1,10 @@
+import {derived} from "svelte/store";
+import {consoleGlobalMessageManagerFocusStore} from "./ConsoleGlobalMessageManagerStore";
+
+//derived from the focus on Menu, ConsoleGlobal, Chat and ...
+export const enableUserInputsStore = derived(
+ consoleGlobalMessageManagerFocusStore,
+ ($consoleGlobalMessageManagerFocusStore) => {
+ return !$consoleGlobalMessageManagerFocusStore;
+ }
+);
\ No newline at end of file
diff --git a/front/src/iframe_api.ts b/front/src/iframe_api.ts
index 89279a64..ae5321cf 100644
--- a/front/src/iframe_api.ts
+++ b/front/src/iframe_api.ts
@@ -1,286 +1,175 @@
-import type { ChatEvent } from "./Api/Events/ChatEvent";
-import { isIframeResponseEventWrapper } from "./Api/Events/IframeEvent";
-import { isUserInputChatEvent, UserInputChatEvent } from "./Api/Events/UserInputChatEvent";
-import { Subject } from "rxjs";
-import { EnterLeaveEvent, isEnterLeaveEvent } from "./Api/Events/EnterLeaveEvent";
-import type { OpenPopupEvent } from "./Api/Events/OpenPopupEvent";
-import { isButtonClickedEvent } from "./Api/Events/ButtonClickedEvent";
-import type { ClosePopupEvent } from "./Api/Events/ClosePopupEvent";
-import type { OpenTabEvent } from "./Api/Events/OpenTabEvent";
-import type { GoToPageEvent } from "./Api/Events/GoToPageEvent";
-import type { OpenCoWebSiteEvent } from "./Api/Events/OpenCoWebSiteEvent";
-import type { PlaySoundEvent } from "./Api/Events/PlaySoundEvent";
-import type { StopSoundEvent } from "./Api/Events/StopSoundEvent";
-import type { LoadSoundEvent } from "./Api/Events/LoadSoundEvent";
-import SoundConfig = Phaser.Types.Sound.SoundConfig;
-import type { LoadPageEvent } from './Api/Events/LoadPageEvent';
+import {registeredCallbacks} from "./Api/iframe/registeredCallbacks";
+import {
+ IframeResponseEvent,
+ IframeResponseEventMap,
+ isIframeResponseEventWrapper,
+ TypedMessageEvent
+} from "./Api/Events/IframeEvent";
+import chat from "./Api/iframe/chat";
+import type {IframeCallback} from './Api/iframe/IframeApiContribution';
+import nav from "./Api/iframe/nav";
+import controls from "./Api/iframe/controls";
+import ui from "./Api/iframe/ui";
+import sound from "./Api/iframe/sound";
+import room from "./Api/iframe/room";
+import type {ButtonDescriptor} from "./Api/iframe/Ui/ButtonDescriptor";
+import type {Popup} from "./Api/iframe/Ui/Popup";
+import type {Sound} from "./Api/iframe/Sound/Sound";
-interface WorkAdventureApi {
- sendChatMessage(message: string, author: string): void;
- onChatMessage(callback: (message: string) => void): void;
- onEnterZone(name: string, callback: () => void): void;
- onLeaveZone(name: string, callback: () => void): void;
- openPopup(targetObject: string, message: string, buttons: ButtonDescriptor[]): Popup;
- openTab(url: string): void;
- goToPage(url: string): void;
- goToRoom(url: string): void;
- openCoWebSite(url: string): void;
- closeCoWebSite(): void;
- disablePlayerControls(): void;
- restorePlayerControls(): void;
- displayBubble(): void;
- removeBubble(): void;
- loadSound(url : string): Sound;
-}
+const wa = {
+ ui,
+ nav,
+ controls,
+ chat,
+ sound,
+ room,
+
+ // All methods below are deprecated and should not be used anymore.
+ // They are kept here for backward compatibility.
+
+ /**
+ * @deprecated Use WA.chat.sendChatMessage instead
+ */
+ sendChatMessage(message: string, author: string): void {
+ console.warn('Method WA.sendChatMessage is deprecated. Please use WA.chat.sendChatMessage instead');
+ chat.sendChatMessage(message, author);
+ },
+ /**
+ * @deprecated Use WA.chat.disablePlayerControls instead
+ */
+ disablePlayerControls(): void {
+ console.warn('Method WA.disablePlayerControls is deprecated. Please use WA.controls.disablePlayerControls instead');
+ controls.disablePlayerControls();
+ },
+
+ /**
+ * @deprecated Use WA.controls.restorePlayerControls instead
+ */
+ restorePlayerControls(): void {
+ console.warn('Method WA.restorePlayerControls is deprecated. Please use WA.controls.restorePlayerControls instead');
+ controls.restorePlayerControls();
+ },
+
+ /**
+ * @deprecated Use WA.ui.displayBubble instead
+ */
+ displayBubble(): void {
+ console.warn('Method WA.displayBubble is deprecated. Please use WA.ui.displayBubble instead');
+ ui.displayBubble();
+ },
+
+ /**
+ * @deprecated Use WA.ui.removeBubble instead
+ */
+ removeBubble(): void {
+ console.warn('Method WA.removeBubble is deprecated. Please use WA.ui.removeBubble instead');
+ ui.removeBubble();
+ },
+
+ /**
+ * @deprecated Use WA.nav.openTab instead
+ */
+ openTab(url: string): void {
+ console.warn('Method WA.openTab is deprecated. Please use WA.nav.openTab instead');
+ nav.openTab(url);
+ },
+
+ /**
+ * @deprecated Use WA.sound.loadSound instead
+ */
+ loadSound(url: string) : Sound {
+ console.warn('Method WA.loadSound is deprecated. Please use WA.sound.loadSound instead');
+ return sound.loadSound(url);
+ },
+
+ /**
+ * @deprecated Use WA.nav.goToPage instead
+ */
+ goToPage(url : string) : void {
+ console.warn('Method WA.goToPage is deprecated. Please use WA.nav.goToPage instead');
+ nav.goToPage(url);
+ },
+
+ /**
+ * @deprecated Use WA.nav.goToRoom instead
+ */
+ goToRoom(url: string): void {
+ console.warn('Method WA.goToRoom is deprecated. Please use WA.nav.goToRoom instead');
+ nav.goToRoom(url);
+ },
+
+ /**
+ * @deprecated Use WA.nav.openCoWebSite instead
+ */
+ openCoWebSite(url : string) : void{
+ console.warn('Method WA.openCoWebSite is deprecated. Please use WA.nav.openCoWebSite instead');
+ nav.openCoWebSite(url);
+ },
+
+ /**
+ * @deprecated Use WA.nav.closeCoWebSite instead
+ */
+ closeCoWebSite(): void {
+ console.warn('Method WA.closeCoWebSite is deprecated. Please use WA.nav.closeCoWebSite instead');
+ nav.closeCoWebSite();
+ },
+
+ /**
+ * @deprecated Use WA.controls.restorePlayerControls instead
+ */
+ openPopup(targetObject: string, message: string, buttons: ButtonDescriptor[]): Popup {
+ console.warn('Method WA.openPopup is deprecated. Please use WA.ui.openPopup instead');
+ return ui.openPopup(targetObject, message, buttons);
+ },
+ /**
+ * @deprecated Use WA.chat.onChatMessage instead
+ */
+ onChatMessage(callback: (message: string) => void): void {
+ console.warn('Method WA.onChatMessage is deprecated. Please use WA.chat.onChatMessage instead');
+ chat.onChatMessage(callback);
+ },
+ /**
+ * @deprecated Use WA.room.onEnterZone instead
+ */
+ onEnterZone(name: string, callback: () => void): void {
+ console.warn('Method WA.onEnterZone is deprecated. Please use WA.room.onEnterZone instead');
+ room.onEnterZone(name, callback);
+ },
+ /**
+ * @deprecated Use WA.room.onLeaveZone instead
+ */
+ onLeaveZone(name: string, callback: () => void): void {
+ console.warn('Method WA.onLeaveZone is deprecated. Please use WA.room.onLeaveZone instead');
+ room.onLeaveZone(name, callback);
+ },
+};
+
+export type WorkAdventureApi = typeof wa;
declare global {
- // eslint-disable-next-line no-var
- var WA: WorkAdventureApi
+ interface Window {
+ WA: WorkAdventureApi
+ }
+ let WA: WorkAdventureApi
}
-type ChatMessageCallback = (message: string) => void;
-type ButtonClickedCallback = (popup: Popup) => void;
+window.WA = wa;
-const userInputChatStream: Subject