Merge branch 'develop' of github.com:thecodingmachine/workadventure into main

2021-06-24 09:47:16 +02:00
parent 418dd4a6c5 3cf0a9ee84
commit ab20a074fe
104 changed files with 13421 additions and 1265 deletions
@@ -0,0 +1,71 @@
 # For most projects, this workflow file will not need changing; you simply need
 # to commit it to your repository.
 #
 # You may wish to alter this file to override the set of languages analyzed,
 # or to provide custom queries or build logic.
 #
 # ******** NOTE ********
 # We have attempted to detect the languages in your repository. Please check
 # the `language` matrix defined below to confirm you have the correct set of
 # supported CodeQL languages.
 #
 name: "CodeQL"
 on:
  push:
    branches: [ develop ]
  pull_request:
    # The branches below must be a subset of the branches above
    branches: [ develop ]
  schedule:
    - cron: '24 17 * * 0'
 jobs:
  analyze:
    name: Analyze
    runs-on: ubuntu-latest
    permissions:
      actions: read
      contents: read
      security-events: write
    strategy:
      fail-fast: false
      matrix:
        language: [ 'javascript' ]
        # CodeQL supports [ 'cpp', 'csharp', 'go', 'java', 'javascript', 'python' ]
        # Learn more:
        # https://docs.github.com/en/free-pro-team@latest/github/finding-security-vulnerabilities-and-errors-in-your-code/configuring-code-scanning#changing-the-languages-that-are-analyzed
    steps:
    - name: Checkout repository
      uses: actions/checkout@v2
    # Initializes the CodeQL tools for scanning.
    - name: Initialize CodeQL
      uses: github/codeql-action/init@v1
      with:
        languages: ${{ matrix.language }}
        # If you wish to specify custom queries, you can do so here or in a config file.
        # By default, queries listed here will override any specified in a config file.
        # Prefix the list here with "+" to use these queries and those in the config file.
        # queries: ./path/to/local/query, your-org/your-repo/queries@main
    # Autobuild attempts to build any compiled languages  (C/C++, C#, or Java).
    # If this step fails, then you should remove it and run the build manually (see below)
    - name: Autobuild
      uses: github/codeql-action/autobuild@v1
    # ℹ️ Command-line programs to run using the OS shell.
    # 📚 https://git.io/JvXDl
    # ✏️ If the Autobuild fails above, remove it and uncomment the following three lines
    #    and modify them (or add more) to build your code if your project
    #    uses a compiled language
    #- run: |
    #   make bootstrap
    #   make release
    - name: Perform CodeQL Analysis
      uses: github/codeql-action/analyze@v1
@@ -7,3 +7,4 @@ docker-compose.override.yaml
 maps/yarn.lock
 maps/dist/computer.js
 maps/dist/computer.js.map
 /node_modules/
@@ -0,0 +1 @@
 _
@@ -0,0 +1,15 @@
 #!/bin/sh
 . "$(dirname "$0")/_/husky.sh"
 (
 cd front || exit
 yarn run precommit
 )
 (
 cd pusher || exit
 yarn run precommit
 )
 (
 cd back || exit
 yarn run precommit
 )
@@ -1,4 +1,28 @@
-## 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
 - Layer properties (like `exitUrl`, `silent`, etc...) can now also used in tile properties #1210 (@jonnytest1)
 - New scripting API features :
  - Use `WA.room.showLayer(): void` to show a layer
  - Use `WA.room.hideLayer(): void` to hide a layer
  - Use `WA.room.setProperty() : void` to add or change existing property of a layer
  - Use `WA.player.onPlayerMove(): void` to track the movement of the current player
  - Use `WA.room.getCurrentUser(): Promise<User>` to get the ID, name and tags of the current player
  - Use `WA.room.getCurrentRoom(): Promise<Room>` to get the ID, JSON map file, url of the map of the current room and the layer where the current player started
  - Use `WA.ui.registerMenuCommand(): void` to add a custom menu
 ## Version 1.4.1
 ### Bugfixes
 - Loading errors after the preload stage should not crash the game anymore
 ## Version 1.4.0
 ### BREAKING CHANGES
@@ -34,6 +58,7 @@
 - New scripting API features:
  - Use `WA.loadSound(): Sound` to load / play / stop a sound
 ### Bug Fixes
 - Pinch gesture does no longer move the character
@@ -0,0 +1,58 @@
 # Contributing to WorkAdventure
 Are you looking to help on WorkAdventure? Awesome, feel welcome and read the following sections in order to know how to 
 ask questions and how to work on something.
 ## Contributions we are seeking
 We love to receive contributions from our community — you!
 There are many ways to contribute, from writing tutorials or blog posts, improving the documentation, 
 submitting bug reports and feature requests or writing code which can be incorporated into WorkAdventure itself.
 ## Using the issue tracker
 First things first: **Do NOT report security vulnerabilities in public issues!**.
 Please read the [security guide](SECURITY.md) to learn who to do a security disclosure to the WorkAdventure core team.
 You can use [GitHub issue tracker](https://github.com/thecodingmachine/workadventure/issues) to:
 - File bug reports
 - Ask for feature requests
 If you have more general questions, a good place to ask is [our Discord server](https://discord.gg/YGtngdh9gt).
 Finally, you can come and talk to the WorkAdventure core team... on WorkAdventure, of course! [Our offices are here](https://play.staging.workadventu.re/@/tcm/workadventure/wa-village).
 ## Pull requests
 Good pull requests - patches, improvements, new features - are a fantastic help. They should remain focused in scope 
 and avoid containing unrelated commits.
 Please ask first before embarking on any significant pull request (e.g. implementing features, refactoring code), 
 otherwise you risk spending a lot of time working on something that the project's developers might not want to merge 
 into the project.
 You can ask us on [Discord](https://discord.gg/YGtngdh9gt) or in the [GitHub issues](https://github.com/thecodingmachine/workadventure/issues).
 ### Linting your code
 Before committing, be sure to install the "Prettier" precommit hook that will reformat your code to our coding style.
 In order to enable the "Prettier" precommit hook, at the root of the project, run:
 ```console
 $ yarn run install
 $ yarn run prepare
 ```
 ### Providing tests
 WorkAdventure is based on a video game engine (Phaser), and video games are not the easiest programs to unit test.
 Nevertheless, if your code can be unit tested, please provide a unit test (we use Jasmine).
 If you are providing a new feature, you should setup a test map in the `maps/tests` directory. The test map should contain
 some description text describing how to test the feature. Finally, you should modify the `maps/tests/index.html` file
 to add a reference to your newly created test map.
@@ -0,0 +1,20 @@
 # Security Policy
 ## Reporting a Vulnerability
 First things first: **Do NOT report security vulnerabilities in public issues!**
 Please disclose responsibly by sending
 a mail at security@workadventu.re (you can also ping us in the GitHub issues, but please, no details in the issues!)
 We will assess the issue as soon as possible on a best-effort basis and will give you an estimate for when we have a fix 
 and release available for an eventual public disclosure.
 We do not have a bug bounty program.
 ## Supported Versions
 We only apply security patches on the latest tagged release and on the `master` and `develop` branches
 Unless specified otherwise, do not expect us to fix security issues on past releases. We are only maintaining one release:
 the latest one, which is online at https://play.workadventu.re.
@@ -0,0 +1 @@
 src/Messages/generated
@@ -0,0 +1,4 @@
 {
  "printWidth": 120,
  "tabWidth": 4
 }
@@ -11,7 +11,10 @@
    "profile": "tsc && node --prof ./dist/server.js",
    "test": "ts-node node_modules/jasmine/bin/jasmine --config=jasmine.json",
    "lint": "node_modules/.bin/eslint src/ . --ext .ts",
-    "fix": "node_modules/.bin/eslint --fix src/ . --ext .ts"
+    "fix": "node_modules/.bin/eslint --fix src/ . --ext .ts",
    "precommit": "lint-staged",
    "pretty": "yarn prettier --write 'src/**/*.{ts,tsx}'",
    "pretty-check": "yarn prettier --check 'src/**/*.{ts,tsx}'"
  },
  "repository": {
    "type": "git",
@@ -66,7 +69,14 @@
    "@typescript-eslint/parser": "^2.26.0",
    "eslint": "^6.8.0",
    "jasmine": "^3.5.0",
    "lint-staged": "^11.0.0",
    "prettier": "^2.3.1",
    "ts-node-dev": "^1.0.0-pre.44",
    "typescript": "^3.8.3"
  },
  "lint-staged": {
    "*.ts": [
      "prettier --write"
    ]
  }
 }
@@ -117,6 +117,11 @@
  resolved "https://registry.yarnpkg.com/@types/node/-/node-14.11.2.tgz#2de1ed6670439387da1c9f549a2ade2b0a799256"
  integrity sha512-jiE3QIxJ8JLNcb1Ps6rDbysDhN4xa8DJJvuC9prr6w+1tIh+QAbYyNF3tyiZNLDBIuBCf4KEcV2UvQm/V60xfA==
 "@types/parse-json@^4.0.0":
  version "4.0.0"
  resolved "https://registry.yarnpkg.com/@types/parse-json/-/parse-json-4.0.0.tgz#2f8bb441434d163b35fb8ffdccd7138927ffb8c0"
  integrity sha512-//oorEZjL6sbPcKUaCdIGlIUeH26mgzimjBB77G6XRgnDl/L5wOnpyBGRe/Mmf5CVW3PwEBE1NjiMZ/ssFh4wA==
 "@types/strip-bom@^3.0.0":
  version "3.0.0"
  resolved "https://registry.yarnpkg.com/@types/strip-bom/-/strip-bom-3.0.0.tgz#14a8ec3956c2e81edb7520790aecf21c290aebd2"
@@ -197,6 +202,14 @@ acorn@^7.1.1:
  resolved "https://registry.yarnpkg.com/acorn/-/acorn-7.4.0.tgz#e1ad486e6c54501634c6c397c5c121daa383607c"
  integrity sha512-+G7P8jJmCHr+S+cLfQxygbWhXy+8YTVGzAkpEbcLo2mLoL7tij/VG41QSHACSf5QgYRhMZYHuNc6drJaO0Da+w==
 aggregate-error@^3.0.0:
  version "3.1.0"
  resolved "https://registry.yarnpkg.com/aggregate-error/-/aggregate-error-3.1.0.tgz#92670ff50f5359bdb7a3e0d40d0ec30c5737687a"
  integrity sha512-4I7Td01quW/RpocfNayFdFVk1qSuoh0E7JrbRJ16nH01HhKFQ88INq9Sd+nd72zqRySlr9BmDA8xlEJ6vJMrYA==
  dependencies:
    clean-stack "^2.0.0"
    indent-string "^4.0.0"
 ajv@^6.10.0, ajv@^6.10.2:
  version "6.12.5"
  resolved "https://registry.yarnpkg.com/ajv/-/ajv-6.12.5.tgz#19b0e8bae8f476e5ba666300387775fb1a00a4da"
@@ -207,6 +220,11 @@ ajv@^6.10.0, ajv@^6.10.2:
    json-schema-traverse "^0.4.1"
    uri-js "^4.2.2"
 ansi-colors@^4.1.1:
  version "4.1.1"
  resolved "https://registry.yarnpkg.com/ansi-colors/-/ansi-colors-4.1.1.tgz#cbb9ae256bf750af1eab344f229aa27fe94ba348"
  integrity sha512-JoX0apGbHaUJBNl6yF+p6JAFYZ666/hhCGKN5t9QFjbJQKUU/g8MNbFDbvfrgKXvI1QpZplPOnwIo99lX/AAmA==
 ansi-escapes@^4.2.1:
  version "4.3.1"
  resolved "https://registry.yarnpkg.com/ansi-escapes/-/ansi-escapes-4.3.1.tgz#a5c47cc43181f1f38ffd7076837700d395522a61"
@@ -214,6 +232,13 @@ ansi-escapes@^4.2.1:
  dependencies:
    type-fest "^0.11.0"
 ansi-escapes@^4.3.0:
  version "4.3.2"
  resolved "https://registry.yarnpkg.com/ansi-escapes/-/ansi-escapes-4.3.2.tgz#6b2291d1db7d98b6521d5f1efa42d0f3a9feb65e"
  integrity sha512-gKXj5ALrKWQLsYG9jlTRmR/xKluxHV+Z9QEwNIgCfM1/uwPMCuzVVnh5mwTd+OuBZcwSIMbqssNWRm1lE51QaQ==
  dependencies:
    type-fest "^0.21.3"
 ansi-regex@^2.0.0:
  version "2.1.1"
  resolved "https://registry.yarnpkg.com/ansi-regex/-/ansi-regex-2.1.1.tgz#c3b33ab5ee360d86e0e628f0468ae7ef27d654df"
@@ -241,6 +266,13 @@ ansi-styles@^3.2.0, ansi-styles@^3.2.1:
  dependencies:
    color-convert "^1.9.0"
 ansi-styles@^4.0.0:
  version "4.3.0"
  resolved "https://registry.yarnpkg.com/ansi-styles/-/ansi-styles-4.3.0.tgz#edd803628ae71c04c85ae7a0906edad34b648937"
  integrity sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==
  dependencies:
    color-convert "^2.0.1"
 ansi-styles@^4.1.0:
  version "4.2.1"
  resolved "https://registry.yarnpkg.com/ansi-styles/-/ansi-styles-4.2.1.tgz#90ae75c424d008d2624c5bf29ead3177ebfcf359"
@@ -325,6 +357,11 @@ astral-regex@^1.0.0:
  resolved "https://registry.yarnpkg.com/astral-regex/-/astral-regex-1.0.0.tgz#6c8c3fb827dd43ee3918f27b82782ab7658a6fd9"
  integrity sha512-+Ryf6g3BKoRc7jfp7ad8tM4TtMiaWvbF/1/sQcZPkkS7ag3D5nMBCe2UfOTONtAkaG0tO0ij3C5Lwmf1EiyjHg==
 astral-regex@^2.0.0:
  version "2.0.0"
  resolved "https://registry.yarnpkg.com/astral-regex/-/astral-regex-2.0.0.tgz#483143c567aeed4785759c0865786dc77d7d2e31"
  integrity sha512-Z7tMw1ytTXt5jqMcOP+OQteU1VuNK9Y02uuJtKQ1Sv69jXQKKg5cibLwGJow8yzZP+eAc18EmLGPal0bp36rvQ==
 atob@^2.1.2:
  version "2.1.2"
  resolved "https://registry.yarnpkg.com/atob/-/atob-2.1.2.tgz#6d9517eb9e030d2436666651e86bd9f6f13533c9"
@@ -389,7 +426,7 @@ braces@^2.3.1:
    split-string "^3.0.2"
    to-regex "^3.0.1"
-braces@~3.0.2:
+braces@^3.0.1, braces@~3.0.2:
  version "3.0.2"
  resolved "https://registry.yarnpkg.com/braces/-/braces-3.0.2.tgz#3454e1a462ee8d599e236df336cd9ea4f8afe107"
  integrity sha512-b8um+L1RzM3WDSzvhm6gIz1yfTbBt6YTlcEKAvsmqCZZFw46z626lVj9j1yEPW33H5H+lBQpZMP1k8l+78Ha0A==
@@ -475,6 +512,14 @@ chalk@^4.1.0:
    ansi-styles "^4.1.0"
    supports-color "^7.1.0"
 chalk@^4.1.1:
  version "4.1.1"
  resolved "https://registry.yarnpkg.com/chalk/-/chalk-4.1.1.tgz#c80b3fab28bf6371e6863325eee67e618b77e6ad"
  integrity sha512-diHzdDKxcU+bAsUboHLPEDQiw0qEe0qd7SYUn3HgcFlWgbDcfLGswOHYeGrHKzG9z6UYf01d9VFMfZxPM1xZSg==
  dependencies:
    ansi-styles "^4.1.0"
    supports-color "^7.1.0"
 chardet@^0.7.0:
  version "0.7.0"
  resolved "https://registry.yarnpkg.com/chardet/-/chardet-0.7.0.tgz#90094849f0937f2eedc2425d0d28a9e5f0cbad9e"
@@ -515,6 +560,11 @@ class-utils@^0.3.5:
    isobject "^3.0.0"
    static-extend "^0.1.1"
 clean-stack@^2.0.0:
  version "2.2.0"
  resolved "https://registry.yarnpkg.com/clean-stack/-/clean-stack-2.2.0.tgz#ee8472dbb129e727b31e8a10a427dee9dfe4008b"
  integrity sha512-4diC9HaTE+KRAMWhDhrGOECgWZxoevMc5TlkObMqNSsVU62PYzXZ/SMTjzyGAFF1YusgxGcSWTEXBhp0CPwQ1A==
 cli-cursor@^3.1.0:
  version "3.1.0"
  resolved "https://registry.yarnpkg.com/cli-cursor/-/cli-cursor-3.1.0.tgz#264305a7ae490d1d03bf0c9ba7c925d1753af307"
@@ -522,6 +572,14 @@ cli-cursor@^3.1.0:
  dependencies:
    restore-cursor "^3.1.0"
 cli-truncate@^2.1.0:
  version "2.1.0"
  resolved "https://registry.yarnpkg.com/cli-truncate/-/cli-truncate-2.1.0.tgz#c39e28bf05edcde5be3b98992a22deed5a2b93c7"
  integrity sha512-n8fOixwDD6b/ObinzTrp1ZKFzbgvKZvuz/TvejnLn1aQfC6r52XEx85FmuC+3HI+JM7coBRXUvNqEU2PHVrHpg==
  dependencies:
    slice-ansi "^3.0.0"
    string-width "^4.2.0"
 cli-width@^3.0.0:
  version "3.0.0"
  resolved "https://registry.yarnpkg.com/cli-width/-/cli-width-3.0.0.tgz#a2f48437a2caa9a22436e794bf071ec9e61cedf6"
@@ -573,11 +631,21 @@ color-name@~1.1.4:
  resolved "https://registry.yarnpkg.com/color-name/-/color-name-1.1.4.tgz#c2a09a87acbde69543de6f63fa3995c826c536a2"
  integrity sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==
 colorette@^1.2.2:
  version "1.2.2"
  resolved "https://registry.yarnpkg.com/colorette/-/colorette-1.2.2.tgz#cbcc79d5e99caea2dbf10eb3a26fd8b3e6acfa94"
  integrity sha512-MKGMzyfeuutC/ZJ1cba9NqcNpfeqMUcYmyF1ZFY6/Cn7CNSAKx6a+s48sqLqyAiZuaP2TcqMhoo+dlwFnVxT9w==
 colour@~0.7.1:
  version "0.7.1"
  resolved "https://registry.yarnpkg.com/colour/-/colour-0.7.1.tgz#9cb169917ec5d12c0736d3e8685746df1cadf778"
  integrity sha1-nLFpkX7F0SwHNtPoaFdG3xyt93g=
 commander@^7.2.0:
  version "7.2.0"
  resolved "https://registry.yarnpkg.com/commander/-/commander-7.2.0.tgz#a36cb57d0b501ce108e4d20559a150a391d97ab7"
  integrity sha512-QrWXB+ZQSVPmIWIhtEO9H+gwHaMGYiF5ChvoJ+K9ZGHG/sVsa6yiesAD1GC/x46sET00Xlwo1u49RVVVzvcSkw==
 component-emitter@^1.2.1:
  version "1.3.0"
  resolved "https://registry.yarnpkg.com/component-emitter/-/component-emitter-1.3.0.tgz#16e4070fba8ae29b679f2215853ee181ab2eabc0"
@@ -603,6 +671,17 @@ core-util-is@~1.0.0:
  resolved "https://registry.yarnpkg.com/core-util-is/-/core-util-is-1.0.2.tgz#b5fd54220aa2bc5ab57aab7140c940754503c1a7"
  integrity sha1-tf1UIgqivFq1eqtxQMlAdUUDwac=
 cosmiconfig@^7.0.0:
  version "7.0.0"
  resolved "https://registry.yarnpkg.com/cosmiconfig/-/cosmiconfig-7.0.0.tgz#ef9b44d773959cae63ddecd122de23853b60f8d3"
  integrity sha512-pondGvTuVYDk++upghXJabWzL6Kxu6f26ljFw64Swq9v6sQPUL3EUlVDV56diOjpCayKihL6hVe8exIACU4XcA==
  dependencies:
    "@types/parse-json" "^4.0.0"
    import-fresh "^3.2.1"
    parse-json "^5.0.0"
    path-type "^4.0.0"
    yaml "^1.10.0"
 cross-spawn@^6.0.5:
  version "6.0.5"
  resolved "https://registry.yarnpkg.com/cross-spawn/-/cross-spawn-6.0.5.tgz#4a5ec7c64dfae22c3a14124dbacdee846d80cbc4"
@@ -614,6 +693,15 @@ cross-spawn@^6.0.5:
    shebang-command "^1.2.0"
    which "^1.2.9"
 cross-spawn@^7.0.3:
  version "7.0.3"
  resolved "https://registry.yarnpkg.com/cross-spawn/-/cross-spawn-7.0.3.tgz#f73a85b9d5d41d045551c177e2882d4ac85728a6"
  integrity sha512-iRDPJKUPVEND7dHPO8rkbOnPpyDygcDFtWjpeWNCgy8WP2rXcxXL8TskReQl6OrB2G7+UJrags1q15Fudc7G6w==
  dependencies:
    path-key "^3.1.0"
    shebang-command "^2.0.0"
    which "^2.0.1"
 currently-unhandled@^0.4.1:
  version "0.4.1"
  resolved "https://registry.yarnpkg.com/currently-unhandled/-/currently-unhandled-0.4.1.tgz#988df33feab191ef799a61369dd76c17adf957ea"
@@ -667,6 +755,11 @@ decode-uri-component@^0.2.0:
  resolved "https://registry.yarnpkg.com/decode-uri-component/-/decode-uri-component-0.2.0.tgz#eb3913333458775cb84cd1a1fae062106bb87545"
  integrity sha1-6zkTMzRYd1y4TNGh+uBiEGu4dUU=
 dedent@^0.7.0:
  version "0.7.0"
  resolved "https://registry.yarnpkg.com/dedent/-/dedent-0.7.0.tgz#2495ddbaf6eb874abb0e1be9df22d2e5a544326c"
  integrity sha1-JJXduvbrh0q7Dhvp3yLS5aVEMmw=
 deep-extend@^0.6.0:
  version "0.6.0"
  resolved "https://registry.yarnpkg.com/deep-extend/-/deep-extend-0.6.0.tgz#c4fa7c95404a17a9c3e8ca7e1537312b736330ac"
@@ -752,7 +845,14 @@ emoji-regex@^8.0.0:
  resolved "https://registry.yarnpkg.com/emoji-regex/-/emoji-regex-8.0.0.tgz#e818fd69ce5ccfcb404594f842963bf53164cc37"
  integrity sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==
-error-ex@^1.2.0:
+enquirer@^2.3.6:
  version "2.3.6"
  resolved "https://registry.yarnpkg.com/enquirer/-/enquirer-2.3.6.tgz#2a7fe5dd634a1e4125a975ec994ff5456dc3734d"
  integrity sha512-yjNnPr315/FjS4zIsUxYguYUPP2e1NK4d7E7ZOLiyYCcbFBiTMyID+2wvm2w6+pZ/odMA7cRkjhsPbltwBOrLg==
  dependencies:
    ansi-colors "^4.1.1"
 error-ex@^1.2.0, error-ex@^1.3.1:
  version "1.3.2"
  resolved "https://registry.yarnpkg.com/error-ex/-/error-ex-1.3.2.tgz#b4ac40648107fdcdcfae242f428bea8a14d4f1bf"
  integrity sha512-7dFHNmqeFSEt2ZBsCriorKnn3Z2pj+fd9kmI6QoWw4//DL+icEBfc0U7qJCisqrTsKTjw4fNFy2pW9OqStD84g==
@@ -877,6 +977,21 @@ esutils@^2.0.2:
  resolved "https://registry.yarnpkg.com/esutils/-/esutils-2.0.3.tgz#74d2eb4de0b8da1293711910d50775b9b710ef64"
  integrity sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==
 execa@^5.0.0:
  version "5.1.1"
  resolved "https://registry.yarnpkg.com/execa/-/execa-5.1.1.tgz#f80ad9cbf4298f7bd1d4c9555c21e93741c411dd"
  integrity sha512-8uSpZZocAZRBAPIEINJj3Lo9HyGitllczc27Eh5YYojjMFMn8yHMDMaUHE2Jqfq05D/wucwI4JGURyXt1vchyg==
  dependencies:
    cross-spawn "^7.0.3"
    get-stream "^6.0.0"
    human-signals "^2.1.0"
    is-stream "^2.0.0"
    merge-stream "^2.0.0"
    npm-run-path "^4.0.1"
    onetime "^5.1.2"
    signal-exit "^3.0.3"
    strip-final-newline "^2.0.0"
 expand-brackets@^2.1.4:
  version "2.1.4"
  resolved "https://registry.yarnpkg.com/expand-brackets/-/expand-brackets-2.1.4.tgz#b77735e315ce30f6b6eff0f83b04151a22449622"
@@ -1066,11 +1181,21 @@ generic-type-guard@^3.2.0:
  resolved "https://registry.yarnpkg.com/generic-type-guard/-/generic-type-guard-3.3.3.tgz#954b846fecff91047cadb0dcc28930811fcb9dc1"
  integrity sha512-SXraZvNW/uTfHVgB48iEwWaD1XFJ1nvZ8QP6qy9pSgaScEyQqFHYN5E6d6rCsJgrvlWKygPrNum7QeJHegzNuQ==
 get-own-enumerable-property-symbols@^3.0.0:
  version "3.0.2"
  resolved "https://registry.yarnpkg.com/get-own-enumerable-property-symbols/-/get-own-enumerable-property-symbols-3.0.2.tgz#b5fde77f22cbe35f390b4e089922c50bce6ef664"
  integrity sha512-I0UBV/XOz1XkIJHEUDMZAbzCThU/H8DxmSfmdGcKPnVhu2VfFqr34jr9777IyaTYvxjedWhqVIilEDsCdP5G6g==
 get-stdin@^4.0.1:
  version "4.0.1"
  resolved "https://registry.yarnpkg.com/get-stdin/-/get-stdin-4.0.1.tgz#b968c6b0a04384324902e8bf1a5df32579a450fe"
  integrity sha1-uWjGsKBDhDJJAui/Gl3zJXmkUP4=
 get-stream@^6.0.0:
  version "6.0.1"
  resolved "https://registry.yarnpkg.com/get-stream/-/get-stream-6.0.1.tgz#a262d8eef67aced57c2852ad6167526a43cbf7b7"
  integrity sha512-ts6Wi+2j3jQjqi70w5AlN8DFnkSwC+MqmxEzdEALB2qXZYV3X/b1CTfgPLGJNMeAWxdPfU8FO1ms3NUfaHCPYg==
 get-value@^2.0.3, get-value@^2.0.6:
  version "2.0.6"
  resolved "https://registry.yarnpkg.com/get-value/-/get-value-2.0.6.tgz#dc15ca1c672387ca76bd37ac0a395ba2042a2c28"
@@ -1193,6 +1318,11 @@ http-status-codes@*:
  resolved "https://registry.yarnpkg.com/http-status-codes/-/http-status-codes-2.1.4.tgz#453d99b4bd9424254c4f6a9a3a03715923052798"
  integrity sha512-MZVIsLKGVOVE1KEnldppe6Ij+vmemMuApDfjhVSLzyYP+td0bREEYyAoIw9yFePoBXManCuBqmiNP5FqJS5Xkg==
 human-signals@^2.1.0:
  version "2.1.0"
  resolved "https://registry.yarnpkg.com/human-signals/-/human-signals-2.1.0.tgz#dc91fcba42e4d06e4abaed33b3e7a3c02f514ea0"
  integrity sha512-B4FFZ6q/T2jhhksgkbEW3HBvWIfDW85snkQgawt07S7J5QXTk6BkNV+0yAeZrM5QpMAdYlocGoljn0sJ/WQkFw==
 iconv-lite@^0.4.24, iconv-lite@^0.4.4:
  version "0.4.24"
  resolved "https://registry.yarnpkg.com/iconv-lite/-/iconv-lite-0.4.24.tgz#2022b4b25fbddc21d2f524974a474aafe733908b"
@@ -1220,6 +1350,14 @@ import-fresh@^3.0.0:
    parent-module "^1.0.0"
    resolve-from "^4.0.0"
 import-fresh@^3.2.1:
  version "3.3.0"
  resolved "https://registry.yarnpkg.com/import-fresh/-/import-fresh-3.3.0.tgz#37162c25fcb9ebaa2e6e53d5b4d88ce17d9e0c2b"
  integrity sha512-veYYhQa+D1QBKznvhUHxb8faxlrwUnxseDAbAp457E0wLNio2bOSKnjYDhMj+YiAq61xrMGhQk9iXVk5FzgQMw==
  dependencies:
    parent-module "^1.0.0"
    resolve-from "^4.0.0"
 imurmurhash@^0.1.4:
  version "0.1.4"
  resolved "https://registry.yarnpkg.com/imurmurhash/-/imurmurhash-0.1.4.tgz#9218b9b2b928a238b13dc4fb6b6d576f231453ea"
@@ -1232,6 +1370,11 @@ indent-string@^2.1.0:
  dependencies:
    repeating "^2.0.0"
 indent-string@^4.0.0:
  version "4.0.0"
  resolved "https://registry.yarnpkg.com/indent-string/-/indent-string-4.0.0.tgz#624f8f4497d619b2d9768531d58f4122854d7251"
  integrity sha512-EdDDZu4A2OyIK7Lr/2zG+w5jmbuk1DVBnEwREQvBzspBJkCEbRa8GxU1lghYcaGJCnRWibjDXlq779X1/y5xwg==
 inflight@^1.0.4:
  version "1.0.6"
  resolved "https://registry.yarnpkg.com/inflight/-/inflight-1.0.6.tgz#49bd6331d7d02d0c09bc910a1075ba8165b56df9"
@@ -1402,6 +1545,11 @@ is-number@^7.0.0:
  resolved "https://registry.yarnpkg.com/is-number/-/is-number-7.0.0.tgz#7535345b896734d5f80c4d06c50955527a14f12b"
  integrity sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==
 is-obj@^1.0.1:
  version "1.0.1"
  resolved "https://registry.yarnpkg.com/is-obj/-/is-obj-1.0.1.tgz#3e4729ac1f5fde025cd7d83a896dab9f4f67db0f"
  integrity sha1-PkcprB9f3gJc19g6iW2rn09n2w8=
 is-plain-object@^2.0.3, is-plain-object@^2.0.4:
  version "2.0.4"
  resolved "https://registry.yarnpkg.com/is-plain-object/-/is-plain-object-2.0.4.tgz#2c163b3fafb1b606d9d17928f05c2a1c38e07677"
@@ -1409,6 +1557,21 @@ is-plain-object@^2.0.3, is-plain-object@^2.0.4:
  dependencies:
    isobject "^3.0.1"
 is-regexp@^1.0.0:
  version "1.0.0"
  resolved "https://registry.yarnpkg.com/is-regexp/-/is-regexp-1.0.0.tgz#fd2d883545c46bac5a633e7b9a09e87fa2cb5069"
  integrity sha1-/S2INUXEa6xaYz57mgnof6LLUGk=
 is-stream@^2.0.0:
  version "2.0.0"
  resolved "https://registry.yarnpkg.com/is-stream/-/is-stream-2.0.0.tgz#bde9c32680d6fae04129d6ac9d921ce7815f78e3"
  integrity sha512-XCoy+WlUr7d1+Z8GgSuXmpuUFC9fOhRXglJMx+dwLKTkL44Cjd4W1Z5P+BQZpr+cR93aGP4S/s7Ftw6Nd/kiEw==
 is-unicode-supported@^0.1.0:
  version "0.1.0"
  resolved "https://registry.yarnpkg.com/is-unicode-supported/-/is-unicode-supported-0.1.0.tgz#3f26c76a809593b52bfa2ecb5710ed2779b522a7"
  integrity sha512-knxG2q4UC3u8stRGyAVJCOdxFmv5DZiRcdlIaAQXAbSfJya+OhopNotLQrstBhququ4ZpuKbDc/8S6mgXgPFPw==
 is-utf8@^0.2.0:
  version "0.2.1"
  resolved "https://registry.yarnpkg.com/is-utf8/-/is-utf8-0.2.1.tgz#4b0da1442104d1b336340e80797e865cf39f7d72"
@@ -1467,6 +1630,11 @@ js-yaml@^3.13.1:
    argparse "^1.0.7"
    esprima "^4.0.0"
 json-parse-even-better-errors@^2.3.0:
  version "2.3.1"
  resolved "https://registry.yarnpkg.com/json-parse-even-better-errors/-/json-parse-even-better-errors-2.3.1.tgz#7c47805a94319928e05777405dc12e1f7a4ee02d"
  integrity sha512-xyFwyhro/JEof6Ghe2iz2NcXoj2sloNsWr/XsERDK/oiPCfaNhl5ONfp+jQdAZRQQ0IJWNzH9zIZF7li91kh2w==
 json-schema-traverse@^0.4.1:
  version "0.4.1"
  resolved "https://registry.yarnpkg.com/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz#69f6a87d9513ab8bb8fe63bdb0979c448e684660"
@@ -1549,6 +1717,45 @@ levn@^0.3.0, levn@~0.3.0:
    prelude-ls "~1.1.2"
    type-check "~0.3.2"
 lines-and-columns@^1.1.6:
  version "1.1.6"
  resolved "https://registry.yarnpkg.com/lines-and-columns/-/lines-and-columns-1.1.6.tgz#1c00c743b433cd0a4e80758f7b64a57440d9ff00"
  integrity sha1-HADHQ7QzzQpOgHWPe2SldEDZ/wA=
 lint-staged@^11.0.0:
  version "11.0.0"
  resolved "https://registry.yarnpkg.com/lint-staged/-/lint-staged-11.0.0.tgz#24d0a95aa316ba28e257f5c4613369a75a10c712"
  integrity sha512-3rsRIoyaE8IphSUtO1RVTFl1e0SLBtxxUOPBtHxQgBHS5/i6nqvjcUfNioMa4BU9yGnPzbO+xkfLtXtxBpCzjw==
  dependencies:
    chalk "^4.1.1"
    cli-truncate "^2.1.0"
    commander "^7.2.0"
    cosmiconfig "^7.0.0"
    debug "^4.3.1"
    dedent "^0.7.0"
    enquirer "^2.3.6"
    execa "^5.0.0"
    listr2 "^3.8.2"
    log-symbols "^4.1.0"
    micromatch "^4.0.4"
    normalize-path "^3.0.0"
    please-upgrade-node "^3.2.0"
    string-argv "0.3.1"
    stringify-object "^3.3.0"
 listr2@^3.8.2:
  version "3.10.0"
  resolved "https://registry.yarnpkg.com/listr2/-/listr2-3.10.0.tgz#58105a53ed7fa1430d1b738c6055ef7bb006160f"
  integrity sha512-eP40ZHihu70sSmqFNbNy2NL1YwImmlMmPh9WO5sLmPDleurMHt3n+SwEWNu2kzKScexZnkyFtc1VI0z/TGlmpw==
  dependencies:
    cli-truncate "^2.1.0"
    colorette "^1.2.2"
    log-update "^4.0.0"
    p-map "^4.0.0"
    rxjs "^6.6.7"
    through "^2.3.8"
    wrap-ansi "^7.0.0"
 load-json-file@^1.0.0:
  version "1.1.0"
  resolved "https://registry.yarnpkg.com/load-json-file/-/load-json-file-1.1.0.tgz#956905708d58b4bab4c2261b04f59f31c99374c0"
@@ -1610,6 +1817,24 @@ lodash@^4.17.14, lodash@^4.17.15, lodash@^4.17.19:
  resolved "https://registry.yarnpkg.com/lodash/-/lodash-4.17.21.tgz#679591c564c3bffaae8454cf0b3df370c3d6911c"
  integrity sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==
 log-symbols@^4.1.0:
  version "4.1.0"
  resolved "https://registry.yarnpkg.com/log-symbols/-/log-symbols-4.1.0.tgz#3fbdbb95b4683ac9fc785111e792e558d4abd503"
  integrity sha512-8XPvpAA8uyhfteu8pIvQxpJZ7SYYdpUivZpGy6sFsBuKRY/7rQGavedeB8aK+Zkyq6upMFVL/9AW6vOYzfRyLg==
  dependencies:
    chalk "^4.1.0"
    is-unicode-supported "^0.1.0"
 log-update@^4.0.0:
  version "4.0.0"
  resolved "https://registry.yarnpkg.com/log-update/-/log-update-4.0.0.tgz#589ecd352471f2a1c0c570287543a64dfd20e0a1"
  integrity sha512-9fkkDevMefjg0mmzWFBW8YkFP91OrizzkW3diF7CpG+S2EYdy4+TVfGwz1zeF8x7hCx1ovSPTOE9Ngib74qqUg==
  dependencies:
    ansi-escapes "^4.3.0"
    cli-cursor "^3.1.0"
    slice-ansi "^4.0.0"
    wrap-ansi "^6.2.0"
 long@~3:
  version "3.2.0"
  resolved "https://registry.yarnpkg.com/long/-/long-3.2.0.tgz#d821b7138ca1cb581c172990ef14db200b5c474b"
@@ -1661,6 +1886,11 @@ meow@^3.3.0:
    redent "^1.0.0"
    trim-newlines "^1.0.0"
 merge-stream@^2.0.0:
  version "2.0.0"
  resolved "https://registry.yarnpkg.com/merge-stream/-/merge-stream-2.0.0.tgz#52823629a14dd00c9770fb6ad47dc6310f2c1f60"
  integrity sha512-abv/qOcuPfk3URPfDzmZU1LKmuw8kT+0nIHvKrKgFrwifol/doWcdA4ZqsWQ8ENrFKkd67Mfpo/LovbIUsbt3w==
 merge2@^1.2.3:
  version "1.4.1"
  resolved "https://registry.yarnpkg.com/merge2/-/merge2-1.4.1.tgz#4368892f885e907455a6fd7dc55c0c9d404990ae"
@@ -1685,6 +1915,14 @@ micromatch@^3.1.10:
    snapdragon "^0.8.1"
    to-regex "^3.0.2"
 micromatch@^4.0.4:
  version "4.0.4"
  resolved "https://registry.yarnpkg.com/micromatch/-/micromatch-4.0.4.tgz#896d519dfe9db25fce94ceb7a500919bf881ebf9"
  integrity sha512-pRmzw/XUcwXGpD9aI9q/0XOwLNygjETJ8y0ao0wdqprrzDa4YnxLcz7fQRZr8voh8V10kGhABbNcHVk5wHgWwg==
  dependencies:
    braces "^3.0.1"
    picomatch "^2.2.3"
 mimic-fn@^2.1.0:
  version "2.1.0"
  resolved "https://registry.yarnpkg.com/mimic-fn/-/mimic-fn-2.1.0.tgz#7ed2c2ccccaf84d3ffcb7a69b57711fc2083401b"
@@ -1853,6 +2091,13 @@ npm-packlist@^1.1.6:
    npm-bundled "^1.0.1"
    npm-normalize-package-bin "^1.0.1"
 npm-run-path@^4.0.1:
  version "4.0.1"
  resolved "https://registry.yarnpkg.com/npm-run-path/-/npm-run-path-4.0.1.tgz#b7ecd1e5ed53da8e37a55e1c2269e0b97ed748ea"
  integrity sha512-S48WzZW777zhNIrn7gxOlISNAqi9ZC/uQFnRdbeIHhZhCA6UqpkOT8T1G7BvfdgP4Er8gF4sUbaS0i7QvIfCWw==
  dependencies:
    path-key "^3.0.0"
 npmlog@^4.0.2:
  version "4.1.2"
  resolved "https://registry.yarnpkg.com/npmlog/-/npmlog-4.1.2.tgz#08a7f2a8bf734604779a9efa4ad5cc717abb954b"
@@ -1903,7 +2148,7 @@ once@^1.3.0:
  dependencies:
    wrappy "1"
-onetime@^5.1.0:
+onetime@^5.1.0, onetime@^5.1.2:
  version "5.1.2"
  resolved "https://registry.yarnpkg.com/onetime/-/onetime-5.1.2.tgz#d0e96ebb56b07476df1dd9c4806e5237985ca45e"
  integrity sha512-kbpaSSGJTWdAY5KPVeMOKXSrPtr8C8C7wodJbcsd51jRnmD+GZu8Y0VoU6Dm5Z4vWr0Ig/1NKuWRKf7j5aaYSg==
@@ -1952,6 +2197,13 @@ osenv@^0.1.4:
    os-homedir "^1.0.0"
    os-tmpdir "^1.0.0"
 p-map@^4.0.0:
  version "4.0.0"
  resolved "https://registry.yarnpkg.com/p-map/-/p-map-4.0.0.tgz#bb2f95a5eda2ec168ec9274e06a747c3e2904d2b"
  integrity sha512-/bjOqmgETBYB5BoEeGVea8dmvHb2m9GLy1E9W43yeyfP6QQCZGFNa+XRceJEuDB6zqr+gKpIAmlLebMpykw/MQ==
  dependencies:
    aggregate-error "^3.0.0"
 parent-module@^1.0.0:
  version "1.0.1"
  resolved "https://registry.yarnpkg.com/parent-module/-/parent-module-1.0.1.tgz#691d2709e78c79fae3a156622452d00762caaaa2"
@@ -1966,6 +2218,16 @@ parse-json@^2.2.0:
  dependencies:
    error-ex "^1.2.0"
 parse-json@^5.0.0:
  version "5.2.0"
  resolved "https://registry.yarnpkg.com/parse-json/-/parse-json-5.2.0.tgz#c76fc66dee54231c962b22bcc8a72cf2f99753cd"
  integrity sha512-ayCKvm/phCGxOkYRSCM82iDwct8/EonSEgCSxWxD7ve6jHggsFl4fZVQBPRNgQoKiuV/odhFrGzQXZwbifC8Rg==
  dependencies:
    "@babel/code-frame" "^7.0.0"
    error-ex "^1.3.1"
    json-parse-even-better-errors "^2.3.0"
    lines-and-columns "^1.1.6"
 pascalcase@^0.1.1:
  version "0.1.1"
  resolved "https://registry.yarnpkg.com/pascalcase/-/pascalcase-0.1.1.tgz#b363e55e8006ca6fe21784d2db22bd15d7917f14"
@@ -1993,6 +2255,11 @@ path-key@^2.0.1:
  resolved "https://registry.yarnpkg.com/path-key/-/path-key-2.0.1.tgz#411cadb574c5a140d3a4b1910d40d80cc9f40b40"
  integrity sha1-QRyttXTFoUDTpLGRDUDYDMn0C0A=
 path-key@^3.0.0, path-key@^3.1.0:
  version "3.1.1"
  resolved "https://registry.yarnpkg.com/path-key/-/path-key-3.1.1.tgz#581f6ade658cbba65a0d3380de7753295054f375"
  integrity sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==
 path-parse@^1.0.6:
  version "1.0.6"
  resolved "https://registry.yarnpkg.com/path-parse/-/path-parse-1.0.6.tgz#d62dbb5679405d72c4737ec58600e9ddcf06d24c"
@@ -2007,11 +2274,21 @@ path-type@^1.0.0:
    pify "^2.0.0"
    pinkie-promise "^2.0.0"
 path-type@^4.0.0:
  version "4.0.0"
  resolved "https://registry.yarnpkg.com/path-type/-/path-type-4.0.0.tgz#84ed01c0a7ba380afe09d90a8c180dcd9d03043b"
  integrity sha512-gDKb8aZMDeD/tZWs9P6+q0J9Mwkdl6xMV8TjnGP3qJVJ06bdMgkbBlLU8IdfOsIsFz2BW1rNVT3XuNEl8zPAvw==
 picomatch@^2.0.4, picomatch@^2.2.1:
  version "2.2.2"
  resolved "https://registry.yarnpkg.com/picomatch/-/picomatch-2.2.2.tgz#21f333e9b6b8eaff02468f5146ea406d345f4dad"
  integrity sha512-q0M/9eZHzmr0AulXyPwNfZjtwZ/RBZlbN3K3CErVrk50T2ASYI7Bye0EvekFY3IP1Nt2DHu0re+V2ZHIpMkuWg==
 picomatch@^2.2.3:
  version "2.3.0"
  resolved "https://registry.yarnpkg.com/picomatch/-/picomatch-2.3.0.tgz#f1f061de8f6a4bf022892e2d128234fb98302972"
  integrity sha512-lY1Q/PiJGC2zOv/z391WOTD+Z02bCgsFfvxoXXf6h7kv9o+WmsmzYqrAwY63sNgOxE4xEdq0WyUnXfKeBrSvYw==
 pify@^2.0.0:
  version "2.3.0"
  resolved "https://registry.yarnpkg.com/pify/-/pify-2.3.0.tgz#ed141a6ac043a849ea588498e7dca8b15330e90c"
@@ -2029,6 +2306,13 @@ pinkie@^2.0.0:
  resolved "https://registry.yarnpkg.com/pinkie/-/pinkie-2.0.4.tgz#72556b80cfa0d48a974e80e77248e80ed4f7f870"
  integrity sha1-clVrgM+g1IqXToDnckjoDtT3+HA=
 please-upgrade-node@^3.2.0:
  version "3.2.0"
  resolved "https://registry.yarnpkg.com/please-upgrade-node/-/please-upgrade-node-3.2.0.tgz#aeddd3f994c933e4ad98b99d9a556efa0e2fe942"
  integrity sha512-gQR3WpIgNIKwBMVLkpMUeR3e1/E1y42bqDQZfql+kDeXd8COYfM8PQA4X6y7a8u9Ua9FHmsrrmirW2vHs45hWg==
  dependencies:
    semver-compare "^1.0.0"
 posix-character-classes@^0.1.0:
  version "0.1.1"
  resolved "https://registry.yarnpkg.com/posix-character-classes/-/posix-character-classes-0.1.1.tgz#01eac0fe3b5af71a2a6c02feabb8c1fef7e00eab"
@@ -2039,6 +2323,11 @@ prelude-ls@~1.1.2:
  resolved "https://registry.yarnpkg.com/prelude-ls/-/prelude-ls-1.1.2.tgz#21932a549f5e52ffd9a827f570e04be62a97da54"
  integrity sha1-IZMqVJ9eUv/ZqCf1cOBL5iqX2lQ=
 prettier@^2.3.1:
  version "2.3.1"
  resolved "https://registry.yarnpkg.com/prettier/-/prettier-2.3.1.tgz#76903c3f8c4449bc9ac597acefa24dc5ad4cbea6"
  integrity sha512-p+vNbgpLjif/+D+DwAZAbndtRrR0md0MwfmOVN9N+2RgyACMT+7tfaRnT+WDPkqnuVwleyuBIG2XBxKDme3hPA==
 process-nextick-args@~2.0.0:
  version "2.0.1"
  resolved "https://registry.yarnpkg.com/process-nextick-args/-/process-nextick-args-2.0.1.tgz#7820d9b16120cc55ca9ae7792680ae7dba6d7fe2"
@@ -2226,6 +2515,13 @@ rxjs@^6.6.0:
  dependencies:
    tslib "^1.9.0"
 rxjs@^6.6.7:
  version "6.6.7"
  resolved "https://registry.yarnpkg.com/rxjs/-/rxjs-6.6.7.tgz#90ac018acabf491bf65044235d5863c4dab804c9"
  integrity sha512-hTdwr+7yYNIT5n4AMYp85KA6yw2Va0FLa3Rguvbpa4W3I5xynaBZo41cM3XM+4Q6fRMj3sBYIR1VAmZMXYJvRQ==
  dependencies:
    tslib "^1.9.0"
 safe-buffer@^5.0.1, safe-buffer@^5.1.2:
  version "5.2.1"
  resolved "https://registry.yarnpkg.com/safe-buffer/-/safe-buffer-5.2.1.tgz#1eaf9fa9bdb1fdd4ec75f58f9cdb4e6b7827eec6"
@@ -2253,6 +2549,11 @@ sax@^1.2.4:
  resolved "https://registry.yarnpkg.com/sax/-/sax-1.2.4.tgz#2816234e2378bddc4e5354fab5caa895df7100d9"
  integrity sha512-NqVDv9TpANUjFm0N8uM5GxL36UgKi9/atZw+x7YFnQ8ckwFGKrl4xX4yWtrey3UJm5nP1kUbnYgLopqWNSRhWw==
 semver-compare@^1.0.0:
  version "1.0.0"
  resolved "https://registry.yarnpkg.com/semver-compare/-/semver-compare-1.0.0.tgz#0dee216a1c941ab37e9efb1788f6afc5ff5537fc"
  integrity sha1-De4hahyUGrN+nvsXiPavxf9VN/w=
 "semver@2 || 3 || 4 || 5", semver@^5.3.0, semver@^5.5.0, semver@^5.6.0:
  version "5.7.1"
  resolved "https://registry.yarnpkg.com/semver/-/semver-5.7.1.tgz#a954f931aeba508d307bbf069eff0c01c96116f7"
@@ -2290,12 +2591,24 @@ shebang-command@^1.2.0:
  dependencies:
    shebang-regex "^1.0.0"
 shebang-command@^2.0.0:
  version "2.0.0"
  resolved "https://registry.yarnpkg.com/shebang-command/-/shebang-command-2.0.0.tgz#ccd0af4f8835fbdc265b82461aaf0c36663f34ea"
  integrity sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==
  dependencies:
    shebang-regex "^3.0.0"
 shebang-regex@^1.0.0:
  version "1.0.0"
  resolved "https://registry.yarnpkg.com/shebang-regex/-/shebang-regex-1.0.0.tgz#da42f49740c0b42db2ca9728571cb190c98efea3"
  integrity sha1-2kL0l0DAtC2yypcoVxyxkMmO/qM=
-signal-exit@^3.0.0, signal-exit@^3.0.2:
+shebang-regex@^3.0.0:
  version "3.0.0"
  resolved "https://registry.yarnpkg.com/shebang-regex/-/shebang-regex-3.0.0.tgz#ae16f1644d873ecad843b0307b143362d4c42172"
  integrity sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==
 signal-exit@^3.0.0, signal-exit@^3.0.2, signal-exit@^3.0.3:
  version "3.0.3"
  resolved "https://registry.yarnpkg.com/signal-exit/-/signal-exit-3.0.3.tgz#a1410c2edd8f077b08b4e253c8eacfcaf057461c"
  integrity sha512-VUJ49FC8U1OxwZLxIbTTrDvLnf/6TDgxZcK8wxR8zs13xpx7xbG60ndBlhNrFi2EMuFRoeDoJO7wthSLq42EjA==
@@ -2309,6 +2622,24 @@ slice-ansi@^2.1.0:
    astral-regex "^1.0.0"
    is-fullwidth-code-point "^2.0.0"
 slice-ansi@^3.0.0:
  version "3.0.0"
  resolved "https://registry.yarnpkg.com/slice-ansi/-/slice-ansi-3.0.0.tgz#31ddc10930a1b7e0b67b08c96c2f49b77a789787"
  integrity sha512-pSyv7bSTC7ig9Dcgbw9AuRNUb5k5V6oDudjZoMBSr13qpLBG7tB+zgCkARjq7xIUgdz5P1Qe8u+rSGdouOOIyQ==
  dependencies:
    ansi-styles "^4.0.0"
    astral-regex "^2.0.0"
    is-fullwidth-code-point "^3.0.0"
 slice-ansi@^4.0.0:
  version "4.0.0"
  resolved "https://registry.yarnpkg.com/slice-ansi/-/slice-ansi-4.0.0.tgz#500e8dd0fd55b05815086255b3195adf2a45fe6b"
  integrity sha512-qMCMfhY040cVHT43K9BFygqYbUPFZKHOg7K73mtTWJRb8pyP3fzf4Ixd5SzdEJQ6MRUg/WBnOLxghZtKKurENQ==
  dependencies:
    ansi-styles "^4.0.0"
    astral-regex "^2.0.0"
    is-fullwidth-code-point "^3.0.0"
 snapdragon-node@^2.0.1:
  version "2.1.1"
  resolved "https://registry.yarnpkg.com/snapdragon-node/-/snapdragon-node-2.1.1.tgz#6c175f86ff14bdb0724563e8f3c1b021a286853b"
@@ -2434,6 +2765,11 @@ strict-uri-encode@^2.0.0:
  resolved "https://registry.yarnpkg.com/strict-uri-encode/-/strict-uri-encode-2.0.0.tgz#b9c7330c7042862f6b142dc274bbcc5866ce3546"
  integrity sha1-ucczDHBChi9rFC3CdLvMWGbONUY=
 string-argv@0.3.1:
  version "0.3.1"
  resolved "https://registry.yarnpkg.com/string-argv/-/string-argv-0.3.1.tgz#95e2fbec0427ae19184935f816d74aaa4c5c19da"
  integrity sha512-a1uQGz7IyVy9YwhqjZIZu1c8JO8dNIe20xBmSS6qu9kv++k3JGzCVmprbNN5Kn+BgzD5E7YYwg1CcjuJMRNsvg==
 string-width@^1.0.1:
  version "1.0.2"
  resolved "https://registry.yarnpkg.com/string-width/-/string-width-1.0.2.tgz#118bdf5b8cdc51a2a7e70d211e07e2b0b9b107d3"
@@ -2469,6 +2805,15 @@ string-width@^4.1.0:
    is-fullwidth-code-point "^3.0.0"
    strip-ansi "^6.0.0"
 string-width@^4.2.0:
  version "4.2.2"
  resolved "https://registry.yarnpkg.com/string-width/-/string-width-4.2.2.tgz#dafd4f9559a7585cfba529c6a0a4f73488ebd4c5"
  integrity sha512-XBJbT3N4JhVumXE0eoLU9DCjcaF92KLNqTmFCnG1pf8duUxFGwtP6AD6nkjw9a3IdiRtL3E2w3JDiE/xi3vOeA==
  dependencies:
    emoji-regex "^8.0.0"
    is-fullwidth-code-point "^3.0.0"
    strip-ansi "^6.0.0"
 string_decoder@~1.1.1:
  version "1.1.1"
  resolved "https://registry.yarnpkg.com/string_decoder/-/string_decoder-1.1.1.tgz#9cf1611ba62685d7030ae9e4ba34149c3af03fc8"
@@ -2476,6 +2821,15 @@ string_decoder@~1.1.1:
  dependencies:
    safe-buffer "~5.1.0"
 stringify-object@^3.3.0:
  version "3.3.0"
  resolved "https://registry.yarnpkg.com/stringify-object/-/stringify-object-3.3.0.tgz#703065aefca19300d3ce88af4f5b3956d7556629"
  integrity sha512-rHqiFh1elqCQ9WPLIC8I0Q/g/wj5J1eMkyoiD6eoQApWHP0FtlK7rqnhmabL5VUY9JQCcqwwvlOaSuutekgyrw==
  dependencies:
    get-own-enumerable-property-symbols "^3.0.0"
    is-obj "^1.0.1"
    is-regexp "^1.0.0"
 strip-ansi@^3.0.0, strip-ansi@^3.0.1:
  version "3.0.1"
  resolved "https://registry.yarnpkg.com/strip-ansi/-/strip-ansi-3.0.1.tgz#6a385fb8853d952d5ff05d0e8aaf94278dc63dcf"
@@ -2516,6 +2870,11 @@ strip-bom@^3.0.0:
  resolved "https://registry.yarnpkg.com/strip-bom/-/strip-bom-3.0.0.tgz#2334c18e9c759f7bdd56fdef7e9ae3d588e68ed3"
  integrity sha1-IzTBjpx1n3vdVv3vfprj1YjmjtM=
 strip-final-newline@^2.0.0:
  version "2.0.0"
  resolved "https://registry.yarnpkg.com/strip-final-newline/-/strip-final-newline-2.0.0.tgz#89b852fb2fcbe936f6f4b3187afb0a12c1ab58ad"
  integrity sha512-BrpvfNAE3dcvq7ll3xVumzjKjZQ5tI1sEUIKr3Uoks0XUl45St3FlatVqef9prk4jRDzhW6WZg+3bk93y6pLjA==
 strip-indent@^1.0.1:
  version "1.0.1"
  resolved "https://registry.yarnpkg.com/strip-indent/-/strip-indent-1.0.1.tgz#0c7962a6adefa7bbd4ac366460a638552ae1a0a2"
@@ -2587,7 +2946,7 @@ text-table@^0.2.0:
  resolved "https://registry.yarnpkg.com/text-table/-/text-table-0.2.0.tgz#7f5ee823ae805207c00af2df4a84ec3fcfa570b4"
  integrity sha1-f17oI66AUgfACvLfSoTsP8+lcLQ=
-through@^2.3.6:
+through@^2.3.6, through@^2.3.8:
  version "2.3.8"
  resolved "https://registry.yarnpkg.com/through/-/through-2.3.8.tgz#0dd4c9ffaabc357960b1b724115d7e0e86a2e1f5"
  integrity sha1-DdTJ/6q8NXlgsbckEV1+Doai4fU=
@@ -2703,6 +3062,11 @@ type-fest@^0.11.0:
  resolved "https://registry.yarnpkg.com/type-fest/-/type-fest-0.11.0.tgz#97abf0872310fed88a5c466b25681576145e33f1"
  integrity sha512-OdjXJxnCN1AvyLSzeKIgXTXxV+99ZuXl3Hpo9XpJAv9MBcHrrJOQ5kV7ypXOuQie+AmWG25hLbiKdwYTifzcfQ==
 type-fest@^0.21.3:
  version "0.21.3"
  resolved "https://registry.yarnpkg.com/type-fest/-/type-fest-0.21.3.tgz#d260a24b0198436e133fa26a524a6d65fa3b2e37"
  integrity sha512-t0rzBq87m3fVcduHDUFhKmyyX+9eo6WQjZvf51Ea/M0Q7+T374Jp1aUiyUl0GKxp8M/OETVHSDvmkyPgvX+X2w==
 type-fest@^0.8.1:
  version "0.8.1"
  resolved "https://registry.yarnpkg.com/type-fest/-/type-fest-0.8.1.tgz#09e249ebde851d3b1e48d27c105444667f17b83d"
@@ -2790,6 +3154,13 @@ which@^1.2.9:
  dependencies:
    isexe "^2.0.0"
 which@^2.0.1:
  version "2.0.2"
  resolved "https://registry.yarnpkg.com/which/-/which-2.0.2.tgz#7c6a8dd0a636a0327e10b59c9286eee93f3f51b1"
  integrity sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==
  dependencies:
    isexe "^2.0.0"
 wide-align@^1.1.0:
  version "1.1.3"
  resolved "https://registry.yarnpkg.com/wide-align/-/wide-align-1.1.3.tgz#ae074e6bdc0c14a431e804e624549c633b000457"
@@ -2815,6 +3186,24 @@ wrap-ansi@^2.0.0:
    string-width "^1.0.1"
    strip-ansi "^3.0.1"
 wrap-ansi@^6.2.0:
  version "6.2.0"
  resolved "https://registry.yarnpkg.com/wrap-ansi/-/wrap-ansi-6.2.0.tgz#e9393ba07102e6c91a3b221478f0257cd2856e53"
  integrity sha512-r6lPcBGxZXlIcymEu7InxDMhdW0KDxpLgoFLcguasxCaJ/SOIZwINatK9KY/tf+ZrlywOKU0UDj3ATXUBfxJXA==
  dependencies:
    ansi-styles "^4.0.0"
    string-width "^4.1.0"
    strip-ansi "^6.0.0"
 wrap-ansi@^7.0.0:
  version "7.0.0"
  resolved "https://registry.yarnpkg.com/wrap-ansi/-/wrap-ansi-7.0.0.tgz#67e145cff510a6a6984bdf1152911d69d2eb9e43"
  integrity sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==
  dependencies:
    ansi-styles "^4.0.0"
    string-width "^4.1.0"
    strip-ansi "^6.0.0"
 wrappy@1:
  version "1.0.2"
  resolved "https://registry.yarnpkg.com/wrappy/-/wrappy-1.0.2.tgz#b5243d8f3ec1aa35f1364605bc0d1036e30ab69f"
@@ -2842,6 +3231,11 @@ yallist@^3.0.0, yallist@^3.0.3:
  resolved "https://registry.yarnpkg.com/yallist/-/yallist-3.1.1.tgz#dbb7daf9bfd8bac9ab45ebf602b8cbad0d5d08fd"
  integrity sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g==
 yaml@^1.10.0:
  version "1.10.2"
  resolved "https://registry.yarnpkg.com/yaml/-/yaml-1.10.2.tgz#2301c5ffbf12b467de8da2333a459e29e7920e4b"
  integrity sha512-r3vXyErRCYJ7wg28yvBY5VSoAF8ZvlcW9/BwUzEtUsjvX/DKs24dIkuwjtuprwJJHsbyUbLApepYTR1BN4uHrg==
 yargs@^3.10.0:
  version "3.32.0"
  resolved "https://registry.yarnpkg.com/yargs/-/yargs-3.32.0.tgz#03088e9ebf9e756b69751611d2a5ef591482c995"
@@ -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:
 <div class="px-5 card rounded d-inline-block">
    <img class="document-img" src="https://workadventu.re/img/docs/anims/camera.png" alt="" />
 </div>
 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:
 <div>
    <figure class="figure">
        <img class="figure-img img-fluid rounded" src="https://workadventu.re/img/docs/anims/animation_editor.png" alt="" />
        <figcaption class="figure-caption">The tile animation editor</figcaption>
    </figure>
 </div>
 You can preview animations directly in Tiled, using the "Show tile animations" option:
 <div>
    <figure class="figure">
        <img class="figure-img img-fluid rounded" src="https://workadventu.re/img/docs/anims/settings_show_animations.png" alt="" />
        <figcaption class="figure-caption">The Show Tile Animations option</figcaption>
    </figure>
 </div>
 {.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.
@@ -0,0 +1,21 @@
 {.section-title.accent.text-primary}
 # API Player functions Reference
 ### Listen to player movement
 ```
 WA.player.onPlayerMove(callback: HasPlayerMovedEventCallback): void;
 ```
 Listens to the movement of the current user and calls the callback. Sends an event when the user stops moving, changes direction and every 200ms when moving in the same direction.
 The event has the following attributes :
 *   **moving (boolean):**  **true** when the current player is moving, **false** otherwise.
 *   **direction (string):** **"right"** | **"left"** | **"down"** | **"top"** the direction where the current player is moving.
 *   **x (number):** coordinate X of the current player.
 *    **y (number):** coordinate Y of the current player.
 **callback:** the function that will be called when the current player is moving. It contains the event.
 Example :
 ```javascript
 WA.player.onPlayerMove(console.log);
 ```
@@ -4,6 +4,7 @@
 - [Navigation functions](api-nav.md)
 - [Chat functions](api-chat.md)
 - [Room functions](api-room.md)
 - [Player functions](api-player.md)
 - [UI functions](api-ui.md)
 - [Sound functions](api-sound.md)
 - [Controls functions](api-controls.md)
@@ -1,6 +1,22 @@
 {.section-title.accent.text-primary}
 # API Room functions Reference
 ### Working with group layers
 If you use group layers in your map, to reference a layer in a group you will need to use a `/` to join layer names together.
 Example :
 <div class="row">
    <div class="col">
        <img src="https://workadventu.re/img/docs/groupLayer.png" class="figure-img img-fluid rounded" alt="" />
    </div>
 </div>
 The name of the layers of this map are :
 * `entries/start`
 * `bottom/ground/under`
 * `bottom/build/carpet`
 * `wall`
 ### Detecting when the user enters/leaves a zone
 ```
@@ -31,3 +47,68 @@ WA.room.onLeaveZone('myZone', () => {
    WA.chat.sendChatMessage("Goodbye!", 'Mr Robot');
 })
 ```
 ### Show / Hide a layer
 ```
 WA.room.showLayer(layerName : string): void
 WA.room.hideLayer(layerName : string) : void
 ```
 These 2 methods can be used to show and hide a layer.
 Example :
 ```javascript
 WA.room.showLayer('bottom');
 //...
 WA.room.hideLayer('bottom');
 ```
 ### Set/Create properties in a layer
 ```
 WA.room.setProperty(layerName : string, propertyName : string, propertyValue : string | number | boolean | undefined) : void;
 ```
 Set the value of the `propertyName` property of the layer `layerName` at `propertyValue`. If the property doesn't exist, create the property `propertyName` and set the value of the property at `propertyValue`.
 Example :
 ```javascript
 WA.room.setProperty('wikiLayer', 'openWebsite', 'https://www.wikipedia.org/');
 ```
 ### Getting information on the current room
 ```
 WA.room.getCurrentRoom(): Promise<Room>
 ```
 Return a promise that resolves to a `Room` object with the following attributes :
 * **id (string) :** ID of the current room
 * **map (ITiledMap) :** contains the JSON map file with the properties that were setted by the script if `setProperty` was called.
 * **mapUrl (string) :** Url of the JSON map file
 * **startLayer (string | null) :** Name of the layer where the current user started, only if different from `start` layer
 Example :
 ```javascript
 WA.room.getCurrentRoom((room) => {
    if (room.id === '42') {
        console.log(room.map);
        window.open(room.mapUrl, '_blank');
    }
 })
 ```
 ### Getting information on the current user
 ```
 WA.player.getCurrentUser(): Promise<User>
 ```
 Return a promise that resolves to a `User` object with the following attributes :
 * **id (string) :** ID of the current user
 * **nickName (string) :** name displayed above the current user
 * **tags (string[]) :** list of all the tags of the current user
 Example :
 ```javascript
 WA.room.getCurrentUser().then((user) => {
    if (user.nickName === 'ABC') {
        console.log(user.tags);
    }
 })
 ```
@@ -1,5 +1,5 @@
 {.section-title.accent.text-primary}
-# API Room functions Reference
+# API UI functions Reference
 ### Opening a popup
@@ -65,3 +65,25 @@ WA.room.onLeaveZone('myZone', () => {
    helloWorldPopup.close();
 });
 ```
 ### Add custom menu
 ```typescript
 WA.ui.registerMenuCommand(menuCommand: string, callback: (menuCommand: string) => void): void
 ```
 Add a custom menu item containing the text `commandDescriptor` in the main menu. A click on the menu will trigger the `callback`.
 Custom menu exist only until the map is unloaded, or you leave the iframe zone of the script.
 Example:
 ```javascript
 WA.ui.registerMenuCommand("test", () => {
    WA.chat.sendChatMessage("test clicked", "menu cmd")
 })
 ```
 <div class="col">
    <img src="https://workadventu.re/img/docs/menu-command.png" class="figure-img img-fluid rounded" alt="" />
 </div>
@@ -101,7 +101,7 @@ You can now start by testing this with a simple message sent to the chat.
 ```html
 ...
 <script>
-WA.sendChatMessage('Hello world', 'Mr Robot');
+WA.chat.sendChatMessage('Hello world', 'Mr Robot');
 </script>
 ...
 ```
@@ -0,0 +1,92 @@
 {.section-title.accent.text-primary}
 # About WorkAdventure maps
 A WorkAdventure map is a map in "JSON" format generated by [Tiled](https://www.mapeditor.org/).
 ## Tiles
 A map is made of "tiles" (we can also call them "sprites"). In WorkAdventure, the tiles are small images of 32x32 pixels.
 Tiles may have transparent parts. Many tiles can be stored in a single PNG file. We call this file a "tileset".
 There are many tilesets available on the internet. Some examples of websites offering awesome tiles:
 *   [itch.io](https://itch.io/)
 *   [opengameart.org](https://opengameart.org/)
 *   [deviantart.com](https://www.deviantart.com/)
 Keep in mind the size of tiles and do not forget to check the license of the tileset you are using!
 ## How to design "pixel" tiles
 You can design your own tiles as well as change existing tiles, this is usually referred to as "pixeling". You can start drawing your own tiles with [Piskel](https://www.piskelapp.com/). It is easy to use and well targeted at "pixeling". If you are getting serious about pixeling, the awesome folks at the Chaos Computer Club recommend the use of the editor [Krita](https://krita.org/). There are plenty of other editors as well.
 If you are using Krita:
 *   Please double check that your tiles are 32x32 pixels in size. You can enable a grid under view -> show grid and under settings -> dockers -> grid you can select the grid size.
 *   Use transparency if you have to model transitions between different materials. This is more flexible and saves you time by not modeling every transition.
 *   You can follow the Pixel-Art Workshop by blinry: [media.ccc.de/v/34C3-jugend-hackt-1016-pixel_art_workshop](https://media.ccc.de/v/34C3-jugend-hackt-1016-pixel_art_workshop)
 ## WorkAdventure Map Rules
 In order to design a map that will be readable by WorkAdventure, you will have to respect some constraints.
 In particular, you will need to:
 *   set a start position for the players
 *   configure the "floor layer" (so that WorkAdventure can correctly display characters above the floor, but under the ceiling)
 *   eventually, you can place exits that link to other maps
 A few things to notice:
 *   your map can have as many layers as you want
 *   your map MUST contain a layer named "floorLayer" of type "objectgroup" that represents the layer on which characters will be drawn. Every layer above the "floorLayer" will be displayed on top of the characters.
 *   the tilesets in your map MUST be embedded. You cannot refer to an external typeset in a TSX file. Click the "embed tileset" button in the tileset tab to embed tileset data.
 *   your map MUST be exported in JSON format. You need to use a recent version of Tiled to get JSON format export (1.3+)
 *   WorkAdventure doesn't support object layers and will ignore them
 *   If you are starting from a blank map, your map MUST be orthogonal and tiles size should be 32x32.
 <div>
    <figure class="figure">
        <img src="https://workadventu.re/img/docs/tiled_screenshot_1.png" class="figure-img img-fluid rounded" alt="" style="width: 70%" />
        <figcaption class="figure-caption">"floorLayer" is compulsory</figcaption>
    </figure>
 </div>
 ## Building walls and "collidable" areas
 By default, the characters can traverse any tiles. If you want to prevent your characeter from going through a tile (like a wall or a desktop), you must make this tile "collidable". You can do this by settings the `collides` property on a given tile.
 To make a tile "collidable", you should:
 1.  select the relevant tileset and switch to "edit" mode:
    ![](https://workadventu.re/img/docs/collides-1.png){.document-img}
 2.  right click on a tile of the tileset to select it:
    ![](https://workadventu.re/img/docs/collides-2.png){.document-img}
 3.  on the left pane in the custom properties section, right click and select "Add properties":
    ![](https://workadventu.re/img/docs/collides-3.png){.document-img}
    Please add a `collides` property. The type of the property must be **bool**.
 4.  finally, check the checkbox for the `collides` property:
    ![](https://workadventu.re/img/docs/collides-4.png){.document-img}
 Repeat for every tile that should be "collidable".
 ## Adding behaviour with properties
 In the next sections, you will see how you can add behaviour on your map by adding "properties".
 You can add properties for a variety of features: putting exits, opening websites, meeting rooms, silent zones, etc...
 You can add properties either on individual tiles of a tileset OR on a complete layer.
 If you put a property on a layer, it will be triggered if your Woka walks on any tile of the layer.
 The exception is the "collides" property that can only be set on tiles, but not on a complete layer.
@@ -1,5 +1,9 @@
 /node_modules/
-/dist/bundle.js
+/dist/*.js
 /dist/*.js.map
 /dist/*.js.LICENSE.txt
 /dist/main.*.css
 /dist/main.*.css.map
 /dist/tests/
 /yarn-error.log
 /dist/webpack.config.js
@@ -0,0 +1 @@
 src/Messages/generated
@@ -0,0 +1,4 @@
 {
  "printWidth": 120,
  "tabWidth": 4
 }
@@ -19,9 +19,11 @@
    "fork-ts-checker-webpack-plugin": "^6.2.9",
    "html-webpack-plugin": "^5.3.1",
    "jasmine": "^3.5.0",
    "lint-staged": "^11.0.0",
    "mini-css-extract-plugin": "^1.6.0",
    "node-polyfill-webpack-plugin": "^1.1.2",
    "npm-run-all": "^4.1.5",
    "prettier": "^2.3.1",
    "sass": "^1.32.12",
    "sass-loader": "^11.1.0",
    "svelte": "^3.38.2",
@@ -46,7 +48,7 @@
    "google-protobuf": "^3.13.0",
    "nes.css": "^2.3.0",
    "phaser": "^3.54.0",
-    "phaser-animated-tiles": "Informatic/phaser-animated-tiles#2d5c66a9bc426dd4cb2d856c1d599494a74f8067",
+    "phaser-animated-tiles": "workadventure/phaser-animated-tiles#da68bbededd605925621dd4f03bd27e69284b254",
    "phaser3-rex-plugins": "^1.1.42",
    "queue-typescript": "^1.0.1",
    "quill": "1.3.6",
@@ -57,13 +59,22 @@
    "standardized-audio-context": "^25.2.4"
  },
  "scripts": {
-    "start": "run-p serve svelte-check-watch",
+    "start": "run-p templater serve svelte-check-watch",
    "templater": "cross-env ./templater.sh",
    "serve": "cross-env TS_NODE_PROJECT=\"tsconfig-for-webpack.json\" webpack serve --open",
    "build": "cross-env TS_NODE_PROJECT=\"tsconfig-for-webpack.json\" NODE_ENV=production webpack",
    "test": "TS_NODE_PROJECT=\"tsconfig-for-jasmine.json\" ts-node node_modules/jasmine/bin/jasmine --config=jasmine.json",
    "lint": "node_modules/.bin/eslint src/ . --ext .ts",
    "fix": "node_modules/.bin/eslint --fix src/ . --ext .ts",
    "precommit": "lint-staged",
    "svelte-check-watch": "svelte-check --fail-on-warnings --fail-on-hints --compiler-warnings \"a11y-no-onchange:ignore,a11y-autofocus:ignore\" --watch",
-    "svelte-check": "svelte-check --fail-on-warnings --fail-on-hints --compiler-warnings \"a11y-no-onchange:ignore,a11y-autofocus:ignore\""
+    "svelte-check": "svelte-check --fail-on-warnings --fail-on-hints --compiler-warnings \"a11y-no-onchange:ignore,a11y-autofocus:ignore\"",
    "pretty": "yarn prettier --write 'src/**/*.{ts,tsx}'",
    "pretty-check": "yarn prettier --check 'src/**/*.{ts,tsx}'"
  },
  "lint-staged": {
    "*.ts": [
      "prettier --write"
    ]
  }
 }
@@ -1,399 +0,0 @@
 import {HtmlUtils} from "../WebRtc/HtmlUtils";
 import type {UserInputManager} from "../Phaser/UserInput/UserInputManager";
 import type {RoomConnection} from "../Connexion/RoomConnection";
 import type {PlayGlobalMessageInterface} from "../Connexion/ConnexionModels";
 import {AdminMessageEventTypes} from "../Connexion/AdminMessagesService";
 export const CLASS_CONSOLE_MESSAGE = 'main-console';
 export const INPUT_CONSOLE_MESSAGE = 'input-send-text';
 export const UPLOAD_CONSOLE_MESSAGE = 'input-upload-music';
 export const INPUT_TYPE_CONSOLE = 'input-type';
 export const VIDEO_QUALITY_SELECT = 'select-video-quality';
 export const AUDIO_TYPE = AdminMessageEventTypes.audio;
 export const MESSAGE_TYPE = AdminMessageEventTypes.admin;
 interface EventTargetFiles extends EventTarget {
    files: Array<File>;
 }
 /**
 * @deprecated
 */
 export class ConsoleGlobalMessageManager {
    private readonly divMainConsole: HTMLDivElement;
    private readonly divMessageConsole: HTMLDivElement;
    //private readonly divSettingConsole: HTMLDivElement;
    private readonly buttonMainConsole: HTMLDivElement;
    private readonly buttonSendMainConsole: HTMLImageElement;
    //private readonly buttonAdminMainConsole: HTMLImageElement;
    //private readonly buttonSettingsMainConsole: HTMLImageElement;
    private activeConsole: boolean = false;
    private activeMessage: boolean = false;
    private activeSetting: boolean = false;
    private userInputManager!: UserInputManager;
    private static cssLoaded: boolean = false;
    constructor(private Connection: RoomConnection, userInputManager : UserInputManager, private isAdmin: Boolean) {
        this.buttonMainConsole = document.createElement('div');
        this.buttonMainConsole.classList.add('console');
        this.buttonMainConsole.hidden = true;
        this.divMainConsole = document.createElement('div');
        this.divMainConsole.className = CLASS_CONSOLE_MESSAGE;
        this.divMessageConsole = document.createElement('div');
        this.divMessageConsole.className = 'message';
        //this.divSettingConsole = document.createElement('div');
        //this.divSettingConsole.className = 'setting';
        this.buttonSendMainConsole = document.createElement('img');
        this.buttonSendMainConsole.id = 'btn-send-message';
        //this.buttonSettingsMainConsole = document.createElement('img');
        //this.buttonAdminMainConsole = document.createElement('img');
        this.userInputManager = userInputManager;
        this.initialise();
    }
    initialise() {
        for (const elem of document.getElementsByClassName(CLASS_CONSOLE_MESSAGE)) {
            elem.remove();
        }
        const typeConsole = document.createElement('input');
        typeConsole.id = INPUT_TYPE_CONSOLE;
        typeConsole.value = MESSAGE_TYPE;
        typeConsole.type = 'hidden';
        const menu = document.createElement('div');
        menu.classList.add('menu')
        const textMessage = document.createElement('span');
        textMessage.innerText = "Message";
        textMessage.classList.add('active');
        textMessage.addEventListener('click', () => {
            textMessage.classList.add('active');
            const messageSection = HtmlUtils.getElementByIdOrFail<HTMLInputElement>(this.getSectionId(INPUT_CONSOLE_MESSAGE));
            messageSection.classList.add('active');
            textAudio.classList.remove('active');
            const audioSection = HtmlUtils.getElementByIdOrFail<HTMLInputElement>(this.getSectionId(UPLOAD_CONSOLE_MESSAGE));
            audioSection.classList.remove('active');
            typeConsole.value = MESSAGE_TYPE;
        });
        menu.appendChild(textMessage);
        const textAudio = document.createElement('span');
        textAudio.innerText = "Audio";
        textAudio.addEventListener('click', () => {
            textAudio.classList.add('active');
            const audioSection = HtmlUtils.getElementByIdOrFail<HTMLInputElement>(this.getSectionId(UPLOAD_CONSOLE_MESSAGE));
            audioSection.classList.add('active');
            textMessage.classList.remove('active');
            const messageSection = HtmlUtils.getElementByIdOrFail<HTMLInputElement>(this.getSectionId(INPUT_CONSOLE_MESSAGE));
            messageSection.classList.remove('active');
            typeConsole.value = AUDIO_TYPE;
        });
        menu.appendChild(textMessage);
        menu.appendChild(textAudio);
        this.divMessageConsole.appendChild(menu);
        this.buttonSendMainConsole.src = 'resources/logos/send-yellow.svg';
        this.buttonSendMainConsole.addEventListener('click', () => {
            if(this.activeMessage){
                this.disabledMessageConsole();
            }else{
                this.activeMessageConsole();
            }
        });
        /*this.buttonAdminMainConsole.src = 'resources/logos/setting-yellow.svg';
        this.buttonAdminMainConsole.addEventListener('click', () => {
            window.open(ADMIN_URL, '_blank');
        });*/
        /*this.buttonSettingsMainConsole.src = 'resources/logos/monitor-yellow.svg';
        this.buttonSettingsMainConsole.addEventListener('click', () => {
            if(this.activeSetting){
                this.disabledSettingConsole();
            }else{
                this.activeSettingConsole();
            }
        });*/
        this.divMessageConsole.appendChild(typeConsole);
        /*if(this.isAdmin) {
            this.buttonMainConsole.appendChild(this.buttonSendMainConsole);
            //this.buttonMainConsole.appendChild(this.buttonAdminMainConsole);
        }*/
        this.createTextMessagePart();
        this.createUploadAudioPart();
        //this.buttonMainConsole.appendChild(this.buttonSettingsMainConsole);
        this.divMainConsole.appendChild(this.buttonMainConsole);
        this.divMainConsole.appendChild(this.divMessageConsole);
        //this.divMainConsole.appendChild(this.divSettingConsole);
        const mainSectionDiv = HtmlUtils.getElementByIdOrFail<HTMLDivElement>('main-container');
        mainSectionDiv.appendChild(this.divMainConsole);
    }
    createTextMessagePart(){
        const div = document.createElement('div');
        div.id = INPUT_CONSOLE_MESSAGE
        const buttonSend = document.createElement('button');
        buttonSend.innerText = 'Send';
        buttonSend.classList.add('btn');
        buttonSend.addEventListener('click', (event: MouseEvent) => {
            this.sendMessage();
            this.disabledMessageConsole();
        });
        const buttonDiv = document.createElement('div');
        buttonDiv.classList.add('btn-action');
        buttonDiv.appendChild(buttonSend)
        const section = document.createElement('section');
        section.id = this.getSectionId(INPUT_CONSOLE_MESSAGE);
        section.classList.add('active');
        section.appendChild(div);
        section.appendChild(buttonDiv);
        this.divMessageConsole.appendChild(section);
        (async () => {
            try{
                // Start loading CSS
                const cssPromise = ConsoleGlobalMessageManager.loadCss();
                // Import quill
                const {default: Quill}:any = await import("quill"); // eslint-disable-line @typescript-eslint/no-explicit-any
                // Wait for CSS to be loaded
                await cssPromise;
                const toolbarOptions = [
                    ['bold', 'italic', 'underline', 'strike'],        // toggled buttons
                    ['blockquote', 'code-block'],
                    [{'header': 1}, {'header': 2}],               // custom button values
                    [{'list': 'ordered'}, {'list': 'bullet'}],
                    [{'script': 'sub'}, {'script': 'super'}],      // superscript/subscript
                    [{'indent': '-1'}, {'indent': '+1'}],          // outdent/indent
                    [{'direction': 'rtl'}],                         // text direction
                    [{'size': ['small', false, 'large', 'huge']}],  // custom dropdown
                    [{'header': [1, 2, 3, 4, 5, 6, false]}],
                    [{'color': []}, {'background': []}],          // dropdown with defaults from theme
                    [{'font': []}],
                    [{'align': []}],
                    ['clean'],
                    ['link', 'image', 'video']
                    // remove formatting button
                ];
                new Quill(`#${INPUT_CONSOLE_MESSAGE}`, {
                    theme: 'snow',
                    modules: {
                        toolbar: toolbarOptions
                    },
                });
            }catch(err){
                console.error(err);
            }
        })();
    }
    createUploadAudioPart(){
        const div = document.createElement('div');
        div.classList.add('upload');
        const label = document.createElement('label');
        label.setAttribute('for', UPLOAD_CONSOLE_MESSAGE);
        const img = document.createElement('img');
        img.setAttribute('for', UPLOAD_CONSOLE_MESSAGE);
        img.src = 'resources/logos/music-file.svg';
        const input = document.createElement('input');
        input.type = 'file';
        input.id = UPLOAD_CONSOLE_MESSAGE
        input.addEventListener('input', (e: Event) => {
            if(!e.target){
                return;
            }
            const eventTarget : EventTargetFiles = (e.target as EventTargetFiles);
            if(!eventTarget || !eventTarget.files || eventTarget.files.length === 0){
                return;
            }
            const file : File = eventTarget.files[0];
            if(!file){
                return;
            }
            try {
                HtmlUtils.removeElementByIdOrFail('audi-message-filename');
            }catch (err) {
                console.error(err)
            }
            const p = document.createElement('p');
            p.id = 'audi-message-filename';
            p.innerText = `${file.name} : ${this.getFileSize(file.size)}`;
            label.appendChild(p);
        });
        label.appendChild(img);
        div.appendChild(label);
        div.appendChild(input);
        const buttonSend = document.createElement('button');
        buttonSend.innerText = 'Send';
        buttonSend.classList.add('btn');
        buttonSend.addEventListener('click', (event: MouseEvent) => {
            this.sendMessage();
            this.disabledMessageConsole();
        });
        const buttonDiv = document.createElement('div');
        buttonDiv.classList.add('btn-action');
        buttonDiv.appendChild(buttonSend)
        const section = document.createElement('section');
        section.id = this.getSectionId(UPLOAD_CONSOLE_MESSAGE);
        section.appendChild(div);
        section.appendChild(buttonDiv);
        this.divMessageConsole.appendChild(section);
    }
    private static loadCss(): Promise<void> {
        return new Promise<void>((resolve, reject) => {
            if (ConsoleGlobalMessageManager.cssLoaded) {
                resolve();
                return;
            }
            /*
            const fileref = document.createElement("link")
            fileref.setAttribute("rel", "stylesheet")
            fileref.setAttribute("type", "text/css")
            fileref.setAttribute("href", "https://cdn.quilljs.com/1.3.7/quill.snow.css");
            document.getElementsByTagName("head")[0].appendChild(fileref);
            ConsoleGlobalMessageManager.cssLoaded = true;
            fileref.onload = () => {
                resolve();
            }
            fileref.onerror = () => {
                reject();
            }
            */
        });
    }
    sendMessage(){
        const inputType = HtmlUtils.getElementByIdOrFail<HTMLInputElement>(INPUT_TYPE_CONSOLE);
        if(AUDIO_TYPE !== inputType.value && MESSAGE_TYPE !== inputType.value){
            throw "Error event type";
        }
        if(AUDIO_TYPE === inputType.value){
            return this.sendAudioMessage();
        }
        return this.sendTextMessage();
    }
    private sendTextMessage(){
        const elements = document.getElementsByClassName('ql-editor');
        const quillEditor = elements.item(0);
        if(!quillEditor){
            throw "Error get quill node";
        }
        const GlobalMessage : PlayGlobalMessageInterface = {
            id: "1", // FIXME: use another ID?
            message: quillEditor.innerHTML,
            type: MESSAGE_TYPE
        };
        quillEditor.innerHTML = '';
        this.Connection.emitGlobalMessage(GlobalMessage);
    }
    private async sendAudioMessage(){
        const inputAudio = HtmlUtils.getElementByIdOrFail<HTMLInputElement>(UPLOAD_CONSOLE_MESSAGE);
        const selectedFile = inputAudio.files ? inputAudio.files[0] : null;
        if(!selectedFile){
            throw 'no file selected';
        }
        const fd = new FormData();
        fd.append('file', selectedFile);
        const res = await this.Connection.uploadAudio(fd);
        const GlobalMessage : PlayGlobalMessageInterface = {
            id: (res as {id: string}).id,
            message: (res as {path: string}).path,
            type: AUDIO_TYPE
        };
        inputAudio.value = '';
        try {
            HtmlUtils.removeElementByIdOrFail('audi-message-filename');
        }catch (err) {
            console.error(err);
        }
        this.Connection.emitGlobalMessage(GlobalMessage);
    }
    active(){
        this.userInputManager.disableControls();
        this.divMainConsole.style.top = '0';
        this.activeConsole = true;
    }
    disabled(){
        this.userInputManager.initKeyBoardEvent();
        this.activeConsole = false;
        this.divMainConsole.style.top = '-80%';
    }
    activeMessageConsole(){
        if(!this.isAdmin){
            throw "User is not admin";
        }
        if(this.activeMessage){
            this.disabledMessageConsole();
            return;
        }
        this.activeMessage = true;
        this.active();
        this.divMessageConsole.classList.add('active');
        this.buttonMainConsole.hidden = false;
        this.buttonSendMainConsole.classList.add('active');
        //if button not
        try{
            HtmlUtils.getElementByIdOrFail('btn-send-message');
        }catch (e) {
            this.buttonMainConsole.appendChild(this.buttonSendMainConsole);
        }
    }
    disabledMessageConsole(){
        this.activeMessage = false;
        this.disabled();
        this.buttonMainConsole.hidden = true;
        this.divMessageConsole.classList.remove('active');
        this.buttonSendMainConsole.classList.remove('active');
    }
    private getSectionId(id: string) : string {
        return `section-${id}`;
    }
    private getFileSize(number: number) :string {
        if (number < 1024) {
            return number + 'bytes';
        } else if (number >= 1024 && number < 1048576) {
            return (number / 1024).toFixed(1) + 'KB';
        } else if (number >= 1048576) {
            return (number / 1048576).toFixed(1) + 'MB';
        }else{
            return '';
        }
    }
 }
@@ -1,10 +1,10 @@
 import {HtmlUtils} from "./../WebRtc/HtmlUtils";
 import {AUDIO_TYPE, MESSAGE_TYPE} from "./ConsoleGlobalMessageManager";
 import {PUSHER_URL, UPLOADER_URL} from "../Enum/EnvironmentVariable";
 import type {RoomConnection} from "../Connexion/RoomConnection";
 import type {PlayGlobalMessageInterface} from "../Connexion/ConnexionModels";
 import {soundPlayingStore} from "../Stores/SoundPlayingStore";
 import {soundManager} from "../Phaser/Game/SoundManager";
 import {AdminMessageEventTypes} from "../Connexion/AdminMessagesService";
 export class GlobalMessageManager {
@@ -36,11 +36,11 @@ export class GlobalMessageManager {
            previousMessage.remove();
        }
-        if(AUDIO_TYPE === message.type){
+        if(AdminMessageEventTypes.audio === message.type){
            this.playAudioMessage(message.id, message.message);
        }
-        if(MESSAGE_TYPE === message.type){
+        if(AdminMessageEventTypes.admin === message.type){
            this.playTextMessage(message.id, message.message);
        }
    }
@@ -4,8 +4,6 @@ export const isButtonClickedEvent =
    new tg.IsInterface().withProperties({
        popupId: tg.isNumber,
        buttonId: tg.isNumber,
        input : tg.isBoolean,
        inputValue : tg.isString,
    }).get();
 /**
 * A message sent from the game to the iFrame when a user enters or leaves a zone marked with the "zone" property.
@@ -3,7 +3,6 @@ import * as tg from "generic-type-guard";
 export const isClosePopupEvent =
    new tg.IsInterface().withProperties({
        popupId: tg.isNumber,
        inputValue : tg.isString,
    }).get();
 /**
@@ -0,0 +1,13 @@
 import * as tg from "generic-type-guard";
 export const isDataLayerEvent =
    new tg.IsInterface().withProperties({
        data: tg.isObject
    }).get();
 /**
 * A message sent from the game to the iFrame when the data of the layers change after the iFrame send a message to the game that it want to listen to the data of the layers
 */
 export type DataLayerEvent = tg.GuardedType<typeof isDataLayerEvent>;
@@ -0,0 +1,15 @@
 import * as tg from "generic-type-guard";
 export const isGameStateEvent =
    new tg.IsInterface().withProperties({
            roomId: tg.isString,
            mapUrl: tg.isString,
            nickname: tg.isUnion(tg.isString, tg.isNull),
            uuid: tg.isUnion(tg.isString, tg.isUndefined),
            startLayerName: tg.isUnion(tg.isString, tg.isNull),
            tags : tg.isArray(tg.isString),
    }).get();
 /**
 * A message sent from the game to the iFrame when the gameState is received by the script
 */
 export type GameStateEvent = tg.GuardedType<typeof isGameStateEvent>;
@@ -0,0 +1,19 @@
 import * as tg from "generic-type-guard";
 export const isHasPlayerMovedEvent =
    new tg.IsInterface().withProperties({
        direction: tg.isElementOf('right', 'left', 'up', 'down'),
        moving: tg.isBoolean,
        x: tg.isNumber,
        y: tg.isNumber
    }).get();
 /**
 * A message sent from the game to the iFrame to notify a movement from the current player.
 */
 export type HasPlayerMovedEvent = tg.GuardedType<typeof isHasPlayerMovedEvent>;
 export type HasPlayerMovedEventCallback = (event: HasPlayerMovedEvent) => void
@@ -1,5 +1,5 @@
-
+import type { GameStateEvent } from './GameStateEvent';
 import type { ButtonClickedEvent } from './ButtonClickedEvent';
 import type { ChatEvent } from './ChatEvent';
 import type { ClosePopupEvent } from './ClosePopupEvent';
@@ -10,8 +10,14 @@ import type { OpenCoWebSiteEvent } from './OpenCoWebSiteEvent';
 import type { OpenPopupEvent } from './OpenPopupEvent';
 import type { OpenTabEvent } from './OpenTabEvent';
 import type { UserInputChatEvent } from './UserInputChatEvent';
 import type { DataLayerEvent } from "./DataLayerEvent";
 import type { LayerEvent } from './LayerEvent';
 import type { SetPropertyEvent } from "./setPropertyEvent";
 import type { LoadSoundEvent } from "./LoadSoundEvent";
 import type { PlaySoundEvent } from "./PlaySoundEvent";
 import type { MenuItemClickedEvent } from "./ui/MenuItemClickedEvent";
 import type { MenuItemRegisterEvent } from './ui/MenuItemRegisterEvent';
 import type { HasPlayerMovedEvent } from "./HasPlayerMovedEvent";
 export interface TypedMessageEvent<T> extends MessageEvent {
@@ -33,10 +39,16 @@ export type IframeEventMap = {
    restorePlayerControls: null
    displayBubble: null
    removeBubble: null
-    closeChatMessage : null
+    onPlayerMove: undefined
    showLayer: LayerEvent
    hideLayer: LayerEvent
    setProperty: SetPropertyEvent
    getDataLayer: undefined
    loadSound: LoadSoundEvent
    playSound: PlaySoundEvent
    stopSound: null,
    getState: undefined,
    registerMenuCommand: MenuItemRegisterEvent
 }
 export interface IframeEvent<T extends keyof IframeEventMap> {
    type: T;
@@ -52,7 +64,10 @@ export interface IframeResponseEventMap {
    enterEvent: EnterLeaveEvent
    leaveEvent: EnterLeaveEvent
    buttonClickedEvent: ButtonClickedEvent
-    // gameState: GameStateEvent
+    gameState: GameStateEvent
    hasPlayerMoved: HasPlayerMovedEvent
    dataLayer: DataLayerEvent
    menuItemClicked: MenuItemClickedEvent
 }
 export interface IframeResponseEvent<T extends keyof IframeResponseEventMap> {
    type: T;
@@ -0,0 +1,10 @@
 import * as tg from "generic-type-guard";
 export const isLayerEvent =
    new tg.IsInterface().withProperties({
        name: tg.isString,
    }).get();
 /**
 * A message sent from the iFrame to the game to show/hide a layer.
 */
 export type LayerEvent = tg.GuardedType<typeof isLayerEvent>;
@@ -11,8 +11,7 @@ export const isOpenPopupEvent =
        popupId: tg.isNumber,
        targetObject: tg.isString,
        message: tg.isString,
-        buttons: tg.isArray(isButtonDescriptor),
+        buttons: tg.isArray(isButtonDescriptor)
        input: tg.isBoolean
    }).get();
 /**
@@ -0,0 +1,12 @@
 import * as tg from "generic-type-guard";
 export const isSetPropertyEvent =
    new tg.IsInterface().withProperties({
        layerName: tg.isString,
        propertyName: tg.isString,
        propertyValue: tg.isUnion(tg.isString, tg.isUnion(tg.isNumber, tg.isUnion(tg.isBoolean, tg.isUndefined)))
    }).get();
 /**
 * A message sent from the iFrame to the game to change the value of the property of the layer
 */
 export type SetPropertyEvent = tg.GuardedType<typeof isSetPropertyEvent>;
@@ -0,0 +1,12 @@
 import * as tg from "generic-type-guard";
 export const isMenuItemClickedEvent =
    new tg.IsInterface().withProperties({
        menuItem: tg.isString
    }).get();
 /**
 * A message sent from the game to the iFrame when a menu item is clicked.
 */
 export type MenuItemClickedEvent = tg.GuardedType<typeof isMenuItemClickedEvent>;
@@ -0,0 +1,25 @@
 import * as tg from "generic-type-guard";
 import { Subject } from 'rxjs';
 export const isMenuItemRegisterEvent =
    new tg.IsInterface().withProperties({
        menutItem: tg.isString
    }).get();
 /**
 * A message sent from the iFrame to the game to add a new menu item.
 */
 export type MenuItemRegisterEvent = tg.GuardedType<typeof isMenuItemRegisterEvent>;
 export const isMenuItemRegisterIframeEvent =
    new tg.IsInterface().withProperties({
        type: tg.isSingletonString("registerMenuCommand"),
        data: isMenuItemRegisterEvent
    }).get();
 const _registerMenuCommandStream: Subject<string> = new Subject();
 export const registerMenuCommandStream = _registerMenuCommandStream.asObservable();
 export function handleMenuItemRegistrationEvent(event: MenuItemRegisterEvent) {
    _registerMenuCommandStream.next(event.menutItem)
 }
@@ -1,4 +1,3 @@
 import {Subject} from "rxjs";
 import {ChatEvent, isChatEvent} from "./Events/ChatEvent";
 import {HtmlUtils} from "../WebRtc/HtmlUtils";
@@ -10,17 +9,34 @@ import { ClosePopupEvent, isClosePopupEvent } from "./Events/ClosePopupEvent";
 import {scriptUtils} from "./ScriptUtils";
 import {GoToPageEvent, isGoToPageEvent} from "./Events/GoToPageEvent";
 import {isOpenCoWebsite, OpenCoWebSiteEvent} from "./Events/OpenCoWebSiteEvent";
-import { IframeEventMap, IframeEvent, IframeResponseEvent, IframeResponseEventMap, isIframeEventWrapper, TypedMessageEvent } from "./Events/IframeEvent";
+import {
    IframeEvent,
    IframeEventMap,
    IframeResponseEvent,
    IframeResponseEventMap,
    isIframeEventWrapper,
    TypedMessageEvent
 } from "./Events/IframeEvent";
 import type {UserInputChatEvent} from "./Events/UserInputChatEvent";
-import { isLoadPageEvent } from './Events/LoadPageEvent';
+//import { isLoadPageEvent } from './Events/LoadPageEvent';
 import {isPlaySoundEvent, PlaySoundEvent} from "./Events/PlaySoundEvent";
 import {isStopSoundEvent, StopSoundEvent} from "./Events/StopSoundEvent";
 import {isLoadSoundEvent, LoadSoundEvent} from "./Events/LoadSoundEvent";
 import {isSetPropertyEvent, SetPropertyEvent} from "./Events/setPropertyEvent";
 import {isLayerEvent, LayerEvent} from "./Events/LayerEvent";
 import {isMenuItemRegisterEvent,} from "./Events/ui/MenuItemRegisterEvent";
 import type {DataLayerEvent} from "./Events/DataLayerEvent";
 import type {GameStateEvent} from "./Events/GameStateEvent";
 import type {HasPlayerMovedEvent} from "./Events/HasPlayerMovedEvent";
 import {isLoadPageEvent} from "./Events/LoadPageEvent";
 import {handleMenuItemRegistrationEvent, isMenuItemRegisterIframeEvent} from "./Events/ui/MenuItemRegisterEvent";
 /**
 * Listens to messages from iframes and turn those messages into easy to use observables.
 * Also allows to send messages to those iframes.
 */
 class IframeListener {
    private readonly _chatStream: Subject<ChatEvent> = new Subject();
    public readonly chatStream = this._chatStream.asObservable();
@@ -33,7 +49,6 @@ class IframeListener {
    private readonly _goToPageStream: Subject<GoToPageEvent> = new Subject();
    public readonly goToPageStream = this._goToPageStream.asObservable();
    private readonly _loadPageStream: Subject<string> = new Subject();
    public readonly loadPageStream = this._loadPageStream.asObservable();
@@ -61,8 +76,26 @@ class IframeListener {
    private readonly _unregisterIFrameStream: Subject<void> = new Subject();
    public readonly unregisterIFrameStream = this._unregisterIFrameStream.asObservable();
-    private readonly _exitUrlStream: Subject<string> = new Subject();
+    private readonly _showLayerStream: Subject<LayerEvent> = new Subject();
-    public readonly exitUrlStream = this._exitUrlStream.asObservable();
+    public readonly showLayerStream = this._showLayerStream.asObservable();
    private readonly _hideLayerStream: Subject<LayerEvent> = new Subject();
    public readonly hideLayerStream = this._hideLayerStream.asObservable();
    private readonly _setPropertyStream: Subject<SetPropertyEvent> = new Subject();
    public readonly setPropertyStream = this._setPropertyStream.asObservable();
    private readonly _gameStateStream: Subject<void> = new Subject();
    public readonly gameStateStream = this._gameStateStream.asObservable();
    private readonly _dataLayerChangeStream: Subject<void> = new Subject();
    public readonly dataLayerChangeStream = this._dataLayerChangeStream.asObservable();
    private readonly _registerMenuCommandStream: Subject<string> = new Subject();
    public readonly registerMenuCommandStream = this._registerMenuCommandStream.asObservable();
    private readonly _unregisterMenuCommandStream: Subject<string> = new Subject();
    public readonly unregisterMenuCommandStream = this._unregisterMenuCommandStream.asObservable();
    private readonly _playSoundStream: Subject<PlaySoundEvent> = new Subject();
    public readonly playSoundStream = this._playSoundStream.asObservable();
@@ -74,7 +107,9 @@ class IframeListener {
    public readonly loadSoundStream = this._loadSoundStream.asObservable();
    private readonly iframes = new Set<HTMLIFrameElement>();
    private readonly iframeCloseCallbacks = new Map<HTMLIFrameElement, (() => void)[]>();
    private readonly scripts = new Map<string, HTMLIFrameElement>();
    private sendPlayerMove: boolean = false;
    init() {
        window.addEventListener("message", (message: TypedMessageEvent<IframeEvent<keyof IframeEventMap>>) => {
@@ -83,12 +118,8 @@ class IframeListener {
            // Note: maybe we could restrict on the domain too for additional security (in case the iframe goes to another domain).
            let foundSrc: string | undefined;
-            foundSrc = [...this.scripts.keys()].find(key => {
+            let iframe: HTMLIFrameElement;
-                return this.scripts.get(key)?.contentWindow == message.source
+            for (iframe of this.iframes) {
            });
            if (foundSrc === undefined) {
                for (const iframe of this.iframes) {
                if (iframe.contentWindow === message.source) {
                    foundSrc = iframe.src;
                    break;
@@ -98,16 +129,20 @@ class IframeListener {
            if (foundSrc === undefined) {
                return;
            }
            }
            const payload = message.data;
            if (isIframeEventWrapper(payload)) {
-                if (payload.type === 'chat' && isChatEvent(payload.data)) {
+                if (payload.type === 'showLayer' && isLayerEvent(payload.data)) {
                    this._showLayerStream.next(payload.data);
                } else if (payload.type === 'hideLayer' && isLayerEvent(payload.data)) {
                    this._hideLayerStream.next(payload.data);
                } else if (payload.type === 'setProperty' && isSetPropertyEvent(payload.data)) {
                    this._setPropertyStream.next(payload.data);
                } else if (payload.type === 'chat' && isChatEvent(payload.data)) {
                    this._chatStream.next(payload.data);
                } else if (payload.type === 'openPopup' && isOpenPopupEvent(payload.data)) {
                    this._openPopupStream.next(payload.data);
                } else if (payload.type === 'closePopup' && isClosePopupEvent(payload.data)) {
                    console.log(payload);
                    this._closePopupStream.next(payload.data);
                }
                else if (payload.type === 'openTab' && isOpenTabEvent(payload.data)) {
@@ -116,6 +151,9 @@ class IframeListener {
                else if (payload.type === 'goToPage' && isGoToPageEvent(payload.data)) {
                    scriptUtils.goToPage(payload.data.url);
                }
                else if (payload.type === 'loadPage' && isLoadPageEvent(payload.data)) {
                    this._loadPageStream.next(payload.data.url);
                }
                else if (payload.type === 'playSound' && isPlaySoundEvent(payload.data)) {
                    this._playSoundStream.next(payload.data);
                }
@@ -128,42 +166,67 @@ class IframeListener {
                else if (payload.type === 'openCoWebSite' && isOpenCoWebsite(payload.data)) {
                    scriptUtils.openCoWebsite(payload.data.url, foundSrc);
                }
                else if (payload.type === 'closeCoWebSite') {
                    scriptUtils.closeCoWebSite();
                }
-                else if(payload.type === 'closeChatMessage') {
+
                    scriptUtils.closeChatMessage();
                }
                else if (payload.type === 'disablePlayerControls') {
                    this._disablePlayerControlStream.next();
                }
                else if (payload.type === 'restorePlayerControls') {
                    this._enablePlayerControlStream.next();
-                }
+                } else if (payload.type === 'displayBubble') {
                else if (payload.type === 'displayBubble') {
                    this._displayBubbleStream.next();
-                }
+                } else if (payload.type === 'removeBubble') {
                else if (payload.type === 'removeBubble') {
                    this._removeBubbleStream.next();
-                }else if (payload.type === 'loadPage' && isLoadPageEvent(payload.data)){
+                } else if (payload.type == "getState") {
-                    this._loadPageStream.next(payload.data.url);
+                    this._gameStateStream.next();
                } else if (payload.type == "onPlayerMove") {
                    this.sendPlayerMove = true
                } else if (payload.type == "getDataLayer") {
                    this._dataLayerChangeStream.next();
                } else if (isMenuItemRegisterIframeEvent(payload)) {
                    const data = payload.data.menutItem;
                    // @ts-ignore
                    this.iframeCloseCallbacks.get(iframe).push(() => {
                        this._unregisterMenuCommandStream.next(data);
                    })
                    handleMenuItemRegistrationEvent(payload.data)
                }
            }
        }, false);
    }
    sendDataLayerEvent(dataLayerEvent: DataLayerEvent) {
        this.postMessage({
            'type' : 'dataLayer',
            'data' : dataLayerEvent
        })
    }
    sendGameStateEvent(gameStateEvent: GameStateEvent) {
        this.postMessage({
            'type': 'gameState',
            'data': gameStateEvent
        });
    }
    /**
     * Allows the passed iFrame to send/receive messages via the API.
     */
    registerIframe(iframe: HTMLIFrameElement): void {
        this.iframes.add(iframe);
        this.iframeCloseCallbacks.set(iframe, []);
    }
    unregisterIframe(iframe: HTMLIFrameElement): void {
        this._unregisterIFrameStream.next();
        this.iframeCloseCallbacks.get(iframe)?.forEach(callback => {
            callback();
        });
        this.iframes.delete(iframe);
    }
@@ -173,7 +236,7 @@ class IframeListener {
        if (!process.env.NODE_ENV || process.env.NODE_ENV === 'development') {
            // Using external iframe mode (
            const iframe = document.createElement('iframe');
-            iframe.id = this.getIFrameId(scriptUrl);
+            iframe.id = IframeListener.getIFrameId(scriptUrl);
            iframe.style.display = 'none';
            iframe.src = '/iframe.html?script=' + encodeURIComponent(scriptUrl);
@@ -189,25 +252,24 @@ class IframeListener {
        } else {
            // production code
            const iframe = document.createElement('iframe');
-            iframe.id = this.getIFrameId(scriptUrl);
+            iframe.id = IframeListener.getIFrameId(scriptUrl);
            iframe.style.display = 'none';
            // We are putting a sandbox on this script because it will run in the same domain as the main website.
            iframe.sandbox.add('allow-scripts');
            iframe.sandbox.add('allow-top-navigation-by-user-activation');
-            const html = '<!doctype html>\n' +
+            //iframe.src = "data:text/html;charset=utf-8," + escape(html);
            iframe.srcdoc = '<!doctype html>\n' +
                '\n' +
                '<html lang="en">\n' +
                '<head>\n' +
                '<script src="' + window.location.protocol + '//' + window.location.host + '/iframe_api.js" ></script>\n' +
                '<script src="' + scriptUrl + '" ></script>\n' +
                '<title></title>\n' +
                '</head>\n' +
                '</html>\n';
            //iframe.src = "data:text/html;charset=utf-8," + escape(html);
            iframe.srcdoc = html;
            document.body.prepend(iframe);
            this.scripts.set(scriptUrl, iframe);
@@ -217,12 +279,12 @@ class IframeListener {
    }
-    private getIFrameId(scriptUrl: string): string {
+    private static getIFrameId(scriptUrl: string): string {
        return 'script' + btoa(scriptUrl);
    }
    unregisterScript(scriptUrl: string): void {
-        const iFrameId = this.getIFrameId(scriptUrl);
+        const iFrameId = IframeListener.getIFrameId(scriptUrl);
        const iframe = HtmlUtils.getElementByIdOrFail<HTMLIFrameElement>(iFrameId);
        if (!iframe) {
            throw new Error('Unknown iframe for script "' + scriptUrl + '"');
@@ -260,14 +322,21 @@ class IframeListener {
        });
    }
-    sendButtonClickedEvent(popupId: number, buttonId: number, input : boolean, inputValue : string | null): void {
+    hasPlayerMoved(event: HasPlayerMovedEvent) {
        if (this.sendPlayerMove) {
            this.postMessage({
                'type': 'hasPlayerMoved',
                'data': event
            });
        }
    }
    sendButtonClickedEvent(popupId: number, buttonId: number): void {
        this.postMessage({
            'type': 'buttonClickedEvent',
            'data': {
                popupId,
-                buttonId,
+                buttonId
                input,
                inputValue,
            } as ButtonClickedEvent
        });
    }
@@ -275,7 +344,7 @@ class IframeListener {
    /**
     * Sends the message... to all allowed iframes.
     */
-    private postMessage(message: IframeResponseEvent<keyof IframeResponseEventMap>) {
+    public postMessage(message: IframeResponseEvent<keyof IframeResponseEventMap>) {
        for (const iframe of this.iframes) {
            iframe.contentWindow?.postMessage(message, '*');
        }
@@ -1,6 +1,4 @@
 import {coWebsiteManager} from "../WebRtc/CoWebsiteManager";
 // import {discussionManager} from "../WebRtc/DiscussionManager";
 class ScriptUtils {
@@ -20,10 +18,6 @@ class ScriptUtils {
    public closeCoWebSite(){
        coWebsiteManager.closeCoWebsite();
    }
    public closeChatMessage(){
       // discussionManager.hideDiscussion();
    }
 }
 export const scriptUtils = new ScriptUtils();
@@ -0,0 +1,11 @@
 import type { MenuItemClickedEvent } from '../../Events/ui/MenuItemClickedEvent';
 import { iframeListener } from '../../IframeListener';
 export function sendMenuClickedEvent(menuItem: string) {
    iframeListener.postMessage({
        'type': 'menuItemClicked',
        'data': {
            menuItem: menuItem,
        } as MenuItemClickedEvent
    });
 }
@@ -23,7 +23,7 @@ class WorkadventureChatCommands extends IframeApiContribution<WorkadventureChatC
            data: {
                'message': message,
                'author': author
-            } as ChatEvent
+            }
        })
    }
@@ -2,6 +2,7 @@ import type { GoToPageEvent } from '../Events/GoToPageEvent';
 import type { OpenTabEvent } from '../Events/OpenTabEvent';
 import { IframeApiContribution, sendToWorkadventure } from './IframeApiContribution';
 import type {OpenCoWebSiteEvent} from "../Events/OpenCoWebSiteEvent";
 import type {LoadPageEvent} from "../Events/LoadPageEvent";
 class WorkadventureNavigationCommands extends IframeApiContribution<WorkadventureNavigationCommands> {
@@ -13,7 +14,7 @@ class WorkadventureNavigationCommands extends IframeApiContribution<Workadventur
            "type": 'openTab',
            "data": {
                url
-            } as OpenTabEvent
+            }
        });
    }
@@ -22,7 +23,7 @@ class WorkadventureNavigationCommands extends IframeApiContribution<Workadventur
            "type": 'goToPage',
            "data": {
                url
-            } as GoToPageEvent
+            }
        });
    }
@@ -40,7 +41,7 @@ class WorkadventureNavigationCommands extends IframeApiContribution<Workadventur
            "type": 'openCoWebSite',
            "data": {
                url
-            } as OpenCoWebSiteEvent
+            }
        });
    }
@@ -0,0 +1,29 @@
 import {IframeApiContribution, sendToWorkadventure} from "./IframeApiContribution";
 import type {HasPlayerMovedEvent, HasPlayerMovedEventCallback} from "../Events/HasPlayerMovedEvent";
 import {Subject} from "rxjs";
 import {apiCallback} from "./registeredCallbacks";
 import {isHasPlayerMovedEvent} from "../Events/HasPlayerMovedEvent";
 const moveStream = new Subject<HasPlayerMovedEvent>();
 class WorkadventurePlayerCommands extends IframeApiContribution<WorkadventurePlayerCommands> {
    callbacks = [
        apiCallback({
            type: 'hasPlayerMoved',
            typeChecker: isHasPlayerMovedEvent,
            callback: (payloadData) => {
                moveStream.next(payloadData);
            }
        }),
    ]
    onPlayerMove(callback: HasPlayerMovedEventCallback): void {
        moveStream.subscribe(callback);
        sendToWorkadventure({
            type: 'onPlayerMove',
            data: null
        })
    }
 }
 export default new WorkadventurePlayerCommands();
@@ -1,10 +1,54 @@
 import { Subject } from "rxjs";
 import { EnterLeaveEvent, isEnterLeaveEvent } from '../Events/EnterLeaveEvent';
-import { IframeApiContribution } from './IframeApiContribution';
+import {IframeApiContribution, sendToWorkadventure} from './IframeApiContribution';
 import { apiCallback } from "./registeredCallbacks";
 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";
 const enterStreams: Map<string, Subject<EnterLeaveEvent>> = new Map<string, Subject<EnterLeaveEvent>>();
 const leaveStreams: Map<string, Subject<EnterLeaveEvent>> = new Map<string, Subject<EnterLeaveEvent>>();
 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})
    })
 }
 class WorkadventureRoomCommands extends IframeApiContribution<WorkadventureRoomCommands> {
    callbacks = [
@@ -21,8 +65,21 @@ class WorkadventureRoomCommands extends IframeApiContribution<WorkadventureRoomC
            callback: (payloadData) => {
                leaveStreams.get(payloadData.name)?.next();
            }
-        })
+        }),
-
+        apiCallback({
            type: "gameState",
            typeChecker: isGameStateEvent,
            callback: (payloadData) => {
                stateResolvers.next(payloadData);
            }
        }),
        apiCallback({
            type: "dataLayer",
            typeChecker: isDataLayerEvent,
            callback: (payloadData) => {
                dataLayerResolver.next(payloadData);
            }
        }),
    ]
@@ -43,6 +100,34 @@ class WorkadventureRoomCommands extends IframeApiContribution<WorkadventureRoomC
        }
        subject.subscribe(callback);
    }
    showLayer(layerName: string): void {
        sendToWorkadventure({type: 'showLayer', data: {'name': layerName}});
    }
    hideLayer(layerName: string): void {
        sendToWorkadventure({type: 'hideLayer', data: {'name': layerName}});
    }
    setProperty(layerName: string, propertyName: string, propertyValue: string | number | boolean | undefined): void {
        sendToWorkadventure({
            type: 'setProperty',
            data: {
                'layerName': layerName,
                'propertyName': propertyName,
                'propertyValue': propertyValue,
            }
        })
    }
    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};
        })
    }
 }
@@ -1,14 +1,17 @@
 import { isButtonClickedEvent } from '../Events/ButtonClickedEvent';
-import type { ClosePopupEvent } from '../Events/ClosePopupEvent';
+import { isMenuItemClickedEvent } from '../Events/ui/MenuItemClickedEvent';
 import type { MenuItemRegisterEvent } from '../Events/ui/MenuItemRegisterEvent';
 import { IframeApiContribution, sendToWorkadventure } from './IframeApiContribution';
 import { apiCallback } from "./registeredCallbacks";
 import {Popup} from "./Ui/Popup";
 import type { ButtonClickedCallback, ButtonDescriptor } from "./Ui/ButtonDescriptor";
 import { Popup } from "./Ui/Popup";
 let popupId = 0;
 const popups: Map<number, Popup> = new Map<number, Popup>();
 const popupCallbacks: Map<number, Map<number, ButtonClickedCallback>> = new Map<number, Map<number, ButtonClickedCallback>>();
 const menuCallbacks: Map<string, (command: string) => void> = new Map()
 interface ZonedPopupOptions {
    zone: string
    objectLayerName?: string,
@@ -33,10 +36,20 @@ class WorkAdventureUiCommands extends IframeApiContribution<WorkAdventureUiComma
                callback(popup);
            }
        }
    }),
    apiCallback({
        type: "menuItemClicked",
        typeChecker: isMenuItemClickedEvent,
        callback: event => {
            const callback = menuCallbacks.get(event.menuItem);
            if (callback) {
                callback(event.menuItem)
            }
        }
    })];
-    openPopup(targetObject: string, message: string, buttons: ButtonDescriptor[], input: boolean = false): Popup {
+    openPopup(targetObject: string, message: string, buttons: ButtonDescriptor[]): Popup {
        popupId++;
        const popup = new Popup(popupId);
        const btnMap = new Map<number, () => void>();
@@ -63,8 +76,7 @@ class WorkAdventureUiCommands extends IframeApiContribution<WorkAdventureUiComma
                        label: button.label,
                        className: button.className
                    };
-                }),
+                })
                input : input
            }
        });
@@ -72,6 +84,16 @@ class WorkAdventureUiCommands extends IframeApiContribution<WorkAdventureUiComma
        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 });
    }
@@ -21,6 +21,8 @@
    import AudioPlaying from "./UI/AudioPlaying.svelte";
    import {soundPlayingStore} from "../Stores/SoundPlayingStore";
    import ErrorDialog from "./UI/ErrorDialog.svelte";
    import {consoleGlobalMessageManagerVisibleStore} from "../Stores/ConsoleGlobalMessageManagerStore";
    import ConsoleGlobalMessageManager from "./ConsoleGlobalMessageManager/ConsoleGlobalMessageManager.svelte";
    export let game: Game;
 </script>
@@ -70,6 +72,11 @@
            <CameraControls></CameraControls>
        </div>
    {/if}
    {#if $consoleGlobalMessageManagerVisibleStore}
        <div>
            <ConsoleGlobalMessageManager game={game}></ConsoleGlobalMessageManager>
        </div>
    {/if}
    {#if $helpCameraSettingsVisibleStore}
        <div>
            <HelpCameraSettingsPopup></HelpCameraSettingsPopup>
@@ -0,0 +1,44 @@
 <script lang="typescript">
    import InputTextGlobalMessage from "./InputTextGlobalMessage.svelte";
    import UploadAudioGlobalMessage from "./UploadAudioGlobalMessage.svelte";
    import {gameManager} from "../../Phaser/Game/GameManager";
    import type {Game} from "../../Phaser/Game/Game";
    export let game: Game;
    let inputSendTextActive = true;
    let uploadMusicActive = false;
    function inputSendTextActivate() {
        inputSendTextActive = true;
        uploadMusicActive = false;
    }
    function inputUploadMusicActivate() {
        uploadMusicActive = true;
        inputSendTextActive = false;
    }
 </script>
 <div class="main-console nes-container is-rounded">
 <!--    <div class="console nes-container is-rounded">
       <img class="btn-close" src="resources/logos/send-yellow.svg" alt="Close">
    </div>-->
    <div class="main-global-message">
        <h2> Global Message </h2>
        <div class="global-message">
            <div class="menu">
                <button class="nes-btn {inputSendTextActive ? 'is-disabled' : ''}" on:click|preventDefault={inputSendTextActivate}>Message</button>
                <button class="nes-btn {uploadMusicActive ? 'is-disabled' : ''}" on:click|preventDefault={inputUploadMusicActivate}>Audio</button>
            </div>
            <div class="main-input">
                {#if inputSendTextActive}
                    <InputTextGlobalMessage game={game} gameManager={gameManager}></InputTextGlobalMessage>
                {/if}
                {#if uploadMusicActive}
                    <UploadAudioGlobalMessage game={game} gameManager={gameManager}></UploadAudioGlobalMessage>
                {/if}
            </div>
        </div>
    </div>
 </div>
@@ -0,0 +1,99 @@
 <script lang="ts">
    import {consoleGlobalMessageManagerFocusStore, consoleGlobalMessageManagerVisibleStore } from "../../Stores/ConsoleGlobalMessageManagerStore";
    import {onMount} from "svelte";
    import type {Game} from "../../Phaser/Game/Game";
    import type {GameManager} from "../../Phaser/Game/GameManager";
    import type {PlayGlobalMessageInterface} from "../../Connexion/ConnexionModels";
    import {AdminMessageEventTypes} from "../../Connexion/AdminMessagesService";
    import type {Quill} from "quill";
    import {LoginSceneName} from "../../Phaser/Login/LoginScene";
    //toolbar
    export const toolbarOptions = [
        ['bold', 'italic', 'underline', 'strike'],        // toggled buttons
        ['blockquote', 'code-block'],
        [{'header': 1}, {'header': 2}],               // custom button values
        [{'list': 'ordered'}, {'list': 'bullet'}],
        [{'script': 'sub'}, {'script': 'super'}],      // superscript/subscript
        [{'indent': '-1'}, {'indent': '+1'}],          // outdent/indent
        [{'direction': 'rtl'}],                         // text direction
        [{'size': ['small', false, 'large', 'huge']}],  // custom dropdown
        [{'header': [1, 2, 3, 4, 5, 6, false]}],
        [{'color': []}, {'background': []}],          // dropdown with defaults from theme
        [{'font': []}],
        [{'align': []}],
        ['clean'],
        ['link', 'image', 'video']
        // remove formatting button
    ];
    export let game: Game;
    export let gameManager: GameManager;
    let gameScene = gameManager.getCurrentGameScene(game.scene.getScene(LoginSceneName));
    let quill: Quill;
    let INPUT_CONSOLE_MESSAGE: HTMLDivElement;
    const MESSAGE_TYPE = AdminMessageEventTypes.admin;
    //Quill
    onMount(async () => {
        // Import quill
        const {default: Quill} = await import("quill"); // eslint-disable-line @typescript-eslint/no-explicit-any
        quill = new Quill(INPUT_CONSOLE_MESSAGE, {
            theme: 'snow',
            modules: {
                toolbar: toolbarOptions
            },
        });
        quill.on('selection-change', function (range, oldRange) {
            if (range === null && oldRange !== null) {
                consoleGlobalMessageManagerFocusStore.set(false);
            } else if (range !== null && oldRange === null)
                consoleGlobalMessageManagerFocusStore.set(true);
        });
    });
    function disableConsole() {
        consoleGlobalMessageManagerVisibleStore.set(false);
        consoleGlobalMessageManagerFocusStore.set(false);
    }
    function SendTextMessage() {
        if (gameScene == undefined) {
            return;
        }
        const text = quill.getText(0, quill.getLength());
        const GlobalMessage: PlayGlobalMessageInterface = {
            id: "1", // FIXME: use another ID?
            message: text,
            type: MESSAGE_TYPE
        };
        quill.deleteText(0, quill.getLength());
        gameScene.connection?.emitGlobalMessage(GlobalMessage);
        disableConsole();
    }
 </script>
 <section class="section-input-send-text">
    <div class="input-send-text" bind:this={INPUT_CONSOLE_MESSAGE}></div>
    <div class="btn-action">
        <button class="nes-btn is-primary" on:click|preventDefault={SendTextMessage}>Send</button>
    </div>
 </section>
 <style lang="scss">
  @import 'https://cdn.quilljs.com/1.3.7/quill.snow.css';
 </style>
@@ -0,0 +1,130 @@
 <script lang="ts">
    import {HtmlUtils} from "../../WebRtc/HtmlUtils";
    import type {Game} from "../../Phaser/Game/Game";
    import type {GameManager} from "../../Phaser/Game/GameManager";
    import {consoleGlobalMessageManagerFocusStore, consoleGlobalMessageManagerVisibleStore} from "../../Stores/ConsoleGlobalMessageManagerStore";
    import {AdminMessageEventTypes} from "../../Connexion/AdminMessagesService";
    import type {PlayGlobalMessageInterface} from "../../Connexion/ConnexionModels";
    import uploadFile from "../images/music-file.svg";
    import {LoginSceneName} from "../../Phaser/Login/LoginScene";
    interface EventTargetFiles extends EventTarget {
        files: Array<File>;
    }
    export let game: Game;
    export let gameManager: GameManager;
    let gameScene = gameManager.getCurrentGameScene(game.scene.getScene(LoginSceneName));
    let fileinput: HTMLInputElement;
    let filename: string;
    let filesize: string;
    let errorfile: boolean;
    const AUDIO_TYPE = AdminMessageEventTypes.audio;
    async function SendAudioMessage() {
        if (gameScene == undefined) {
            return;
        }
        const inputAudio = HtmlUtils.getElementByIdOrFail<HTMLInputElement>("input-send-audio");
        const selectedFile = inputAudio.files ? inputAudio.files[0] : null;
        if (!selectedFile) {
            errorfile = true;
            throw 'no file selected';
        }
        const fd = new FormData();
        fd.append('file', selectedFile);
        const res = await gameScene.connection?.uploadAudio(fd);
        const GlobalMessage: PlayGlobalMessageInterface = {
            id: (res as { id: string }).id,
            message: (res as { path: string }).path,
            type: AUDIO_TYPE
        }
        inputAudio.value = '';
        gameScene.connection?.emitGlobalMessage(GlobalMessage);
        disableConsole();
    }
    function inputAudioFile(event: Event) {
        const eventTarget : EventTargetFiles = (event.target as EventTargetFiles);
        if(!eventTarget || !eventTarget.files || eventTarget.files.length === 0){
            return;
        }
        const file = eventTarget.files[0];
        if(!file) {
            return;
        }
        filename = file.name;
        filesize = getFileSize(file.size);
        errorfile = false;
    }
    function getFileSize(number: number) {
        if (number < 1024) {
            return number + 'bytes';
        } else if (number >= 1024 && number < 1048576) {
            return (number / 1024).toFixed(1) + 'KB';
        } else if (number >= 1048576) {
            return (number / 1048576).toFixed(1) + 'MB';
        } else {
            return '';
        }
    }
    function disableConsole() {
        consoleGlobalMessageManagerVisibleStore.set(false);
        consoleGlobalMessageManagerFocusStore.set(false);
    }
 </script>
 <section class="section-input-send-audio">
    <div class="input-send-audio">
        <img src="{uploadFile}" alt="Upload a file" on:click|preventDefault={ () => {fileinput.click();}}>
        {#if filename != undefined}
            <label for="input-send-audio">{filename} : {filesize}</label>
        {/if}
        {#if errorfile}
            <p class="err">No file selected. You need to upload a file before sending it.</p>
        {/if}
        <input type="file" id="input-send-audio" bind:this={fileinput} on:change={(e) => {inputAudioFile(e)}}>
    </div>
    <div class="btn-action">
        <button class="nes-btn is-primary" on:click|preventDefault={SendAudioMessage}>Send</button>
    </div>
 </section>
 <style lang="scss">
  //UploadAudioGlobalMessage
  .section-input-send-audio {
    margin: 10px;
  }
  .section-input-send-audio .input-send-audio {
    text-align: center;
  }
  .section-input-send-audio #input-send-audio{
    display: none;
  }
  .section-input-send-audio div.input-send-audio label{
    color: white;
  }
  .section-input-send-audio div.input-send-audio p.err {
    color: #ce372b;
    text-align: center;
  }
  .section-input-send-audio div.input-send-audio img{
    height: 150px;
    cursor: url('../../../style/images/cursor_pointer.png'), pointer;
  }
 </style>
@@ -0,0 +1,27 @@
 <?xml version="1.0" encoding="utf-8"?>
 <!-- Generator: Adobe Illustrator 24.3.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
 <svg version="1.1" id="Calque_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
 	 viewBox="0 0 448 448" style="enable-background:new 0 0 448 448;" xml:space="preserve">
 <style type="text/css">
 	.st0{fill:#FFDA01;}
 </style>
 <path class="st0" d="M348,288c-44.2,0-80,35.8-80,80s35.8,80,80,80s80-35.8,80-80C428,323.8,392.2,288,348,288z M387.6,359.6
 	c-3.1,3.1-8.2,3.1-11.3,0L356,339.3V416c0,4.4-3.6,8-8,8s-8-3.6-8-8v-76.7l-20.3,20.3c-3.1,3-8.1,3-11.2-0.1s-3.1-8.1-0.1-11.2
 	l33.9-33.9c0.7-0.7,1.6-1.3,2.6-1.7c2-0.8,4.2-0.8,6.1,0c1,0.4,1.9,1,2.6,1.7l33.9,33.9C390.7,351.4,390.7,356.5,387.6,359.6z"/>
 <path class="st0" d="M244,154.6L148,182v15.4l96-27.4V154.6z"/>
 <path class="st0" d="M244,280c0,8.8-7.2,16-16,16s-16-7.2-16-16s7.2-16,16-16S244,271.2,244,280z"/>
 <path class="st0" d="M132,312c0,8.8-7.2,16-16,16s-16-7.2-16-16s7.2-16,16-16S132,303.2,132,312z"/>
 <path class="st0" d="M31.3,80H100V11.3L31.3,80z"/>
 <path class="st0" d="M20,448h275c-0.1-0.1-0.2-0.1-0.3-0.2c-2.9-2-5.8-4.1-8.5-6.4c-0.7-0.6-1.4-1.3-2.1-1.9
 	c-1.9-1.7-3.8-3.5-5.6-5.4c-0.8-0.9-1.6-1.8-2.4-2.7c-1.6-1.8-3.2-3.8-4.7-5.7c-0.7-0.9-1.4-1.8-2-2.7c-1.8-2.6-3.5-5.2-5-8
 	c-0.2-0.4-0.4-0.7-0.6-1c-1.7-3.1-3.2-6.4-4.6-9.7c-0.4-1-0.7-2-1.1-3c-0.9-2.4-1.7-4.9-2.4-7.4c-0.3-1.2-0.6-2.4-0.9-3.6
 	c-0.6-2.5-1.1-5-1.5-7.6c-0.2-1.1-0.4-2.3-0.5-3.4c-0.9-6.9-1-13.9-0.2-20.8c0.1-1.1,0.3-2.1,0.5-3.1c0.3-2.1,0.5-4.1,0.9-6.2
 	c0.2-1.2,0.6-2.4,0.9-3.7c0.4-1.8,0.8-3.6,1.4-5.3c0.4-1.3,0.9-2.5,1.3-3.8c0.6-1.6,1.1-3.3,1.8-4.9c0.5-1.3,1.1-2.5,1.7-3.7
 	c0.7-1.5,1.4-3,2.2-4.5c0.6-1.2,1.4-2.4,2-3.6c0.8-1.4,1.7-2.8,2.6-4.2c0.8-1.2,1.6-2.3,2.4-3.4c0.9-1.3,1.9-2.6,2.9-3.9
 	c0.9-1.1,1.8-2.1,2.7-3.2c1.1-1.2,2.1-2.4,3.2-3.6c1-1,2-2,3-2.9c1.2-1.1,2.3-2.2,3.6-3.2c1.1-0.9,2.1-1.8,3.2-2.7
 	c1.3-1,2.6-2,3.9-2.9c1.1-0.8,2.3-1.6,3.5-2.4c1.4-0.9,2.8-1.7,4.2-2.5c1.2-0.7,2.4-1.4,3.6-2c1.5-0.8,2.9-1.5,4.4-2.1
 	c1.3-0.6,2.5-1.2,3.8-1.7c1.6-0.6,3.1-1.2,4.7-1.7c1.3-0.4,2.6-0.9,3.9-1.3c1.6-0.5,3.3-0.9,5-1.3c1.3-0.3,2.6-0.7,4-0.9
 	c1.8-0.3,3.5-0.6,5.3-0.8c1.3-0.2,2.6-0.4,4-0.5c0.3,0,0.6-0.1,1-0.1V0H116v88c0,4.4-3.6,8-8,8H20V448z M116,280
 	c5.6,0,11.2,1.6,16,4.4V176c0-3.6,2.4-6.7,5.8-7.7l112-32c2.4-0.7,5-0.2,7,1.3s3.2,3.9,3.2,6.4v136c0,17.7-14.3,32-32,32
 	s-32-14.3-32-32s14.3-32,32-32c5.6,0,11.2,1.6,16,4.4v-65.8L148,214v98c0,17.7-14.3,32-32,32s-32-14.3-32-32S98.3,280,116,280z"/>
 </svg>
@@ -89,7 +89,6 @@ export class RoomConnection implements RoomConnection {
        url += '&bottom=' + Math.floor(viewport.bottom);
        url += '&left=' + Math.floor(viewport.left);
        url += '&right=' + Math.floor(viewport.right);
        if (typeof companion === 'string') {
            url += '&companion=' + encodeURIComponent(companion);
        }
@@ -618,4 +617,8 @@ export class RoomConnection implements RoomConnection {
        this.socket.send(clientToServerMessage.serializeBinary().buffer);
    }
    public getAllTags() : string[] {
        return this.tags;
    }
 }
@@ -8,6 +8,7 @@ import {Companion} from "../Companion/Companion";
 import type {GameScene} from "../Game/GameScene";
 import {DEPTH_INGAME_TEXT_INDEX} from "../Game/DepthIndexes";
 import {waScaleManager} from "../Services/WaScaleManager";
 import type OutlinePipelinePlugin from "phaser3-rex-plugins/plugins/outlinepipeline-plugin.js";
 const playerNameY = - 25;
@@ -32,6 +33,7 @@ export abstract class Character extends Container {
    public companion?: Companion;
    private emote: Phaser.GameObjects.Sprite | null = null;
    private emoteTween: Phaser.Tweens.Tween|null = null;
    scene: GameScene;
    constructor(scene: GameScene,
                x: number,
@@ -46,6 +48,7 @@ export abstract class Character extends Container {
                companionTexturePromise?: Promise<string>
    ) {
        super(scene, x, y/*, texture, frame*/);
        this.scene = scene;
        this.PlayerValue = name;
        this.invisible = true
@@ -67,6 +70,19 @@ export abstract class Character extends Container {
                hitAreaCallback: Phaser.Geom.Circle.Contains, //eslint-disable-line @typescript-eslint/unbound-method
                useHandCursor: true,
            });
            this.on('pointerover',() => {
                this.getOutlinePlugin()?.add(this.playerName, {
                    thickness: 2,
                    outlineColor: 0xffff00
                });
                this.scene.markDirty();
            });
            this.on('pointerout',() => {
                this.getOutlinePlugin()?.remove(this.playerName);
                this.scene.markDirty();
            })
        }
        scene.add.existing(this);
@@ -86,6 +102,10 @@ export abstract class Character extends Container {
        }
    }
    private getOutlinePlugin(): OutlinePipelinePlugin|undefined {
        return this.scene.plugins.get('rexOutlinePipeline') as unknown as OutlinePipelinePlugin|undefined;
    }
    public addCompanion(name: string, texturePromise?: Promise<string>): void {
        if (typeof texturePromise !== 'undefined') {
            this.companion = new Companion(this.scene, this.x, this.y, name, texturePromise);
@@ -37,6 +37,7 @@ export abstract class DirtyScene extends ResizableScene {
        this.events.on(Events.RENDER, () => {
            this.objectListChanged = false;
            this.dirty = false;
        });
        this.physics.disableUpdate();
@@ -69,6 +70,10 @@ export abstract class DirtyScene extends ResizableScene {
        return this.dirty || this.objectListChanged;
    }
    public markDirty(): void {
        this.events.once(Phaser.Scenes.Events.POST_UPDATE, () => this.dirty = true);
    }
    public onResize(): void {
        this.objectListChanged = true;
    }
@@ -11,12 +11,7 @@ import {get} from "svelte/store";
 import {requestedCameraState, requestedMicrophoneState} from "../../Stores/MediaStore";
 import {helpCameraSettingsVisibleStore} from "../../Stores/HelpCameraSettingsStore";
-export interface HasMovedEvent {
+
    direction: string;
    moving: boolean;
    x: number;
    y: number;
 }
 /**
 * This class should be responsible for any scene starting/stopping
@@ -1,5 +1,7 @@
-import type {ITiledMap, ITiledMapLayer} from "../Map/ITiledMap";
+import type {ITiledMap, ITiledMapLayer, ITiledMapLayerProperty} from "../Map/ITiledMap";
-import {LayersIterator} from "../Map/LayersIterator";
+import { flattenGroupLayersMap } from "../Map/LayersFlattener";
 import TilemapLayer = Phaser.Tilemaps.TilemapLayer;
 import { DEPTH_OVERLAY_INDEX } from "./DepthIndexes";
 export type PropertyChangeCallback = (newValue: string | number | boolean | undefined, oldValue: string | number | boolean | undefined, allProps: Map<string, string | boolean | number>) => void;
@@ -11,11 +13,39 @@ export class GameMap {
    private key: number | undefined;
    private lastProperties = new Map<string, string | boolean | number>();
    private callbacks = new Map<string, Array<PropertyChangeCallback>>();
    public readonly layersIterator: LayersIterator;
-    public constructor(private map: ITiledMap) {
+    private tileSetPropertyMap: { [tile_index: number]: Array<ITiledMapLayerProperty> } = {}
-        this.layersIterator = new LayersIterator(map);
+    public readonly flatLayers: ITiledMapLayer[];
    public readonly phaserLayers: TilemapLayer[] = [];
    public exitUrls: Array<string> = []
    public constructor(private map: ITiledMap, phaserMap: Phaser.Tilemaps.Tilemap, terrains: Array<Phaser.Tilemaps.Tileset>) {
        this.flatLayers = flattenGroupLayersMap(map);
        let depth = -2;
        for (const layer of this.flatLayers) {
            if(layer.type === 'tilelayer'){
                this.phaserLayers.push(phaserMap.createLayer(layer.name, terrains, 0, 0).setDepth(depth));
            }
            if (layer.type === 'objectgroup' && layer.name === 'floorLayer') {
                depth = DEPTH_OVERLAY_INDEX;
            }
        }
        for (const tileset of map.tilesets) {
            tileset?.tiles?.forEach(tile => {
                if (tile.properties) {
                    this.tileSetPropertyMap[tileset.firstgid + tile.id] = tile.properties
                    tile.properties.forEach(prop => {
                        if (prop.name == "exitUrl" && typeof prop.value == "string") {
                            this.exitUrls.push(prop.value);
                        }
                    })
                }
            })
        }
    }
    /**
     * Sets the position of the current player (in pixels)
@@ -58,14 +88,20 @@ export class GameMap {
    private getProperties(key: number): Map<string, string | boolean | number> {
        const properties = new Map<string, string | boolean | number>();
-        for (const layer of this.layersIterator) {
+        for (const layer of this.flatLayers) {
            if (layer.type !== 'tilelayer') {
                continue;
            }
            let tileIndex: number | undefined = undefined;
            if (layer.data) {
                const tiles = layer.data as number[];
                if (tiles[key] == 0) {
                    continue;
                }
                tileIndex = tiles[key]
            }
            // There is a tile in this layer, let's embed the properties
            if (layer.properties !== undefined) {
                for (const layerProperty of layer.properties) {
@@ -75,11 +111,25 @@ export class GameMap {
                    properties.set(layerProperty.name, layerProperty.value);
                }
            }
            if (tileIndex) {
                this.tileSetPropertyMap[tileIndex]?.forEach(property => {
                    if (property.value) {
                        properties.set(property.name, property.value)
                    } else if (properties.has(property.name)) {
                        properties.delete(property.name)
                    }
                })
            }
        }
        return properties;
    }
    public getMap(): ITiledMap{
        return this.map;
    }
    private trigger(propName: string, oldValue: string | number | boolean | undefined, newValue: string | number | boolean | undefined, allProps: Map<string, string | boolean | number>) {
        const callbacksArray = this.callbacks.get(propName);
        if (callbacksArray !== undefined) {
@@ -100,4 +150,19 @@ export class GameMap {
        }
        callbacksArray.push(callback);
    }
    public findLayer(layerName: string): ITiledMapLayer | undefined {
        return this.flatLayers.find((layer) => layer.name === layerName);
    }
    public findPhaserLayer(layerName: string): TilemapLayer | undefined {
        return this.phaserLayers.find((layer) => layer.layer.name === layerName);
    }
    public addTerrain(terrain : Phaser.Tilemaps.Tileset): void {
        for (const phaserLayer of this.phaserLayers) {
            phaserLayer.tileset.push(terrain);
        }
    }
 }
@@ -1,4 +1,9 @@
-import {gameManager, HasMovedEvent} from "./GameManager";
+import { Queue } from 'queue-typescript';
 import type { Subscription } from "rxjs";
 import { GlobalMessageManager } from "../../Administration/GlobalMessageManager";
 import { userMessageManager } from "../../Administration/UserMessageManager";
 import { iframeListener } from "../../Api/IframeListener";
 import { connectionManager } from "../../Connexion/ConnectionManager";
 import type {
    GroupCreatedUpdatedMessageInterface,
    MessageUserJoined,
@@ -9,71 +14,73 @@ import type {
    PositionInterface,
    RoomJoinedMessageInterface
 } from "../../Connexion/ConnexionModels";
-import {hasMovedEventName, Player, requestEmoteEventName} from "../Player/Player";
+import { localUserStore } from "../../Connexion/LocalUserStore";
 import { Room } from "../../Connexion/Room";
 import type { RoomConnection } from "../../Connexion/RoomConnection";
 import { worldFullMessageStream } from "../../Connexion/WorldFullMessageStream";
 import {
    DEBUG_MODE,
    JITSI_PRIVATE_MODE,
    MAX_PER_GROUP,
-    POSITION_DELAY,
+    POSITION_DELAY
 } from "../../Enum/EnvironmentVariable";
-import type {
+import { TextureError } from "../../Exception/TextureError";
-    ITiledMap,
+import type { UserMovedMessage } from "../../Messages/generated/messages_pb";
-    ITiledMapLayer,
+import { ProtobufClientUtils } from "../../Network/ProtobufClientUtils";
-    ITiledMapLayerProperty,
+import { peerStore } from "../../Stores/PeerStore";
-    ITiledMapObject,
+import { touchScreenManager } from "../../Touch/TouchScreenManager";
-    ITiledMapTileLayer,
+import { urlManager } from "../../Url/UrlManager";
-    ITiledTileSet
+import { audioManager } from "../../WebRtc/AudioManager";
-} from "../Map/ITiledMap";
+import { coWebsiteManager } from "../../WebRtc/CoWebsiteManager";
-import type {AddPlayerInterface} from "./AddPlayerInterface";
+import { HtmlUtils } from "../../WebRtc/HtmlUtils";
-import {PlayerAnimationDirections} from "../Player/Animation";
+import { jitsiFactory } from "../../WebRtc/JitsiFactory";
 import {PlayerMovement} from "./PlayerMovement";
 import {PlayersPositionInterpolator} from "./PlayersPositionInterpolator";
 import {RemotePlayer} from "../Entity/RemotePlayer";
 import {Queue} from 'queue-typescript';
 import {SimplePeer, UserSimplePeerInterface} from "../../WebRtc/SimplePeer";
 import {ReconnectingSceneName} from "../Reconnecting/ReconnectingScene";
 import {lazyLoadPlayerCharacterTextures, loadCustomTexture} from "../Entity/PlayerTexturesLoadingManager";
 import {
-    CenterListener,
+    AUDIO_LOOP_PROPERTY, AUDIO_VOLUME_PROPERTY, CenterListener,
    JITSI_MESSAGE_PROPERTIES,
    layoutManager,
    LayoutMode,
    ON_ACTION_TRIGGER_BUTTON,
    TRIGGER_JITSI_PROPERTIES,
    TRIGGER_WEBSITE_PROPERTIES,
-    WEBSITE_MESSAGE_PROPERTIES,
+    WEBSITE_MESSAGE_PROPERTIES
    AUDIO_VOLUME_PROPERTY,
    AUDIO_LOOP_PROPERTY
 } from "../../WebRtc/LayoutManager";
 import {GameMap} from "./GameMap";
 import {coWebsiteManager} from "../../WebRtc/CoWebsiteManager";
 import { mediaManager } from "../../WebRtc/MediaManager";
-import type {ItemFactoryInterface} from "../Items/ItemFactoryInterface";
+import { SimplePeer, UserSimplePeerInterface } from "../../WebRtc/SimplePeer";
-import type {ActionableItem} from "../Items/ActionableItem";
+import { lazyLoadCompanionResource } from "../Companion/CompanionTexturesLoadingManager";
 import {UserInputManager} from "../UserInput/UserInputManager";
 import {soundManager} from "./SoundManager";
 import type {UserMovedMessage} from "../../Messages/generated/messages_pb";
 import {ProtobufClientUtils} from "../../Network/ProtobufClientUtils";
 import {connectionManager} from "../../Connexion/ConnectionManager";
 import type {RoomConnection} from "../../Connexion/RoomConnection";
 import {GlobalMessageManager} from "../../Administration/GlobalMessageManager";
 import {userMessageManager} from "../../Administration/UserMessageManager";
 import {ConsoleGlobalMessageManager} from "../../Administration/ConsoleGlobalMessageManager";
 import {ResizableScene} from "../Login/ResizableScene";
 import {Room} from "../../Connexion/Room";
 import {jitsiFactory} from "../../WebRtc/JitsiFactory";
 import {urlManager} from "../../Url/UrlManager";
 import {audioManager} from "../../WebRtc/AudioManager";
 import {PresentationModeIcon} from "../Components/PresentationModeIcon";
 import { ChatModeIcon } from "../Components/ChatModeIcon";
 import {OpenChatIcon, openChatIconName} from "../Components/OpenChatIcon";
 import {SelectCharacterScene, SelectCharacterSceneName} from "../Login/SelectCharacterScene";
 import {TextureError} from "../../Exception/TextureError";
 import { addLoader } from "../Components/Loader";
 import { joystickBaseImg, joystickBaseKey, joystickThumbImg, joystickThumbKey } from "../Components/MobileJoystick";
 import { OpenChatIcon, openChatIconName } from "../Components/OpenChatIcon";
 import { PresentationModeIcon } from "../Components/PresentationModeIcon";
 import { TextUtils } from "../Components/TextUtils";
 import { lazyLoadPlayerCharacterTextures, loadCustomTexture } from "../Entity/PlayerTexturesLoadingManager";
 import { RemotePlayer } from "../Entity/RemotePlayer";
 import type { ActionableItem } from "../Items/ActionableItem";
 import type { ItemFactoryInterface } from "../Items/ItemFactoryInterface";
 import { SelectCharacterScene, SelectCharacterSceneName } from "../Login/SelectCharacterScene";
 import type {
    ITiledMap,
    ITiledMapLayer,
    ITiledMapLayerProperty,
    ITiledMapObject,
    ITiledMapTileLayer,
    ITiledTileSet } from "../Map/ITiledMap";
 import { MenuScene, MenuSceneName } from '../Menu/MenuScene';
 import { PlayerAnimationDirections } from "../Player/Animation";
 import { hasMovedEventName, Player, requestEmoteEventName } from "../Player/Player";
 import { ErrorSceneName } from "../Reconnecting/ErrorScene";
-import {localUserStore} from "../../Connexion/LocalUserStore";
+import { ReconnectingSceneName } from "../Reconnecting/ReconnectingScene";
-import {iframeListener} from "../../Api/IframeListener";
+import { waScaleManager } from "../Services/WaScaleManager";
-import {HtmlUtils} from "../../WebRtc/HtmlUtils";
+import { PinchManager } from "../UserInput/PinchManager";
 import { UserInputManager } from "../UserInput/UserInputManager";
 import type { AddPlayerInterface } from "./AddPlayerInterface";
 import { DEPTH_OVERLAY_INDEX } from "./DepthIndexes";
 import { DirtyScene } from "./DirtyScene";
 import { EmoteManager } from "./EmoteManager";
 import { gameManager } from "./GameManager";
 import { GameMap } from "./GameMap";
 import { PlayerMovement } from "./PlayerMovement";
 import { PlayersPositionInterpolator } from "./PlayersPositionInterpolator";
 import Texture = Phaser.Textures.Texture;
 import Sprite = Phaser.GameObjects.Sprite;
 import CanvasTexture = Phaser.Textures.CanvasTexture;
@@ -81,21 +88,12 @@ import GameObject = Phaser.GameObjects.GameObject;
 import FILE_LOAD_ERROR = Phaser.Loader.Events.FILE_LOAD_ERROR;
 import DOMElement = Phaser.GameObjects.DOMElement;
 import EVENT_TYPE = Phaser.Scenes.Events
 import type {Subscription} from "rxjs";
 import {worldFullMessageStream} from "../../Connexion/WorldFullMessageStream";
 import {lazyLoadCompanionResource} from "../Companion/CompanionTexturesLoadingManager";
 import RenderTexture = Phaser.GameObjects.RenderTexture;
 import Tilemap = Phaser.Tilemaps.Tilemap;
-import {DirtyScene} from "./DirtyScene";
+import type { HasPlayerMovedEvent } from '../../Api/Events/HasPlayerMovedEvent';
-import {TextUtils} from "../Components/TextUtils";
+
 import {touchScreenManager} from "../../Touch/TouchScreenManager";
 import {PinchManager} from "../UserInput/PinchManager";
 import {joystickBaseImg, joystickBaseKey, joystickThumbImg, joystickThumbKey} from "../Components/MobileJoystick";
 import {DEPTH_OVERLAY_INDEX} from "./DepthIndexes";
 import {waScaleManager} from "../Services/WaScaleManager";
 import AnimatedTiles from "phaser-animated-tiles";
-import {peerStore} from "../../Stores/PeerStore";
+import {soundManager} from "./SoundManager";
 import {EmoteManager} from "./EmoteManager";
 export interface GameSceneInitInterface {
    initPosition: PointInterface | null,
@@ -140,7 +138,6 @@ export class GameScene extends DirtyScene implements CenterListener {
    MapPlayers!: Phaser.Physics.Arcade.Group;
    MapPlayersByKey: Map<number, RemotePlayer> = new Map<number, RemotePlayer>();
    Map!: Phaser.Tilemaps.Tilemap;
    Layers!: Array<Phaser.Tilemaps.TilemapLayer>;
    Objects!: Array<Phaser.Physics.Arcade.Sprite>;
    mapFile!: ITiledMap;
    animatedTiles!: AnimatedTiles;
@@ -155,7 +152,6 @@ export class GameScene extends DirtyScene implements CenterListener {
    public connection: RoomConnection | undefined;
    private simplePeer!: SimplePeer;
    private GlobalMessageManager!: GlobalMessageManager;
    public ConsoleGlobalMessageManager!: ConsoleGlobalMessageManager;
    private connectionAnswerPromise: Promise<RoomJoinedMessageInterface>;
    private connectionAnswerPromiseResolve!: (value: RoomJoinedMessageInterface | PromiseLike<RoomJoinedMessageInterface>) => void;
    // A promise that will resolve when the "create" method is called (signaling loading is ended)
@@ -169,7 +165,7 @@ export class GameScene extends DirtyScene implements CenterListener {
    currentTick!: number;
    lastSentTick!: number; // The last tick at which a position was sent.
-    lastMoveEventSent: HasMovedEvent = {
+    lastMoveEventSent: HasPlayerMovedEvent = {
        direction: '',
        moving: false,
        x: -1000,
@@ -291,6 +287,7 @@ export class GameScene extends DirtyScene implements CenterListener {
                testString: 'abcdefg'
            },
        });
        //this function must stay at the end of preload function
        addLoader(this);
    }
@@ -413,7 +410,6 @@ export class GameScene extends DirtyScene implements CenterListener {
        //initalise map
        this.Map = this.add.tilemap(this.MapUrlFile);
        this.gameMap = new GameMap(this.mapFile);
        const mapDirUrl = this.MapUrlFile.substr(0, this.MapUrlFile.lastIndexOf('/'));
        this.mapFile.tilesets.forEach((tileset: ITiledTileSet) => {
            this.Terrains.push(this.Map.addTilesetImage(tileset.name, `${mapDirUrl}/${tileset.image}`, tileset.tilewidth, tileset.tileheight, tileset.margin, tileset.spacing/*, tileset.firstgid*/));
@@ -423,11 +419,9 @@ export class GameScene extends DirtyScene implements CenterListener {
        this.physics.world.setBounds(0, 0, this.Map.widthInPixels, this.Map.heightInPixels);
        //add layer on map
-        this.Layers = new Array<Phaser.Tilemaps.TilemapLayer>();
+        this.gameMap = new GameMap(this.mapFile, this.Map, this.Terrains);
-        let depth = -2;
+        for (const layer of this.gameMap.flatLayers) {
        for(const layer of this.gameMap.layersIterator) {
            if (layer.type === 'tilelayer') {
                this.addLayer(this.Map.createLayer(layer.name, this.Terrains, 0, 0).setDepth(depth));
                const exitSceneUrl = this.getExitSceneUrl(layer);
                if (exitSceneUrl !== undefined) {
@@ -438,9 +432,6 @@ export class GameScene extends DirtyScene implements CenterListener {
                    this.loadNextGame(exitUrl);
                }
            }
            if(layer.type === 'objectgroup' && layer.name === 'floorLayer') {
                depth = DEPTH_OVERLAY_INDEX;
            }
            if (layer.type === 'objectgroup') {
                for (const object of layer.objects) {
                    if (object.text) {
@@ -449,9 +440,10 @@ export class GameScene extends DirtyScene implements CenterListener {
                }
            }
        }
-        if(depth === -2) {
+
-            throw new Error('Your map MUST contain a layer of type "objectgroup" whose name is "floorLayer" that represents the layer characters are drawn at. This layer cannot be contained in a group.');
+        this.gameMap.exitUrls.forEach(exitUrl => {
-        }
+            this.loadNextGame(exitUrl)
        })
        this.initStartXAndStartY();
@@ -477,6 +469,8 @@ export class GameScene extends DirtyScene implements CenterListener {
        this.initCamera();
        this.animatedTiles.init(this.Map);
        this.events.on('tileanimationupdate', () => this.dirty = true);
        this.initCirclesCanvas();
        // Let's pause the scene if the connection is not established yet
@@ -673,14 +667,13 @@ export class GameScene extends DirtyScene implements CenterListener {
            //listen event to share position of user
            this.CurrentPlayer.on(hasMovedEventName, this.pushPlayerPosition.bind(this))
            this.CurrentPlayer.on(hasMovedEventName, this.outlineItem.bind(this))
-            this.CurrentPlayer.on(hasMovedEventName, (event: HasMovedEvent) => {
+            this.CurrentPlayer.on(hasMovedEventName, (event: HasPlayerMovedEvent) => {
                this.gameMap.setPosition(event.x, event.y);
            })
            //this.initUsersPosition(roomJoinedMessage.users);
            this.connectionAnswerPromiseResolve(onConnect.room);
            // Analyze tags to find if we are admin. If yes, show console.
            this.ConsoleGlobalMessageManager = new ConsoleGlobalMessageManager(this.connection, this.userInputManager, this.connection.isAdmin());
            this.scene.wake();
@@ -838,12 +831,9 @@ export class GameScene extends DirtyScene implements CenterListener {
                return;
            }
            const escapedMessage = HtmlUtils.escapeHtml(openPopupEvent.message);
-            let html = `<div id="container" hidden><div class="nes-container with-title is-centered">`;
+            let html = `<div id="container" hidden><div class="nes-container with-title is-centered">
-            html += escapedMessage;
+${escapedMessage}
-            if(openPopupEvent.input) {
+ </div> `;
                html += `<input id="popupinput-${openPopupEvent.popupId}" class="nes-input" />`
            }
            html += `</div> `;
            const buttonContainer = `<div class="buttonContainer"</div>`;
            html += buttonContainer;
            let id = 0;
@@ -865,15 +855,12 @@ export class GameScene extends DirtyScene implements CenterListener {
            }, 100);
            id = 0;
            let inputElement: HTMLInputElement;
            if(openPopupEvent.input) {
                inputElement = HtmlUtils.getElementByIdOrFail<HTMLInputElement>(`popupinput-${openPopupEvent.popupId}`);
            }
            for (const button of openPopupEvent.buttons) {
                const button = HtmlUtils.getElementByIdOrFail<HTMLButtonElement>(`popup-${openPopupEvent.popupId}-${id}`);
                const btnId = id;
                button.onclick = () => {
-                    iframeListener.sendButtonClickedEvent(openPopupEvent.popupId, btnId, openPopupEvent.input, openPopupEvent.input ? inputElement.value : '');
+                    iframeListener.sendButtonClickedEvent(openPopupEvent.popupId, btnId);
                    button.disabled = true;
                }
                id++;
            }
@@ -888,8 +875,6 @@ export class GameScene extends DirtyScene implements CenterListener {
        }));
        this.iframeSubscriptionList.push(iframeListener.closePopupStream.subscribe((closePopupEvent) => {
            console.log("whyt?", closePopupEvent);
            const popUpElement = this.popUpElements.get(closePopupEvent.popupId);
            if (popUpElement === undefined) {
                console.error('Could not close popup with ID ', closePopupEvent.popupId, '. Maybe it has already been closed?');
@@ -966,18 +951,61 @@ export class GameScene extends DirtyScene implements CenterListener {
                }, this.userInputManager);
            }
        }));
-
+        this.iframeSubscriptionList.push(iframeListener.showLayerStream.subscribe((layerEvent)=>{
-        this.iframeSubscriptionList.push(iframeListener.exitUrlStream.subscribe((url: string) => {
+            this.setLayerVisibility(layerEvent.name, true);
            const {roomId, hash} = Room.getIdFromIdentifier(url, this.MapUrlFile, this.instance);
            const room = new Room(roomId);
            gameManager.loadMap(room, this.scene).then(() => {
                this.events.once(EVENT_TYPE.POST_UPDATE, () => {
                    this.onMapExit(url);
                })
            }).catch(() => {});
        }));
        this.iframeSubscriptionList.push(iframeListener.hideLayerStream.subscribe((layerEvent)=>{
            this.setLayerVisibility(layerEvent.name, false);
        }));
        this.iframeSubscriptionList.push(iframeListener.setPropertyStream.subscribe((setProperty) => {
            this.setPropertyLayer(setProperty.layerName, setProperty.propertyName, setProperty.propertyValue);
        }));
        this.iframeSubscriptionList.push(iframeListener.dataLayerChangeStream.subscribe(() => {
            iframeListener.sendDataLayerEvent({data: this.gameMap.getMap()});
        }))
        this.iframeSubscriptionList.push(iframeListener.gameStateStream.subscribe(() => {
            iframeListener.sendGameStateEvent({
                mapUrl: this.MapUrlFile,
                startLayerName: this.startLayerName,
                uuid: localUserStore.getLocalUser()?.uuid,
                nickname: localUserStore.getName(),
                roomId: this.RoomId,
                tags: this.connection ? this.connection.getAllTags() : []
            })
        }));
    }
    private setPropertyLayer(layerName: string, propertyName: string, propertyValue: string | number | boolean | undefined): void {
        const layer = this.gameMap.findLayer(layerName);
       if (layer === undefined) {
            console.warn('Could not find layer "' + layerName + '" when calling setProperty');
            return;
        }
       const property = (layer.properties as ITiledMapLayerProperty[])?.find((property) => property.name === propertyName);
       if (property === undefined) {
           layer.properties = [];
           layer.properties.push({name : propertyName, type : typeof propertyValue, value : propertyValue});
           return;
       }
       property.value = propertyValue;
    }
    private setLayerVisibility(layerName: string, visible: boolean): void {
        const phaserLayer = this.gameMap.findPhaserLayer(layerName);
        if (phaserLayer === undefined) {
            console.warn('Could not find layer "' + layerName + '" when calling WA.hideLayer / WA.showLayer');
            return;
        }
        phaserLayer.setVisible(visible);
        this.dirty = true;
    }
    private getMapDirUrl(): string {
        return this.MapUrlFile.substr(0, this.MapUrlFile.lastIndexOf('/'));
    }
@@ -988,6 +1016,8 @@ export class GameScene extends DirtyScene implements CenterListener {
        const { roomId, hash } = Room.getIdFromIdentifier(exitKey, this.MapUrlFile, this.instance);
        if (!roomId) throw new Error('Could not find the room from its exit key: ' + exitKey);
        urlManager.pushStartLayerNameToUrl(hash);
        const menuScene: MenuScene = this.scene.get(MenuSceneName) as MenuScene
        menuScene.reset()
        if (roomId !== this.scene.key) {
            if (this.scene.get(roomId) === null) {
                console.error("next room not loaded", exitKey);
@@ -1089,7 +1119,7 @@ export class GameScene extends DirtyScene implements CenterListener {
    }
    private initPositionFromLayerName(layerName: string) {
-        for(const layer of this.gameMap.layersIterator) {
+        for (const layer of this.gameMap.flatLayers) {
            if ((layerName === layer.name || layer.name.endsWith('/' + layerName)) && layer.type === 'tilelayer' && (layerName === defaultStartLayerName || this.isStartLayer(layer))) {
                const startPosition = this.startUser(layer);
                this.startX = startPosition.x + this.mapFile.tilewidth / 2;
@@ -1179,26 +1209,25 @@ export class GameScene extends DirtyScene implements CenterListener {
        this.updateCameraOffset();
    }
    addLayer(Layer: Phaser.Tilemaps.TilemapLayer) {
        this.Layers.push(Layer);
    }
    createCollisionWithPlayer() {
        //add collision layer
-        this.Layers.forEach((Layer: Phaser.Tilemaps.TilemapLayer) => {
+        for (const phaserLayer of this.gameMap.phaserLayers) {
-            this.physics.add.collider(this.CurrentPlayer, Layer, (object1: GameObject, object2: GameObject) => {
+            if (phaserLayer.type == "tilelayer") {
                this.physics.add.collider(this.CurrentPlayer, phaserLayer, (object1: GameObject, object2: GameObject) => {
                    //this.CurrentPlayer.say("Collision with layer : "+ (object2 as Tile).layer.name)
                });
-            Layer.setCollisionByProperty({collides: true});
+                phaserLayer.setCollisionByProperty({collides: true});
                if (DEBUG_MODE) {
                    //debug code to see the collision hitbox of the object in the top layer
-                Layer.renderDebug(this.add.graphics(), {
+                    phaserLayer.renderDebug(this.add.graphics(), {
                        tileColor: null, //non-colliding tiles
                        collidingTileColor: new Phaser.Display.Color(243, 134, 48, 200), // Colliding tiles,
                        faceColor: new Phaser.Display.Color(40, 39, 37, 255) // Colliding face edges
                    });
                }
-        });
+            //});
            }
        }
    }
    createCurrentPlayer() {
@@ -1237,7 +1266,7 @@ export class GameScene extends DirtyScene implements CenterListener {
        this.createCollisionWithPlayer();
    }
-    pushPlayerPosition(event: HasMovedEvent) {
+    pushPlayerPosition(event: HasPlayerMovedEvent) {
        if (this.lastMoveEventSent === event) {
            return;
        }
@@ -1267,7 +1296,7 @@ export class GameScene extends DirtyScene implements CenterListener {
     * Finds the correct item to outline and outline it (if there is an item to be outlined)
     * @param event
     */
-    private outlineItem(event: HasMovedEvent): void {
+    private outlineItem(event: HasPlayerMovedEvent): void {
        let x = event.x;
        let y = event.y;
        switch (event.direction) {
@@ -1306,7 +1335,7 @@ export class GameScene extends DirtyScene implements CenterListener {
        this.outlinedItem?.selectable();
    }
-    private doPushPlayerPosition(event: HasMovedEvent): void {
+    private doPushPlayerPosition(event: HasPlayerMovedEvent): void {
        this.lastMoveEventSent = event;
        this.lastSentTick = this.currentTick;
        const camera = this.cameras.main;
@@ -1316,6 +1345,7 @@ export class GameScene extends DirtyScene implements CenterListener {
            right: camera.scrollX + camera.width,
            bottom: camera.scrollY + camera.height,
        });
        iframeListener.hasPlayerMoved(event);
    }
    /**
@@ -1323,7 +1353,6 @@ export class GameScene extends DirtyScene implements CenterListener {
     * @param delta The delta time in ms since the last frame. This is a smoothed and capped value based on the FPS rate.
     */
    update(time: number, delta: number): void {
        this.dirty = false;
        mediaManager.updateScene();
        this.currentTick = time;
        this.CurrentPlayer.moveUser(delta);
@@ -1355,7 +1384,7 @@ export class GameScene extends DirtyScene implements CenterListener {
        }
        // Let's move all users
        const updatedPlayersPositions = this.playersPositionInterpolator.getUpdatedPositions(time);
-        updatedPlayersPositions.forEach((moveEvent: HasMovedEvent, userId: number) => {
+        updatedPlayersPositions.forEach((moveEvent: HasPlayerMovedEvent, userId: number) => {
            this.dirty = true;
            const player: RemotePlayer | undefined = this.MapPlayersByKey.get(userId);
            if (player === undefined) {
@@ -1,9 +1,9 @@
 import type {HasMovedEvent} from "./GameManager";
 import { MAX_EXTRAPOLATION_TIME } from "../../Enum/EnvironmentVariable";
 import type { PositionInterface } from "../../Connexion/ConnexionModels";
 import type { HasPlayerMovedEvent } from '../../Api/Events/HasPlayerMovedEvent';
 export class PlayerMovement {
-    public constructor(private startPosition: PositionInterface, private startTick: number, private endPosition: HasMovedEvent, private endTick: number) {
+    public constructor(private startPosition: PositionInterface, private startTick: number, private endPosition: HasPlayerMovedEvent, private endTick: number) {
    }
    public isOutdated(tick: number): boolean {
@@ -17,7 +17,7 @@ export class PlayerMovement {
        return tick > this.endTick + MAX_EXTRAPOLATION_TIME;
    }
-    public getPosition(tick: number): HasMovedEvent {
+    public getPosition(tick: number): HasPlayerMovedEvent {
        // Special case: end position reached and end position is not moving
        if (tick >= this.endTick && this.endPosition.moving === false) {
            //console.log('Movement finished ', this.endPosition)
@@ -2,8 +2,8 @@
 * This class is in charge of computing the position of all players.
 * Player movement is delayed by 200ms so position depends on ticks.
 */
 import type { HasPlayerMovedEvent } from '../../Api/Events/HasPlayerMovedEvent';
 import type { PlayerMovement } from "./PlayerMovement";
 import type {HasMovedEvent} from "./GameManager";
 export class PlayersPositionInterpolator {
    playerMovements: Map<number, PlayerMovement> = new Map<number, PlayerMovement>();
@@ -16,8 +16,8 @@ export class PlayersPositionInterpolator {
        this.playerMovements.delete(userId);
    }
-    getUpdatedPositions(tick: number) : Map<number, HasMovedEvent> {
+    getUpdatedPositions(tick: number): Map<number, HasPlayerMovedEvent> {
-        const positions = new Map<number, HasMovedEvent>();
+        const positions = new Map<number, HasPlayerMovedEvent>();
        this.playerMovements.forEach((playerMovement: PlayerMovement, userId: number) => {
            if (playerMovement.isOutdated(tick)) {
                //console.log("outdated")
@@ -3,8 +3,8 @@
 * It has coordinates and an "activation radius"
 */
 import Sprite = Phaser.GameObjects.Sprite;
 import {OutlinePipeline} from "../Shaders/OutlinePipeline";
 import type {GameScene} from "../Game/GameScene";
 import type OutlinePipelinePlugin from "phaser3-rex-plugins/plugins/outlinepipeline-plugin.js";
 type EventCallback = (state: unknown, parameters: unknown) => void;
@@ -42,11 +42,11 @@ export class ActionableItem {
            return;
        }
        this.isSelectable = true;
-        if (this.sprite.pipeline) {
+
-            // Commented out to try to fix MacOS issue
+        this.getOutlinePlugin()?.add(this.sprite, {
-            /*this.sprite.setPipeline(OutlinePipeline.KEY);
+            thickness: 2,
-            this.sprite.pipeline.set2f('uTextureSize', this.sprite.texture.getSourceImage().width, this.sprite.texture.getSourceImage().height);*/
+            outlineColor: 0xffff00
-        }
+        });
    }
    /**
@@ -57,8 +57,11 @@ export class ActionableItem {
            return;
        }
        this.isSelectable = false;
-        // Commented out to try to fix MacOS issue
+        this.getOutlinePlugin()?.remove(this.sprite);
-        //this.sprite.resetPipeline();
+    }
    private getOutlinePlugin(): OutlinePipelinePlugin|undefined {
        return this.sprite.scene.plugins.get('rexOutlinePipeline') as unknown as OutlinePipelinePlugin|undefined;
    }
    /**
@@ -4,6 +4,8 @@
 * Represents the interface for the Tiled exported data structure (JSON). Used
 * when loading resources via Resource loader.
 */
 import TilemapLayer = Phaser.Tilemaps.TilemapLayer;
 export interface ITiledMap {
    width: number;
    height: number;
@@ -81,6 +83,7 @@ export interface ITiledMapTileLayer {
     * Draw order (topdown (default), index)
     */
    draworder?: string;
    phaserLayer?: TilemapLayer;
 }
 export interface ITiledMapObjectLayer {
@@ -167,7 +170,7 @@ export interface ITiledTileSet {
    tilewidth: number;
    transparentcolor: string;
    terrains: ITiledMapTerrain[];
-    tiles: {[key: string]: { terrain: number[] }};
+    tiles?: Array<ITile>;
    /**
     * Refers to external tileset file (should be JSON)
@@ -175,6 +178,13 @@ export interface ITiledTileSet {
    source: string;
 }
 export interface ITile {
    id: number,
    type?: string
    properties?: Array<ITiledMapLayerProperty>
 }
 export interface ITiledMapTerrain {
    name: string;
    tile: number;
@@ -0,0 +1,21 @@
 import type {ITiledMap, ITiledMapLayer} from "./ITiledMap";
 /**
 * Flatten the grouped layers
 */
 export function flattenGroupLayersMap(map: ITiledMap) {
    const flatLayers: ITiledMapLayer[] = [];
    flattenGroupLayers(map.layers, '', flatLayers);
    return flatLayers;
 }
 function flattenGroupLayers(layers : ITiledMapLayer[], prefix : string, flatLayers: ITiledMapLayer[]) {
    for (const layer of layers) {
        if (layer.type === 'group') {
            flattenGroupLayers(layer.layers, prefix + layer.name + '/', flatLayers);
        } else {
            layer.name = prefix+layer.name
            flatLayers.push(layer);
        }
    }
 }
@@ -1,44 +0,0 @@
 import type {ITiledMap, ITiledMapLayer} from "./ITiledMap";
 /**
 * Iterates over the layers of a map, flattening the grouped layers
 */
 export class LayersIterator implements IterableIterator<ITiledMapLayer> {
    private layers: ITiledMapLayer[] = [];
    private pointer: number = 0;
    constructor(private map: ITiledMap) {
        this.initLayersList(map.layers, '');
    }
    private initLayersList(layers : ITiledMapLayer[], prefix : string) {
        for (const layer of layers) {
            if (layer.type === 'group') {
                this.initLayersList(layer.layers, prefix + layer.name + '/');
            } else {
                const layerWithNewName = { ...layer };
                layerWithNewName.name = prefix+layerWithNewName.name;
                this.layers.push(layerWithNewName);
            }
        }
    }
    public next(): IteratorResult<ITiledMapLayer> {
        if (this.pointer < this.layers.length) {
            return {
                done: false,
                value: this.layers[this.pointer++]
            }
        } else {
            return {
                done: true,
                value: null
            }
        }
    }
    [Symbol.iterator](): IterableIterator<ITiledMapLayer> {
        return new LayersIterator(this.map);
    }
 }
@@ -10,7 +10,14 @@ import {GameConnexionTypes} from "../../Url/UrlManager";
 import {WarningContainer, warningContainerHtml, warningContainerKey} from "../Components/WarningContainer";
 import {worldFullWarningStream} from "../../Connexion/WorldFullWarningStream";
 import {menuIconVisible} from "../../Stores/MenuStore";
 import { HtmlUtils } from '../../WebRtc/HtmlUtils';
 import { iframeListener } from '../../Api/IframeListener';
 import { Subscription } from 'rxjs';
 import { videoConstraintStore } from "../../Stores/MediaStore";
 import {registerMenuCommandStream} from "../../Api/Events/ui/MenuItemRegisterEvent";
 import {sendMenuClickedEvent} from "../../Api/iframe/Ui/MenuItem";
 import {consoleGlobalMessageManagerVisibleStore} from "../../Stores/ConsoleGlobalMessageManagerStore";
 import {get} from "svelte/store";
 export const MenuSceneName = 'MenuScene';
 const gameMenuKey = 'gameMenu';
@@ -37,12 +44,38 @@ export class MenuScene extends Phaser.Scene {
    private menuButton!: Phaser.GameObjects.DOMElement;
    private warningContainer: WarningContainer | null = null;
    private warningContainerTimeout: NodeJS.Timeout | null = null;
-
+    private subscriptions = new Subscription()
    constructor() {
        super({ key: MenuSceneName });
        this.gameQualityValue = localUserStore.getGameQualityValue();
        this.videoQualityValue = localUserStore.getVideoQualityValue();
        this.subscriptions.add(registerMenuCommandStream.subscribe(menuCommand => {
            this.addMenuOption(menuCommand);
        }))
        this.subscriptions.add(iframeListener.unregisterMenuCommandStream.subscribe(menuCommand => {
            this.destroyMenu(menuCommand);
        }))
    }
    reset() {
        const addedMenuItems = [...this.menuElement.node.querySelectorAll(".fromApi")];
        for (let index = addedMenuItems.length - 1; index >= 0; index--) {
            addedMenuItems[index].remove()
        }
    }
    public addMenuOption(menuText: string) {
        const wrappingSection = document.createElement("section")
        const escapedHtml = HtmlUtils.escapeHtml(menuText);
        wrappingSection.innerHTML = `<button class="fromApi" id="${escapedHtml}">${escapedHtml}</button>`
        const menuItemContainer = this.menuElement.node.querySelector("#gameMenu main");
        if (menuItemContainer) {
            menuItemContainer.querySelector(`#${escapedHtml}.fromApi`)?.remove()
            menuItemContainer.insertBefore(wrappingSection, menuItemContainer.querySelector("#socialLinks"))
        }
    }
    preload() {
@@ -159,7 +192,7 @@ export class MenuScene extends Phaser.Scene {
        this.sideMenuOpened = false;
        this.closeAll();
        this.menuButton.getChildByID('openMenuButton').innerHTML = `<img src="/static/images/menu.svg">`;
-        gameManager.getCurrentGameScene(this).ConsoleGlobalMessageManager.disabledMessageConsole();
+        consoleGlobalMessageManagerVisibleStore.set(false);
        this.tweens.add({
            targets: this.menuElement,
            x: closedSideMenuX,
@@ -270,11 +303,17 @@ export class MenuScene extends Phaser.Scene {
    }
    private onMenuClick(event: MouseEvent) {
-        if((event?.target as HTMLInputElement).classList.contains('not-button')){
+        const htmlMenuItem = (event?.target as HTMLInputElement);
        if (htmlMenuItem.classList.contains('not-button')) {
            return;
        }
        event.preventDefault();
        if (htmlMenuItem.classList.contains("fromApi")) {
            sendMenuClickedEvent(htmlMenuItem.id)
            return
        }
        switch ((event?.target as HTMLInputElement).id) {
            case 'changeNameButton':
                this.closeSideMenu();
@@ -304,7 +343,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;
        }
    }
@@ -354,6 +397,10 @@ export class MenuScene extends Phaser.Scene {
        }
    }
    public destroyMenu(menu: string) {
        this.menuElement.getChildByID(menu).remove();
    }
    public isDirty(): boolean {
        return false;
    }
@@ -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;
        }
      `
        });
    }
 }
@@ -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() {
@@ -0,0 +1,5 @@
 import { writable } from "svelte/store";
 export const consoleGlobalMessageManagerVisibleStore = writable(false);
 export const consoleGlobalMessageManagerFocusStore = writable(false);
@@ -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;
    }
 );
@@ -16,7 +16,6 @@ export const cowebsiteCloseButtonId = 'cowebsite-close';
 const cowebsiteFullScreenButtonId = 'cowebsite-fullscreen';
 const cowebsiteOpenFullScreenImageId = 'cowebsite-fullscreen-open';
 const cowebsiteCloseFullScreenImageId = 'cowebsite-fullscreen-close';
 const animationTime = 500; //time used by the css transitions, in ms.
 interface TouchMoveCoordinates {
@@ -144,7 +143,6 @@ class CoWebsiteManager {
        this.opened = iframeStates.closed;
        this.resetStyle();
    }
    private load(): void {
        this.cowebsiteDiv.classList.remove('hidden'); //edit the css class to trigger the transition
        this.cowebsiteDiv.classList.add('loading');
@@ -225,7 +225,7 @@ export class DiscussionManager {
        this.divDiscuss?.classList.add('active');
    }
-    public hideDiscussion(){
+    private hideDiscussion(){
        this.activeDiscussion = false;
        this.divDiscuss?.classList.remove('active');
    }
@@ -27,10 +27,13 @@ export class MediaManager {
    private remoteVideo: Map<string, HTMLVideoElement> = new Map<string, HTMLVideoElement>();
    //FIX ME SOUNDMETER: check stalability of sound meter calculation
    //mySoundMeterElement: HTMLDivElement;
    startScreenSharingCallBacks: Set<StartScreenSharingCallback> = new Set<StartScreenSharingCallback>();
    stopScreenSharingCallBacks: Set<StopScreenSharingCallback> = new Set<StopScreenSharingCallback>();
    showReportModalCallBacks: Set<ShowReportCallBack> = new Set<ShowReportCallBack>();
    private focused: boolean = true;
    private triggerCloseJistiFrame: Map<String, Function> = new Map<String, Function>();
@@ -134,7 +137,10 @@ export class MediaManager {
        gameOverlayVisibilityStore.hideGameOverlay();
    }
    addActiveVideo(user: UserSimplePeerInterface, userName: string = "") {
        const userId = '' + user.userId
        userName = userName.toUpperCase();
@@ -426,15 +432,15 @@ export class MediaManager {
        }
        element.classList.add('active');
        element.childNodes.forEach((value: ChildNode, index) => {
-            const elementChildre = element.children.item(index);
+            const elementChildren = element.children.item(index);
-            if(!elementChildre){
+            if (!elementChildren) {
                return;
            }
-            elementChildre.classList.remove('active');
+            elementChildren.classList.remove('active');
            if ((index + 1) > volume) {
                return;
            }
-            elementChildre.classList.add('active');
+            elementChildren.classList.add('active');
        });
    }
@@ -12,6 +12,7 @@ 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 player from "./Api/iframe/player";
 import type { ButtonDescriptor } from "./Api/iframe/Ui/ButtonDescriptor";
 import type { Popup } from "./Api/iframe/Ui/Popup";
 import type { Sound } from "./Api/iframe/Sound/Sound";
@@ -23,6 +24,7 @@ const wa = {
    chat,
    sound,
    room,
    player,
    // All methods below are deprecated and should not be used anymore.
    // They are kept here for backward compatibility.
@@ -10,17 +10,21 @@ import {SelectCompanionScene} from "./Phaser/Login/SelectCompanionScene";
 import {EnableCameraScene} from "./Phaser/Login/EnableCameraScene";
 import {CustomizeScene} from "./Phaser/Login/CustomizeScene";
 import WebFontLoaderPlugin from 'phaser3-rex-plugins/plugins/webfontloader-plugin.js';
 import OutlinePipelinePlugin from 'phaser3-rex-plugins/plugins/outlinepipeline-plugin.js';
 import {EntryScene} from "./Phaser/Login/EntryScene";
 import {coWebsiteManager} from "./WebRtc/CoWebsiteManager";
 import {MenuScene} from "./Phaser/Menu/MenuScene";
 import {localUserStore} from "./Connexion/LocalUserStore";
 import {ErrorScene} from "./Phaser/Reconnecting/ErrorScene";
 import {iframeListener} from "./Api/IframeListener";
 import { SelectCharacterMobileScene } from './Phaser/Login/SelectCharacterMobileScene';
 import {HdpiManager} from "./Phaser/Services/HdpiManager";
 import {waScaleManager} from "./Phaser/Services/WaScaleManager";
 import {Game} from "./Phaser/Game/Game";
 import App from './Components/App.svelte';
 import {HtmlUtils} from "./WebRtc/HtmlUtils";
 import WebGLRenderer = Phaser.Renderer.WebGL.WebGLRenderer;
 const {width, height} = coWebsiteManager.getGameSize();
@@ -87,7 +91,7 @@ const config: GameConfig = {
    },
    scene: [EntryScene,
        LoginScene,
-        SelectCharacterScene,
+        isMobile() ? SelectCharacterMobileScene : SelectCharacterScene,
        SelectCompanionScene,
        EnableCameraScene,
        ReconnectingScene,
@@ -122,11 +126,11 @@ const config: GameConfig = {
    powerPreference: "low-power",
    callbacks: {
        postBoot: game => {
-            // Commented out to try to fix MacOS bug
+            // Install rexOutlinePipeline only if the renderer is WebGL.
-            /*const renderer = game.renderer;
+            const renderer = game.renderer;
            if (renderer instanceof WebGLRenderer) {
-                renderer.pipelines.add(OutlinePipeline.KEY, new OutlinePipeline(game));
+                game.plugins.install('rexOutlinePipeline', OutlinePipelinePlugin, true);
-            }*/
+            }
        }
    }
 };
@@ -1,4 +1,3 @@
 declare module 'phaser3-rex-plugins/plugins/virtualjoystick.js' {
    const content: any; // eslint-disable-line
    export default content;
@@ -11,6 +10,17 @@ declare module 'phaser3-rex-plugins/plugins/webfontloader-plugin.js' {
    const content: any; // eslint-disable-line
    export default content;
 }
 declare module 'phaser3-rex-plugins/plugins/outlinepipeline-plugin.js' {
    import GameObject = Phaser.GameObjects.GameObject;
    class OutlinePipelinePlugin {
        add(gameObject: GameObject, config: object);
        remove(gameObject: GameObject, name?: string);
    }
    export default OutlinePipelinePlugin;
 }
 declare module 'phaser3-rex-plugins/plugins/gestures.js' {
    export const Pinch: any; // eslint-disable-line
 }
@@ -5,3 +5,4 @@
@import "style";
@import "mobile-style.scss";
@import "fonts.scss";
@import "svelte-style.scss";
@@ -672,18 +672,15 @@ input[type=range]:focus::-ms-fill-upper {
    grid-template-columns: repeat(4, 1fr);
 }
-
+/*GLOBAL MESSAGE*/
-/*CONSOLE*/
+.message-container {
 .message-container,
 .main-console {
    position: absolute;
    width: 80%;
    height: 80%;
    min-height: 200px;
    max-height: 80%;
    top: -80%;
-    /*left: 10%;*/
+    //left: 10%;
    left: 250px;
    background: #333333;
    z-index: 200;
@@ -706,7 +703,6 @@ input[type=range]:focus::-ms-fill-upper {
    max-height: 400px;
 }
 .main-console div.console,
 .message-container div.clear {
    position: absolute;
    color: white;
@@ -721,22 +717,11 @@ input[type=range]:focus::-ms-fill-upper {
    text-align: center;
 }
 .main-console div.message,
 .main-console div.setting {
    display: none;
 }
 .main-console div.message.active,
 .main-console div.setting.active {
    display: block;
 }
 .message-container div.clear{
    width: 100px;
    left: calc(50% - 50px);
 }
 .main-console div.console img,
 .message-container div.clear img{
    margin-top: 6px;
    width: 30px;
@@ -747,107 +732,24 @@ input[type=range]:focus::-ms-fill-upper {
    opacity: 0.5;
 }
 .main-console div.console img:hover,
 .message-container div.clear img:hover{
    opacity: 1;
 }
 .main-console div.console img.active,
 .message-container div.clear img{
    transform: rotateY(3.142rad);
    opacity: 1;
 }
 .main-console div.console p,
 .message-container div.clear p{
    margin-top: 12px;
 }
 .main-console div.console:hover,
 .message-container div.clear:hover {
    top: calc(100% + 5px);
    transform: scale(1.2) translateY(3px);
 }
 .main-console #input-send-text {
    min-height: 200px;
 }
 .main-console #input-send-text .ql-editor {
    color: white;
    min-height: 200px;
    max-height: 300px;
 }
 .main-console .ql-toolbar {
    background: white;
 }
 .main-console .btn-action {
    margin: 10px;
    text-align: center;
 }
 .main-console .btn-action .btn {
    border: 1px solid black;
    background-color: #00000000;
    color: #ffda01;
    border-radius: 15px;
    padding: 10px 30px;
    transition: all .2s ease;
 }
 .main-console .btn-action .btn:hover{
    background-color: #ffda01;
    color: black;
    border: 1px solid black;
    transform: scale(1.1);
 }
 .main-console .menu {
    padding: 20px;
    color: #ffffffa6;
    text-align: center;
 }
 .main-console .menu span {
    margin: 20px;
 }
 .main-console .menu span.active {
    color: white;
    border-bottom: solid 1px white;
 }
 .main-console section {
    text-align: center;
    display: none;
 }
 .main-console section.active {
    display: block;
 }
 .main-console section div.upload {
    text-align: center;
    border: solid 1px #ffda01;
    height: 150px;
    margin: 10px 200px;
    padding: 20px;
    min-height: 200px;
 }
 .main-console section div.upload label {
    color: #ffda01;
 }
 .main-console section div.upload input {
    display: none;
 }
 .main-console section div.upload label img {
    height: 150px;
 }
 /* VIDEO QUALITY */
@@ -0,0 +1,60 @@
 //Contains all styles not unique to a svelte component.
 //ConsoleGlobalMessage
 div.main-console.nes-container {
  pointer-events: auto;
  margin-left: auto;
  margin-right: auto;
  top: 20vh;
  width: 50vw;
  height: 50vh;
  padding: 0;
  background-color: #333333;
  .btn-action{
    margin: 10px;
    text-align: center;
  }
  .main-global-message {
    width: 100%;
    max-height: 100%;
  }
  .main-global-message h2 {
    text-align: center;
    color: white;
  }
  div.global-message {
    display: flex;
    max-height: 100%;
    width: 100%;
  }
  div.menu {
    flex: auto;
  }
  div.menu button {
    margin: 7px;
  }
  .main-input {
    width: 95%;
  }
 //InputTextGlobalMessage
  .section-input-send-text {
    margin: 10px;
  }
  .section-input-send-text .input-send-text .ql-editor{
    color: white;
    min-height: 200px;
  }
  .section-input-send-text .ql-toolbar{
    background: white;
  }
 }
@@ -1,10 +1,12 @@
 import "jasmine";
 import {Room} from "../../../src/Connexion/Room";
-import {LayersIterator} from "../../../src/Phaser/Map/LayersIterator";
+import {flattenGroupLayersMap} from "../../../src/Phaser/Map/LayersFlattener";
 import type {ITiledMapLayer} from "../../../src/Phaser/Map/ITiledMap";
-describe("Layers iterator", () => {
+describe("Layers flattener", () => {
    it("should iterate maps with no group", () => {
-        const layersIterator = new LayersIterator({
+        let flatLayers:ITiledMapLayer[] = [];
        flatLayers = flattenGroupLayersMap({
            "compressionlevel": -1,
            "height": 2,
            "infinite": false,
@@ -47,14 +49,15 @@ describe("Layers iterator", () => {
        })
        const layers = [];
-        for (const layer of layersIterator) {
+        for (const layer of flatLayers) {
            layers.push(layer.name);
        }
        expect(layers).toEqual(['Tile Layer 1', 'Tile Layer 2']);
    });
    it("should iterate maps with recursive groups", () => {
-        const layersIterator = new LayersIterator({
+        let flatLayers:ITiledMapLayer[] = [];
        flatLayers = flattenGroupLayersMap({
            "compressionlevel": -1,
            "height": 2,
            "infinite": false,
@@ -139,7 +142,7 @@ describe("Layers iterator", () => {
        })
        const layers = [];
-        for (const layer of layersIterator) {
+        for (const layer of flatLayers) {
            layers.push(layer.name);
        }
        expect(layers).toEqual(['Group 1/Group 3/Tile3', 'Group 1/Group 3/Tile2', 'Group 1/Group 2/Tile1']);
@@ -569,6 +569,14 @@ after@0.8.2:
  resolved "https://registry.yarnpkg.com/after/-/after-0.8.2.tgz#fedb394f9f0e02aa9768e702bda23b505fae7e1f"
  integrity sha1-/ts5T58OAqqXaOcCvaI7UF+ufh8=
 aggregate-error@^3.0.0:
  version "3.1.0"
  resolved "https://registry.yarnpkg.com/aggregate-error/-/aggregate-error-3.1.0.tgz#92670ff50f5359bdb7a3e0d40d0ec30c5737687a"
  integrity sha512-4I7Td01quW/RpocfNayFdFVk1qSuoh0E7JrbRJ16nH01HhKFQ88INq9Sd+nd72zqRySlr9BmDA8xlEJ6vJMrYA==
  dependencies:
    clean-stack "^2.0.0"
    indent-string "^4.0.0"
 ajv-errors@^1.0.0:
  version "1.0.1"
  resolved "https://registry.yarnpkg.com/ajv-errors/-/ajv-errors-1.0.1.tgz#f35986aceb91afadec4102fbd85014950cefa64d"
@@ -609,6 +617,13 @@ ansi-colors@^4.1.1:
  resolved "https://registry.yarnpkg.com/ansi-colors/-/ansi-colors-4.1.1.tgz#cbb9ae256bf750af1eab344f229aa27fe94ba348"
  integrity sha512-JoX0apGbHaUJBNl6yF+p6JAFYZ666/hhCGKN5t9QFjbJQKUU/g8MNbFDbvfrgKXvI1QpZplPOnwIo99lX/AAmA==
 ansi-escapes@^4.3.0:
  version "4.3.2"
  resolved "https://registry.yarnpkg.com/ansi-escapes/-/ansi-escapes-4.3.2.tgz#6b2291d1db7d98b6521d5f1efa42d0f3a9feb65e"
  integrity sha512-gKXj5ALrKWQLsYG9jlTRmR/xKluxHV+Z9QEwNIgCfM1/uwPMCuzVVnh5mwTd+OuBZcwSIMbqssNWRm1lE51QaQ==
  dependencies:
    type-fest "^0.21.3"
 ansi-html@0.0.7:
  version "0.0.7"
  resolved "https://registry.yarnpkg.com/ansi-html/-/ansi-html-0.0.7.tgz#813584021962a9e9e6fd039f940d12f56ca7859e"
@@ -1121,7 +1136,7 @@ chalk@^2.0.0, chalk@^2.4.1:
    escape-string-regexp "^1.0.5"
    supports-color "^5.3.0"
-chalk@^4.0.0, chalk@^4.1.0:
+chalk@^4.0.0, chalk@^4.1.0, chalk@^4.1.1:
  version "4.1.1"
  resolved "https://registry.yarnpkg.com/chalk/-/chalk-4.1.1.tgz#c80b3fab28bf6371e6863325eee67e618b77e6ad"
  integrity sha512-diHzdDKxcU+bAsUboHLPEDQiw0qEe0qd7SYUn3HgcFlWgbDcfLGswOHYeGrHKzG9z6UYf01d9VFMfZxPM1xZSg==
@@ -1208,6 +1223,26 @@ clean-css@^4.2.3:
  dependencies:
    source-map "~0.6.0"
 clean-stack@^2.0.0:
  version "2.2.0"
  resolved "https://registry.yarnpkg.com/clean-stack/-/clean-stack-2.2.0.tgz#ee8472dbb129e727b31e8a10a427dee9dfe4008b"
  integrity sha512-4diC9HaTE+KRAMWhDhrGOECgWZxoevMc5TlkObMqNSsVU62PYzXZ/SMTjzyGAFF1YusgxGcSWTEXBhp0CPwQ1A==
 cli-cursor@^3.1.0:
  version "3.1.0"
  resolved "https://registry.yarnpkg.com/cli-cursor/-/cli-cursor-3.1.0.tgz#264305a7ae490d1d03bf0c9ba7c925d1753af307"
  integrity sha512-I/zHAwsKf9FqGoXM4WWRACob9+SNukZTd94DWF57E4toouRulbCxcUh6RKUEOQlYTHJnzkPMySvPNaaSLNfLZw==
  dependencies:
    restore-cursor "^3.1.0"
 cli-truncate@^2.1.0:
  version "2.1.0"
  resolved "https://registry.yarnpkg.com/cli-truncate/-/cli-truncate-2.1.0.tgz#c39e28bf05edcde5be3b98992a22deed5a2b93c7"
  integrity sha512-n8fOixwDD6b/ObinzTrp1ZKFzbgvKZvuz/TvejnLn1aQfC6r52XEx85FmuC+3HI+JM7coBRXUvNqEU2PHVrHpg==
  dependencies:
    slice-ansi "^3.0.0"
    string-width "^4.2.0"
 cliui@^5.0.0:
  version "5.0.0"
  resolved "https://registry.yarnpkg.com/cliui/-/cliui-5.0.0.tgz#deefcfdb2e800784aa34f46fa08e06851c7bbbc5"
@@ -1278,7 +1313,7 @@ commander@^4.1.1:
  resolved "https://registry.yarnpkg.com/commander/-/commander-4.1.1.tgz#9fd602bd936294e9e9ef46a3f4d6964044b18068"
  integrity sha512-NOKm8xhkzAjzFx8B2v5OAHT+u5pRQc2UCa2Vq9jYL/31o2wi9mxBA7LIFs3sV5VSC49z6pEhfbMULvShKj26WA==
-commander@^7.0.0:
+commander@^7.0.0, commander@^7.2.0:
  version "7.2.0"
  resolved "https://registry.yarnpkg.com/commander/-/commander-7.2.0.tgz#a36cb57d0b501ce108e4d20559a150a391d97ab7"
  integrity sha512-QrWXB+ZQSVPmIWIhtEO9H+gwHaMGYiF5ChvoJ+K9ZGHG/sVsa6yiesAD1GC/x46sET00Xlwo1u49RVVVzvcSkw==
@@ -1381,6 +1416,17 @@ cosmiconfig@^6.0.0:
    path-type "^4.0.0"
    yaml "^1.7.2"
 cosmiconfig@^7.0.0:
  version "7.0.0"
  resolved "https://registry.yarnpkg.com/cosmiconfig/-/cosmiconfig-7.0.0.tgz#ef9b44d773959cae63ddecd122de23853b60f8d3"
  integrity sha512-pondGvTuVYDk++upghXJabWzL6Kxu6f26ljFw64Swq9v6sQPUL3EUlVDV56diOjpCayKihL6hVe8exIACU4XcA==
  dependencies:
    "@types/parse-json" "^4.0.0"
    import-fresh "^3.2.1"
    parse-json "^5.0.0"
    path-type "^4.0.0"
    yaml "^1.10.0"
 create-ecdh@^4.0.0:
  version "4.0.4"
  resolved "https://registry.yarnpkg.com/create-ecdh/-/create-ecdh-4.0.4.tgz#d6e7f4bffa66736085a0762fd3a632684dabcc4e"
@@ -1536,6 +1582,11 @@ decode-uri-component@^0.2.0:
  resolved "https://registry.yarnpkg.com/decode-uri-component/-/decode-uri-component-0.2.0.tgz#eb3913333458775cb84cd1a1fae062106bb87545"
  integrity sha1-6zkTMzRYd1y4TNGh+uBiEGu4dUU=
 dedent@^0.7.0:
  version "0.7.0"
  resolved "https://registry.yarnpkg.com/dedent/-/dedent-0.7.0.tgz#2495ddbaf6eb874abb0e1be9df22d2e5a544326c"
  integrity sha1-JJXduvbrh0q7Dhvp3yLS5aVEMmw=
 deep-equal@^1.0.1:
  version "1.1.1"
  resolved "https://registry.yarnpkg.com/deep-equal/-/deep-equal-1.1.1.tgz#b5c98c942ceffaf7cb051e24e1434a25a2e6076a"
@@ -1848,7 +1899,7 @@ enhanced-resolve@^5.0.0, enhanced-resolve@^5.8.0:
    graceful-fs "^4.2.4"
    tapable "^2.2.0"
-enquirer@^2.3.5:
+enquirer@^2.3.5, enquirer@^2.3.6:
  version "2.3.6"
  resolved "https://registry.yarnpkg.com/enquirer/-/enquirer-2.3.6.tgz#2a7fe5dd634a1e4125a975ec994ff5456dc3734d"
  integrity sha512-yjNnPr315/FjS4zIsUxYguYUPP2e1NK4d7E7ZOLiyYCcbFBiTMyID+2wvm2w6+pZ/odMA7cRkjhsPbltwBOrLg==
@@ -2464,6 +2515,11 @@ get-intrinsic@^1.0.2, get-intrinsic@^1.1.1:
    has "^1.0.3"
    has-symbols "^1.0.1"
 get-own-enumerable-property-symbols@^3.0.0:
  version "3.0.2"
  resolved "https://registry.yarnpkg.com/get-own-enumerable-property-symbols/-/get-own-enumerable-property-symbols-3.0.2.tgz#b5fde77f22cbe35f390b4e089922c50bce6ef664"
  integrity sha512-I0UBV/XOz1XkIJHEUDMZAbzCThU/H8DxmSfmdGcKPnVhu2VfFqr34jr9777IyaTYvxjedWhqVIilEDsCdP5G6g==
 get-stream@^4.0.0:
  version "4.1.0"
  resolved "https://registry.yarnpkg.com/get-stream/-/get-stream-4.1.0.tgz#c1b255575f3dc21d59bfc79cd3d2b46b1c3a54b5"
@@ -2870,6 +2926,11 @@ imurmurhash@^0.1.4:
  resolved "https://registry.yarnpkg.com/imurmurhash/-/imurmurhash-0.1.4.tgz#9218b9b2b928a238b13dc4fb6b6d576f231453ea"
  integrity sha1-khi5srkoojixPcT7a21XbyMUU+o=
 indent-string@^4.0.0:
  version "4.0.0"
  resolved "https://registry.yarnpkg.com/indent-string/-/indent-string-4.0.0.tgz#624f8f4497d619b2d9768531d58f4122854d7251"
  integrity sha512-EdDDZu4A2OyIK7Lr/2zG+w5jmbuk1DVBnEwREQvBzspBJkCEbRa8GxU1lghYcaGJCnRWibjDXlq779X1/y5xwg==
 indexof@0.0.1:
  version "0.0.1"
  resolved "https://registry.yarnpkg.com/indexof/-/indexof-0.0.1.tgz#82dc336d232b9062179d05ab3293a66059fd435d"
@@ -3108,6 +3169,11 @@ is-number@^7.0.0:
  resolved "https://registry.yarnpkg.com/is-number/-/is-number-7.0.0.tgz#7535345b896734d5f80c4d06c50955527a14f12b"
  integrity sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==
 is-obj@^1.0.1:
  version "1.0.1"
  resolved "https://registry.yarnpkg.com/is-obj/-/is-obj-1.0.1.tgz#3e4729ac1f5fde025cd7d83a896dab9f4f67db0f"
  integrity sha1-PkcprB9f3gJc19g6iW2rn09n2w8=
 is-path-cwd@^2.0.0:
  version "2.2.0"
  resolved "https://registry.yarnpkg.com/is-path-cwd/-/is-path-cwd-2.2.0.tgz#67d43b82664a7b5191fd9119127eb300048a9fdb"
@@ -3152,6 +3218,11 @@ is-regex@^1.0.4, is-regex@^1.1.2:
    call-bind "^1.0.2"
    has-symbols "^1.0.2"
 is-regexp@^1.0.0:
  version "1.0.0"
  resolved "https://registry.yarnpkg.com/is-regexp/-/is-regexp-1.0.0.tgz#fd2d883545c46bac5a633e7b9a09e87fa2cb5069"
  integrity sha1-/S2INUXEa6xaYz57mgnof6LLUGk=
 is-stream@^1.1.0:
  version "1.1.0"
  resolved "https://registry.yarnpkg.com/is-stream/-/is-stream-1.1.0.tgz#12d4a3dd4e68e0b79ceb8dbc84173ae80d91ca44"
@@ -3185,6 +3256,11 @@ is-typed-array@^1.1.3:
    foreach "^2.0.5"
    has-symbols "^1.0.1"
 is-unicode-supported@^0.1.0:
  version "0.1.0"
  resolved "https://registry.yarnpkg.com/is-unicode-supported/-/is-unicode-supported-0.1.0.tgz#3f26c76a809593b52bfa2ecb5710ed2779b522a7"
  integrity sha512-knxG2q4UC3u8stRGyAVJCOdxFmv5DZiRcdlIaAQXAbSfJya+OhopNotLQrstBhququ4ZpuKbDc/8S6mgXgPFPw==
 is-windows@^1.0.2:
  version "1.0.2"
  resolved "https://registry.yarnpkg.com/is-windows/-/is-windows-1.0.2.tgz#d1850eb9791ecd18e6182ce12a30f396634bb19d"
@@ -3362,6 +3438,40 @@ linked-list-typescript@^1.0.11:
  resolved "https://registry.yarnpkg.com/linked-list-typescript/-/linked-list-typescript-1.0.15.tgz#faeed93cf9203f102e2158c29edcddda320abe82"
  integrity sha512-RIyUu9lnJIyIaMe63O7/aFv/T2v3KsMFuXMBbUQCHX+cgtGro86ETDj5ed0a8gQL2+DFjzYYsgVG4I36/cUwgw==
 lint-staged@^11.0.0:
  version "11.0.0"
  resolved "https://registry.yarnpkg.com/lint-staged/-/lint-staged-11.0.0.tgz#24d0a95aa316ba28e257f5c4613369a75a10c712"
  integrity sha512-3rsRIoyaE8IphSUtO1RVTFl1e0SLBtxxUOPBtHxQgBHS5/i6nqvjcUfNioMa4BU9yGnPzbO+xkfLtXtxBpCzjw==
  dependencies:
    chalk "^4.1.1"
    cli-truncate "^2.1.0"
    commander "^7.2.0"
    cosmiconfig "^7.0.0"
    debug "^4.3.1"
    dedent "^0.7.0"
    enquirer "^2.3.6"
    execa "^5.0.0"
    listr2 "^3.8.2"
    log-symbols "^4.1.0"
    micromatch "^4.0.4"
    normalize-path "^3.0.0"
    please-upgrade-node "^3.2.0"
    string-argv "0.3.1"
    stringify-object "^3.3.0"
 listr2@^3.8.2:
  version "3.10.0"
  resolved "https://registry.yarnpkg.com/listr2/-/listr2-3.10.0.tgz#58105a53ed7fa1430d1b738c6055ef7bb006160f"
  integrity sha512-eP40ZHihu70sSmqFNbNy2NL1YwImmlMmPh9WO5sLmPDleurMHt3n+SwEWNu2kzKScexZnkyFtc1VI0z/TGlmpw==
  dependencies:
    cli-truncate "^2.1.0"
    colorette "^1.2.2"
    log-update "^4.0.0"
    p-map "^4.0.0"
    rxjs "^6.6.7"
    through "^2.3.8"
    wrap-ansi "^7.0.0"
 load-json-file@^4.0.0:
  version "4.0.0"
  resolved "https://registry.yarnpkg.com/load-json-file/-/load-json-file-4.0.0.tgz#2f5f45ab91e33216234fd53adab668eb4ec0993b"
@@ -3416,6 +3526,24 @@ lodash@^4.17.11, lodash@^4.17.14, lodash@^4.17.15, lodash@^4.17.20, lodash@^4.17
  resolved "https://registry.yarnpkg.com/lodash/-/lodash-4.17.21.tgz#679591c564c3bffaae8454cf0b3df370c3d6911c"
  integrity sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==
 log-symbols@^4.1.0:
  version "4.1.0"
  resolved "https://registry.yarnpkg.com/log-symbols/-/log-symbols-4.1.0.tgz#3fbdbb95b4683ac9fc785111e792e558d4abd503"
  integrity sha512-8XPvpAA8uyhfteu8pIvQxpJZ7SYYdpUivZpGy6sFsBuKRY/7rQGavedeB8aK+Zkyq6upMFVL/9AW6vOYzfRyLg==
  dependencies:
    chalk "^4.1.0"
    is-unicode-supported "^0.1.0"
 log-update@^4.0.0:
  version "4.0.0"
  resolved "https://registry.yarnpkg.com/log-update/-/log-update-4.0.0.tgz#589ecd352471f2a1c0c570287543a64dfd20e0a1"
  integrity sha512-9fkkDevMefjg0mmzWFBW8YkFP91OrizzkW3diF7CpG+S2EYdy4+TVfGwz1zeF8x7hCx1ovSPTOE9Ngib74qqUg==
  dependencies:
    ansi-escapes "^4.3.0"
    cli-cursor "^3.1.0"
    slice-ansi "^4.0.0"
    wrap-ansi "^6.2.0"
 loglevel@^1.6.8:
  version "1.7.1"
  resolved "https://registry.yarnpkg.com/loglevel/-/loglevel-1.7.1.tgz#005fde2f5e6e47068f935ff28573e125ef72f197"
@@ -3530,7 +3658,7 @@ micromatch@^3.1.10, micromatch@^3.1.4:
    snapdragon "^0.8.1"
    to-regex "^3.0.2"
-micromatch@^4.0.0, micromatch@^4.0.2:
+micromatch@^4.0.0, micromatch@^4.0.2, micromatch@^4.0.4:
  version "4.0.4"
  resolved "https://registry.yarnpkg.com/micromatch/-/micromatch-4.0.4.tgz#896d519dfe9db25fce94ceb7a500919bf881ebf9"
  integrity sha512-pRmzw/XUcwXGpD9aI9q/0XOwLNygjETJ8y0ao0wdqprrzDa4YnxLcz7fQRZr8voh8V10kGhABbNcHVk5wHgWwg==
@@ -3900,7 +4028,7 @@ once@^1.3.0, once@^1.3.1, once@^1.4.0:
  dependencies:
    wrappy "1"
-onetime@^5.1.2:
+onetime@^5.1.0, onetime@^5.1.2:
  version "5.1.2"
  resolved "https://registry.yarnpkg.com/onetime/-/onetime-5.1.2.tgz#d0e96ebb56b07476df1dd9c4806e5237985ca45e"
  integrity sha512-kbpaSSGJTWdAY5KPVeMOKXSrPtr8C8C7wodJbcsd51jRnmD+GZu8Y0VoU6Dm5Z4vWr0Ig/1NKuWRKf7j5aaYSg==
@@ -3976,6 +4104,13 @@ p-map@^2.0.0:
  resolved "https://registry.yarnpkg.com/p-map/-/p-map-2.1.0.tgz#310928feef9c9ecc65b68b17693018a665cea175"
  integrity sha512-y3b8Kpd8OAN444hxfBbFfj1FY/RjtTd8tzYwhUqNYXx0fXx2iX4maP4Qr6qhIKbQXI02wTLAda4fYUbDagTUFw==
 p-map@^4.0.0:
  version "4.0.0"
  resolved "https://registry.yarnpkg.com/p-map/-/p-map-4.0.0.tgz#bb2f95a5eda2ec168ec9274e06a747c3e2904d2b"
  integrity sha512-/bjOqmgETBYB5BoEeGVea8dmvHb2m9GLy1E9W43yeyfP6QQCZGFNa+XRceJEuDB6zqr+gKpIAmlLebMpykw/MQ==
  dependencies:
    aggregate-error "^3.0.0"
 p-retry@^3.0.1:
  version "3.0.1"
  resolved "https://registry.yarnpkg.com/p-retry/-/p-retry-3.0.1.tgz#316b4c8893e2c8dc1cfa891f406c4b422bebf328"
@@ -4161,9 +4296,9 @@ pbkdf2@^3.0.3:
    safe-buffer "^5.0.1"
    sha.js "^2.4.8"
-phaser-animated-tiles@Informatic/phaser-animated-tiles#2d5c66a9bc426dd4cb2d856c1d599494a74f8067:
+phaser-animated-tiles@workadventure/phaser-animated-tiles#da68bbededd605925621dd4f03bd27e69284b254:
  version "2.0.2"
-  resolved "https://codeload.github.com/Informatic/phaser-animated-tiles/tar.gz/2d5c66a9bc426dd4cb2d856c1d599494a74f8067"
+  resolved "https://codeload.github.com/workadventure/phaser-animated-tiles/tar.gz/da68bbededd605925621dd4f03bd27e69284b254"
 phaser3-rex-plugins@^1.1.42:
  version "1.1.47"
@@ -4234,6 +4369,13 @@ pkg-dir@^4.2.0:
  dependencies:
    find-up "^4.0.0"
 please-upgrade-node@^3.2.0:
  version "3.2.0"
  resolved "https://registry.yarnpkg.com/please-upgrade-node/-/please-upgrade-node-3.2.0.tgz#aeddd3f994c933e4ad98b99d9a556efa0e2fe942"
  integrity sha512-gQR3WpIgNIKwBMVLkpMUeR3e1/E1y42bqDQZfql+kDeXd8COYfM8PQA4X6y7a8u9Ua9FHmsrrmirW2vHs45hWg==
  dependencies:
    semver-compare "^1.0.0"
 portfinder@^1.0.26:
  version "1.0.28"
  resolved "https://registry.yarnpkg.com/portfinder/-/portfinder-1.0.28.tgz#67c4622852bd5374dd1dd900f779f53462fac778"
@@ -4312,6 +4454,11 @@ prelude-ls@^1.2.1:
  resolved "https://registry.yarnpkg.com/prelude-ls/-/prelude-ls-1.2.1.tgz#debc6489d7a6e6b0e7611888cec880337d316396"
  integrity sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==
 prettier@^2.3.1:
  version "2.3.1"
  resolved "https://registry.yarnpkg.com/prettier/-/prettier-2.3.1.tgz#76903c3f8c4449bc9ac597acefa24dc5ad4cbea6"
  integrity sha512-p+vNbgpLjif/+D+DwAZAbndtRrR0md0MwfmOVN9N+2RgyACMT+7tfaRnT+WDPkqnuVwleyuBIG2XBxKDme3hPA==
 pretty-error@^2.1.1:
  version "2.1.2"
  resolved "https://registry.yarnpkg.com/pretty-error/-/pretty-error-2.1.2.tgz#be89f82d81b1c86ec8fdfbc385045882727f93b6"
@@ -4641,6 +4788,14 @@ resolve@^1.10.0, resolve@^1.9.0:
    is-core-module "^2.2.0"
    path-parse "^1.0.6"
 restore-cursor@^3.1.0:
  version "3.1.0"
  resolved "https://registry.yarnpkg.com/restore-cursor/-/restore-cursor-3.1.0.tgz#39f67c54b3a7a58cea5236d95cf0034239631f7e"
  integrity sha512-l+sSefzHpj5qimhFSE5a8nufZYAM3sBSVMAPtYkmC+4EH2anSGaEMXSD0izRQbu9nfyQ9y5JrVmp7E8oZrUjvA==
  dependencies:
    onetime "^5.1.0"
    signal-exit "^3.0.2"
 ret@~0.1.10:
  version "0.1.15"
  resolved "https://registry.yarnpkg.com/ret/-/ret-0.1.15.tgz#b8a4825d5bdb1fc3f6f53c2bc33f81388681c7bc"
@@ -4685,7 +4840,7 @@ run-parallel@^1.1.9:
  dependencies:
    queue-microtask "^1.2.2"
-rxjs@^6.6.3:
+rxjs@^6.6.3, rxjs@^6.6.7:
  version "6.6.7"
  resolved "https://registry.yarnpkg.com/rxjs/-/rxjs-6.6.7.tgz#90ac018acabf491bf65044235d5863c4dab804c9"
  integrity sha512-hTdwr+7yYNIT5n4AMYp85KA6yw2Va0FLa3Rguvbpa4W3I5xynaBZo41cM3XM+4Q6fRMj3sBYIR1VAmZMXYJvRQ==
@@ -4788,6 +4943,11 @@ selfsigned@^1.10.8:
  dependencies:
    node-forge "^0.10.0"
 semver-compare@^1.0.0:
  version "1.0.0"
  resolved "https://registry.yarnpkg.com/semver-compare/-/semver-compare-1.0.0.tgz#0dee216a1c941ab37e9efb1788f6afc5ff5537fc"
  integrity sha1-De4hahyUGrN+nvsXiPavxf9VN/w=
 "semver@2 || 3 || 4 || 5", semver@^5.5.0:
  version "5.7.1"
  resolved "https://registry.yarnpkg.com/semver/-/semver-5.7.1.tgz#a954f931aeba508d307bbf069eff0c01c96116f7"
@@ -4928,7 +5088,7 @@ shell-quote@^1.6.1:
  resolved "https://registry.yarnpkg.com/shell-quote/-/shell-quote-1.7.2.tgz#67a7d02c76c9da24f99d20808fcaded0e0e04be2"
  integrity sha512-mRz/m/JVscCrkMyPqHc/bczi3OQHkLTqXHEFu0zDhK/qfv3UcOA4SVmRCLmos4bhjr9ekVQubj/R7waKapmiQg==
-signal-exit@^3.0.0, signal-exit@^3.0.3:
+signal-exit@^3.0.0, signal-exit@^3.0.2, signal-exit@^3.0.3:
  version "3.0.3"
  resolved "https://registry.yarnpkg.com/signal-exit/-/signal-exit-3.0.3.tgz#a1410c2edd8f077b08b4e253c8eacfcaf057461c"
  integrity sha512-VUJ49FC8U1OxwZLxIbTTrDvLnf/6TDgxZcK8wxR8zs13xpx7xbG60ndBlhNrFi2EMuFRoeDoJO7wthSLq42EjA==
@@ -4951,6 +5111,15 @@ slash@^3.0.0:
  resolved "https://registry.yarnpkg.com/slash/-/slash-3.0.0.tgz#6539be870c165adbd5240220dbe361f1bc4d4634"
  integrity sha512-g9Q1haeby36OSStwb4ntCGGGaKsaVSjQ68fBxoQcutl5fS1vuY18H3wSt3jFyFtrkx+Kz0V1G85A4MyAdDMi2Q==
 slice-ansi@^3.0.0:
  version "3.0.0"
  resolved "https://registry.yarnpkg.com/slice-ansi/-/slice-ansi-3.0.0.tgz#31ddc10930a1b7e0b67b08c96c2f49b77a789787"
  integrity sha512-pSyv7bSTC7ig9Dcgbw9AuRNUb5k5V6oDudjZoMBSr13qpLBG7tB+zgCkARjq7xIUgdz5P1Qe8u+rSGdouOOIyQ==
  dependencies:
    ansi-styles "^4.0.0"
    astral-regex "^2.0.0"
    is-fullwidth-code-point "^3.0.0"
 slice-ansi@^4.0.0:
  version "4.0.0"
  resolved "https://registry.yarnpkg.com/slice-ansi/-/slice-ansi-4.0.0.tgz#500e8dd0fd55b05815086255b3195adf2a45fe6b"
@@ -5187,6 +5356,11 @@ stream-http@^3.2.0:
    readable-stream "^3.6.0"
    xtend "^4.0.2"
 string-argv@0.3.1:
  version "0.3.1"
  resolved "https://registry.yarnpkg.com/string-argv/-/string-argv-0.3.1.tgz#95e2fbec0427ae19184935f816d74aaa4c5c19da"
  integrity sha512-a1uQGz7IyVy9YwhqjZIZu1c8JO8dNIe20xBmSS6qu9kv++k3JGzCVmprbNN5Kn+BgzD5E7YYwg1CcjuJMRNsvg==
 string-width@^3.0.0, string-width@^3.1.0:
  version "3.1.0"
  resolved "https://registry.yarnpkg.com/string-width/-/string-width-3.1.0.tgz#22767be21b62af1081574306f69ac51b62203961"
@@ -5196,7 +5370,7 @@ string-width@^3.0.0, string-width@^3.1.0:
    is-fullwidth-code-point "^2.0.0"
    strip-ansi "^5.1.0"
-string-width@^4.2.0:
+string-width@^4.1.0, string-width@^4.2.0:
  version "4.2.2"
  resolved "https://registry.yarnpkg.com/string-width/-/string-width-4.2.2.tgz#dafd4f9559a7585cfba529c6a0a4f73488ebd4c5"
  integrity sha512-XBJbT3N4JhVumXE0eoLU9DCjcaF92KLNqTmFCnG1pf8duUxFGwtP6AD6nkjw9a3IdiRtL3E2w3JDiE/xi3vOeA==
@@ -5244,6 +5418,15 @@ string_decoder@~1.1.1:
  dependencies:
    safe-buffer "~5.1.0"
 stringify-object@^3.3.0:
  version "3.3.0"
  resolved "https://registry.yarnpkg.com/stringify-object/-/stringify-object-3.3.0.tgz#703065aefca19300d3ce88af4f5b3956d7556629"
  integrity sha512-rHqiFh1elqCQ9WPLIC8I0Q/g/wj5J1eMkyoiD6eoQApWHP0FtlK7rqnhmabL5VUY9JQCcqwwvlOaSuutekgyrw==
  dependencies:
    get-own-enumerable-property-symbols "^3.0.0"
    is-obj "^1.0.1"
    is-regexp "^1.0.0"
 strip-ansi@^3.0.0, strip-ansi@^3.0.1:
  version "3.0.1"
  resolved "https://registry.yarnpkg.com/strip-ansi/-/strip-ansi-3.0.1.tgz#6a385fb8853d952d5ff05d0e8aaf94278dc63dcf"
@@ -5419,6 +5602,11 @@ text-table@^0.2.0:
  resolved "https://registry.yarnpkg.com/text-table/-/text-table-0.2.0.tgz#7f5ee823ae805207c00af2df4a84ec3fcfa570b4"
  integrity sha1-f17oI66AUgfACvLfSoTsP8+lcLQ=
 through@^2.3.8:
  version "2.3.8"
  resolved "https://registry.yarnpkg.com/through/-/through-2.3.8.tgz#0dd4c9ffaabc357960b1b724115d7e0e86a2e1f5"
  integrity sha1-DdTJ/6q8NXlgsbckEV1+Doai4fU=
 thunky@^1.0.2:
  version "1.1.0"
  resolved "https://registry.yarnpkg.com/thunky/-/thunky-1.1.0.tgz#5abaf714a9405db0504732bbccd2cedd9ef9537d"
@@ -5539,6 +5727,11 @@ type-fest@^0.20.2:
  resolved "https://registry.yarnpkg.com/type-fest/-/type-fest-0.20.2.tgz#1bf207f4b28f91583666cb5fbd327887301cd5f4"
  integrity sha512-Ne+eE4r0/iWnpAxD852z3A+N0Bt5RN//NjJwRd2VFHEmrywxf5vsZlh4R6lixl6B+wz/8d+maTSAkN1FIkI3LQ==
 type-fest@^0.21.3:
  version "0.21.3"
  resolved "https://registry.yarnpkg.com/type-fest/-/type-fest-0.21.3.tgz#d260a24b0198436e133fa26a524a6d65fa3b2e37"
  integrity sha512-t0rzBq87m3fVcduHDUFhKmyyX+9eo6WQjZvf51Ea/M0Q7+T374Jp1aUiyUl0GKxp8M/OETVHSDvmkyPgvX+X2w==
 type-fest@^0.8.1:
  version "0.8.1"
  resolved "https://registry.yarnpkg.com/type-fest/-/type-fest-0.8.1.tgz#09e249ebde851d3b1e48d27c105444667f17b83d"
@@ -5926,6 +6119,24 @@ wrap-ansi@^5.1.0:
    string-width "^3.0.0"
    strip-ansi "^5.0.0"
 wrap-ansi@^6.2.0:
  version "6.2.0"
  resolved "https://registry.yarnpkg.com/wrap-ansi/-/wrap-ansi-6.2.0.tgz#e9393ba07102e6c91a3b221478f0257cd2856e53"
  integrity sha512-r6lPcBGxZXlIcymEu7InxDMhdW0KDxpLgoFLcguasxCaJ/SOIZwINatK9KY/tf+ZrlywOKU0UDj3ATXUBfxJXA==
  dependencies:
    ansi-styles "^4.0.0"
    string-width "^4.1.0"
    strip-ansi "^6.0.0"
 wrap-ansi@^7.0.0:
  version "7.0.0"
  resolved "https://registry.yarnpkg.com/wrap-ansi/-/wrap-ansi-7.0.0.tgz#67e145cff510a6a6984bdf1152911d69d2eb9e43"
  integrity sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==
  dependencies:
    ansi-styles "^4.0.0"
    string-width "^4.1.0"
    strip-ansi "^6.0.0"
 wrappy@1:
  version "1.0.2"
  resolved "https://registry.yarnpkg.com/wrappy/-/wrappy-1.0.2.tgz#b5243d8f3ec1aa35f1364605bc0d1036e30ab69f"
@@ -5963,7 +6174,7 @@ yallist@^4.0.0:
  resolved "https://registry.yarnpkg.com/yallist/-/yallist-4.0.0.tgz#9bb92790d9c0effec63be73519e11a35019a3a72"
  integrity sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==
-yaml@^1.7.2:
+yaml@^1.10.0, yaml@^1.7.2:
  version "1.10.2"
  resolved "https://registry.yarnpkg.com/yaml/-/yaml-1.10.2.tgz#2301c5ffbf12b467de8da2333a459e29e7920e4b"
  integrity sha512-r3vXyErRCYJ7wg28yvBY5VSoAF8ZvlcW9/BwUzEtUsjvX/DKs24dIkuwjtuprwJJHsbyUbLApepYTR1BN4uHrg==
@@ -0,0 +1,13 @@
 <!doctype html>
 <html lang="en">
    <head>
        <script src="http://play.workadventure.localhost/iframe_api.js"></script>
    </head>
    <body>
    	<script>
            WA.ui.registerMenuCommand("test", () => {
                WA.chat.sendChatMessage("test clicked", "menu cmd")
            })
        </script>
    </body>
 </html>
@@ -0,0 +1,279 @@
 { "compressionlevel":-1,
 "editorsettings":
    {
     "export":
        {
         "target":"."
        }
    },
 "height":10,
 "infinite":false,
 "layers":[
        {
         "data":[0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 52, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0],
         "height":10,
         "id":1,
         "name":"start",
         "opacity":1,
         "type":"tilelayer",
         "visible":true,
         "width":10,
         "x":0,
         "y":0
        }, 
        {
         "data":[33, 34, 34, 34, 34, 34, 34, 34, 34, 35, 41, 42, 42, 42, 42, 42, 42, 42, 42, 43, 41, 42, 42, 42, 42, 42, 42, 42, 42, 43, 41, 42, 42, 42, 42, 42, 42, 42, 42, 43, 41, 42, 42, 42, 42, 42, 42, 42, 42, 43, 41, 42, 42, 42, 42, 42, 42, 42, 42, 43, 41, 42, 42, 42, 42, 42, 42, 42, 42, 43, 41, 42, 42, 42, 42, 42, 42, 42, 42, 43, 41, 42, 42, 42, 42, 42, 42, 42, 42, 43, 49, 50, 50, 50, 50, 50, 50, 50, 50, 51],
         "height":10,
         "id":2,
         "name":"bottom",
         "opacity":1,
         "type":"tilelayer",
         "visible":true,
         "width":10,
         "x":0,
         "y":0
        }, 
        {
         "data":[0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 101, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0],
         "height":10,
         "id":6,
         "name":"exit",
         "opacity":1,
         "properties":[
                {
                 "name":"exitUrl",
                 "type":"string",
                 "value":"showHideLayer.json"
                }],
         "type":"tilelayer",
         "visible":true,
         "width":10,
         "x":0,
         "y":0
        }, 
        {
         "data":[0, 0, 0, 0, 0, 0, 128, 128, 128, 128, 0, 0, 0, 0, 0, 0, 128, 128, 128, 128, 0, 0, 0, 0, 0, 0, 128, 128, 128, 128, 0, 0, 0, 0, 0, 0, 128, 128, 128, 128, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0],
         "height":10,
         "id":4,
         "name":"metadata",
         "opacity":1,
         "properties":[
                {
                 "name":"openWebsite",
                 "type":"string",
                 "value":"customMenu.html"
                }, 
                {
                 "name":"openWebsiteAllowApi",
                 "type":"bool",
                 "value":true
                }],
         "type":"tilelayer",
         "visible":true,
         "width":10,
         "x":0,
         "y":0
        }, 
        {
         "draworder":"topdown",
         "id":5,
         "name":"floorLayer",
         "objects":[
                {
                 "height":217.142414860681,
                 "id":1,
                 "name":"",
                 "rotation":0,
                 "text":
                    {
                     "fontfamily":"Sans Serif",
                     "pixelsize":9,
                     "text":"Test : \nWalk on the grass, an iframe open.\nResult : \nOpen the menu, a new sub-menu is displayed.\n\nTest : \nExit the grass\nResult : \nOpen the menu, the submenu has disappeared.\n\nTest : \nClick on the 'HELP' menu.\nResult : \nChat open and a 'HELP' message is displayed.\n\nTest : \nWalk on the red tile then open the menu.\nResult : \nYou have exit the room to another room, the submenu has disappeared.\n",
                     "wrap":true
                    },
                 "type":"",
                 "visible":true,
                 "width":305.097705765524,
                 "x":15.1244925229277,
                 "y":103.029937496349
                }],
         "opacity":1,
         "type":"objectgroup",
         "visible":true,
         "x":0,
         "y":0
        }],
 "nextlayerid":7,
 "nextobjectid":2,
 "orientation":"orthogonal",
 "renderorder":"right-down",
 "tiledversion":"1.4.3",
 "tileheight":32,
 "tilesets":[
        {
         "columns":8,
         "firstgid":1,
         "image":"tileset_dungeon.png",
         "imageheight":256,
         "imagewidth":256,
         "margin":0,
         "name":"TDungeon",
         "spacing":0,
         "tilecount":64,
         "tileheight":32,
         "tiles":[
                {
                 "id":0,
                 "properties":[
                        {
                         "name":"collides",
                         "type":"bool",
                         "value":true
                        }]
                }, 
                {
                 "id":1,
                 "properties":[
                        {
                         "name":"collides",
                         "type":"bool",
                         "value":true
                        }]
                }, 
                {
                 "id":2,
                 "properties":[
                        {
                         "name":"collides",
                         "type":"bool",
                         "value":true
                        }]
                }, 
                {
                 "id":3,
                 "properties":[
                        {
                         "name":"collides",
                         "type":"bool",
                         "value":true
                        }]
                }, 
                {
                 "id":4,
                 "properties":[
                        {
                         "name":"collides",
                         "type":"bool",
                         "value":true
                        }]
                }, 
                {
                 "id":8,
                 "properties":[
                        {
                         "name":"collides",
                         "type":"bool",
                         "value":true
                        }]
                }, 
                {
                 "id":9,
                 "properties":[
                        {
                         "name":"collides",
                         "type":"bool",
                         "value":true
                        }]
                }, 
                {
                 "id":10,
                 "properties":[
                        {
                         "name":"collides",
                         "type":"bool",
                         "value":true
                        }]
                }, 
                {
                 "id":11,
                 "properties":[
                        {
                         "name":"collides",
                         "type":"bool",
                         "value":true
                        }]
                }, 
                {
                 "id":12,
                 "properties":[
                        {
                         "name":"collides",
                         "type":"bool",
                         "value":true
                        }]
                }, 
                {
                 "id":16,
                 "properties":[
                        {
                         "name":"collides",
                         "type":"bool",
                         "value":true
                        }]
                }, 
                {
                 "id":17,
                 "properties":[
                        {
                         "name":"collides",
                         "type":"bool",
                         "value":true
                        }]
                }, 
                {
                 "id":18,
                 "properties":[
                        {
                         "name":"collides",
                         "type":"bool",
                         "value":true
                        }]
                }, 
                {
                 "id":19,
                 "properties":[
                        {
                         "name":"collides",
                         "type":"bool",
                         "value":true
                        }]
                }, 
                {
                 "id":20,
                 "properties":[
                        {
                         "name":"collides",
                         "type":"bool",
                         "value":true
                        }]
                }],
         "tilewidth":32
        }, 
        {
         "columns":8,
         "firstgid":65,
         "image":"floortileset.png",
         "imageheight":288,
         "imagewidth":256,
         "margin":0,
         "name":"Floor",
         "spacing":0,
         "tilecount":72,
         "tileheight":32,
         "tilewidth":32
        }],
 "tilewidth":32,
 "type":"map",
 "version":1.4,
 "width":10
 }
@@ -0,0 +1,16 @@
 <!doctype html>
 <html lang="en">
    <head>
        <script src="http://play.workadventure.localhost/iframe_api.js"></script>
    </head>
    <body>
    	<script>
    		WA.room.getCurrentRoom().then((room) => {
                console.log('id : ', room.id);
                console.log('map : ', room.map);
                console.log('mapUrl : ', room.mapUrl);
                console.log('startLayer : ', room.startLayer);
            })
    	</script>
    </body>
 </html>
@@ -0,0 +1,279 @@
 { "compressionlevel":-1,
 "editorsettings":
    {
     "export":
        {
         "target":"."
        }
    },
 "height":10,
 "infinite":false,
 "layers":[
        {
         "data":[0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 92, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0],
         "height":10,
         "id":10,
         "name":"HereYouAppered",
         "opacity":1,
         "properties":[
                {
                 "name":"startLayer",
                 "type":"bool",
                 "value":true
                }],
         "type":"tilelayer",
         "visible":true,
         "width":10,
         "x":0,
         "y":0
        }, 
        {
         "data":[0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 52, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0],
         "height":10,
         "id":1,
         "name":"start",
         "opacity":1,
         "type":"tilelayer",
         "visible":true,
         "width":10,
         "x":0,
         "y":0
        }, 
        {
         "data":[33, 34, 34, 34, 34, 34, 34, 34, 34, 35, 41, 42, 42, 42, 42, 42, 42, 42, 42, 43, 41, 42, 42, 42, 42, 42, 42, 42, 42, 43, 41, 42, 42, 42, 42, 42, 42, 42, 42, 43, 41, 42, 42, 42, 42, 42, 42, 42, 42, 43, 41, 42, 42, 42, 42, 42, 42, 42, 42, 43, 41, 42, 42, 42, 42, 42, 42, 42, 42, 43, 41, 42, 42, 42, 42, 42, 42, 42, 42, 43, 41, 42, 42, 42, 42, 42, 42, 42, 42, 43, 49, 50, 50, 50, 50, 50, 50, 50, 50, 51],
         "height":10,
         "id":2,
         "name":"bottom",
         "opacity":1,
         "type":"tilelayer",
         "visible":true,
         "width":10,
         "x":0,
         "y":0
        }, 
        {
         "data":[0, 0, 0, 0, 0, 0, 128, 128, 128, 128, 0, 0, 0, 0, 0, 0, 128, 128, 128, 128, 0, 0, 0, 0, 0, 0, 128, 128, 128, 128, 0, 0, 0, 0, 0, 0, 128, 128, 128, 128, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0],
         "height":10,
         "id":4,
         "name":"metadata",
         "opacity":1,
         "properties":[
                {
                 "name":"openWebsite",
                 "type":"string",
                 "value":"getCurrentRoom.html"
                }, 
                {
                 "name":"openWebsiteAllowApi",
                 "type":"bool",
                 "value":true
                }],
         "type":"tilelayer",
         "visible":true,
         "width":10,
         "x":0,
         "y":0
        }, 
        {
         "draworder":"topdown",
         "id":5,
         "name":"floorLayer",
         "objects":[
                {
                 "height":191.607568521364,
                 "id":1,
                 "name":"",
                 "rotation":0,
                 "text":
                    {
                     "fontfamily":"Sans Serif",
                     "pixelsize":9,
                     "text":"Test : \nWalk on the grass and open the console.\n\nResult : \nYou should see a console.log() of the following attributes : \n\t- id : ID of the current room\n\t- map : data of the JSON file of the map\n\t- mapUrl : url of the JSON file of the map\n\t- startLayer : Name of the layer where the current user started (HereYouAppered)\n\n\n",
                     "wrap":true
                    },
                 "type":"",
                 "visible":true,
                 "width":305.097705765524,
                 "x":14.750638909983,
                 "y":128.564783835666
                }],
         "opacity":1,
         "type":"objectgroup",
         "visible":true,
         "x":0,
         "y":0
        }],
 "nextlayerid":11,
 "nextobjectid":2,
 "orientation":"orthogonal",
 "renderorder":"right-down",
 "tiledversion":"1.4.3",
 "tileheight":32,
 "tilesets":[
        {
         "columns":8,
         "firstgid":1,
         "image":"tileset_dungeon.png",
         "imageheight":256,
         "imagewidth":256,
         "margin":0,
         "name":"TDungeon",
         "spacing":0,
         "tilecount":64,
         "tileheight":32,
         "tiles":[
                {
                 "id":0,
                 "properties":[
                        {
                         "name":"collides",
                         "type":"bool",
                         "value":true
                        }]
                }, 
                {
                 "id":1,
                 "properties":[
                        {
                         "name":"collides",
                         "type":"bool",
                         "value":true
                        }]
                }, 
                {
                 "id":2,
                 "properties":[
                        {
                         "name":"collides",
                         "type":"bool",
                         "value":true
                        }]
                }, 
                {
                 "id":3,
                 "properties":[
                        {
                         "name":"collides",
                         "type":"bool",
                         "value":true
                        }]
                }, 
                {
                 "id":4,
                 "properties":[
                        {
                         "name":"collides",
                         "type":"bool",
                         "value":true
                        }]
                }, 
                {
                 "id":8,
                 "properties":[
                        {
                         "name":"collides",
                         "type":"bool",
                         "value":true
                        }]
                }, 
                {
                 "id":9,
                 "properties":[
                        {
                         "name":"collides",
                         "type":"bool",
                         "value":true
                        }]
                }, 
                {
                 "id":10,
                 "properties":[
                        {
                         "name":"collides",
                         "type":"bool",
                         "value":true
                        }]
                }, 
                {
                 "id":11,
                 "properties":[
                        {
                         "name":"collides",
                         "type":"bool",
                         "value":true
                        }]
                }, 
                {
                 "id":12,
                 "properties":[
                        {
                         "name":"collides",
                         "type":"bool",
                         "value":true
                        }]
                }, 
                {
                 "id":16,
                 "properties":[
                        {
                         "name":"collides",
                         "type":"bool",
                         "value":true
                        }]
                }, 
                {
                 "id":17,
                 "properties":[
                        {
                         "name":"collides",
                         "type":"bool",
                         "value":true
                        }]
                }, 
                {
                 "id":18,
                 "properties":[
                        {
                         "name":"collides",
                         "type":"bool",
                         "value":true
                        }]
                }, 
                {
                 "id":19,
                 "properties":[
                        {
                         "name":"collides",
                         "type":"bool",
                         "value":true
                        }]
                }, 
                {
                 "id":20,
                 "properties":[
                        {
                         "name":"collides",
                         "type":"bool",
                         "value":true
                        }]
                }],
         "tilewidth":32
        }, 
        {
         "columns":8,
         "firstgid":65,
         "image":"floortileset.png",
         "imageheight":288,
         "imagewidth":256,
         "margin":0,
         "name":"Floor",
         "spacing":0,
         "tilecount":72,
         "tileheight":32,
         "tilewidth":32
        }],
 "tilewidth":32,
 "type":"map",
 "version":1.4,
 "width":10
 }
@@ -0,0 +1,15 @@
 <!doctype html>
 <html lang="en">
    <head>
        <script src="http://play.workadventure.localhost/iframe_api.js"></script>
    </head>
    <body>
    	<script>
    		WA.room.getCurrentUser().then((user) => {
                console.log('id : ', user.id);
                console.log('nickName : ', user.nickName);
                console.log('tags : ', user.tags);
            })
    	</script>
    </body>
 </html>
@@ -0,0 +1,296 @@
 { "compressionlevel":-1,
 "editorsettings":
    {
     "export":
        {
         "target":"."
        }
    },
 "height":10,
 "infinite":false,
 "layers":[
        {
         "data":[0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 52, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0],
         "height":10,
         "id":1,
         "name":"start",
         "opacity":1,
         "type":"tilelayer",
         "visible":true,
         "width":10,
         "x":0,
         "y":0
        }, 
        {
         "data":[33, 34, 34, 34, 34, 34, 34, 34, 34, 35, 41, 42, 42, 42, 42, 42, 42, 42, 42, 43, 41, 42, 42, 42, 42, 42, 42, 42, 42, 43, 41, 42, 42, 42, 42, 42, 42, 42, 42, 43, 41, 42, 42, 42, 42, 42, 42, 42, 42, 43, 41, 42, 42, 42, 42, 42, 42, 42, 42, 43, 41, 42, 42, 42, 42, 42, 42, 42, 42, 43, 41, 42, 42, 42, 42, 42, 42, 42, 42, 43, 41, 42, 42, 42, 42, 42, 42, 42, 42, 43, 49, 50, 50, 50, 50, 50, 50, 50, 50, 51],
         "height":10,
         "id":2,
         "name":"bottom",
         "opacity":1,
         "type":"tilelayer",
         "visible":true,
         "width":10,
         "x":0,
         "y":0
        }, 
        {
         "data":[0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 101, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0],
         "height":10,
         "id":9,
         "name":"exit",
         "opacity":1,
         "properties":[
                {
                 "name":"exitUrl",
                 "type":"string",
                 "value":"getCurrentRoom.json#HereYouAppered"
                }],
         "type":"tilelayer",
         "visible":true,
         "width":10,
         "x":0,
         "y":0
        }, 
        {
         "data":[0, 0, 0, 0, 0, 0, 128, 128, 128, 128, 0, 0, 0, 0, 0, 0, 128, 128, 128, 128, 0, 0, 0, 0, 0, 0, 128, 128, 128, 128, 0, 0, 0, 0, 0, 0, 128, 128, 128, 128, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0],
         "height":10,
         "id":4,
         "name":"metadata",
         "opacity":1,
         "properties":[
                {
                 "name":"openWebsite",
                 "type":"string",
                 "value":"getCurrentUser.html"
                }, 
                {
                 "name":"openWebsiteAllowApi",
                 "type":"bool",
                 "value":true
                }],
         "type":"tilelayer",
         "visible":true,
         "width":10,
         "x":0,
         "y":0
        }, 
        {
         "draworder":"topdown",
         "id":5,
         "name":"floorLayer",
         "objects":[
                {
                 "height":151.839293303871,
                 "id":1,
                 "name":"",
                 "rotation":0,
                 "text":
                    {
                     "fontfamily":"Sans Serif",
                     "pixelsize":9,
                     "text":"Test : \nWalk on the grass, open the console.\n\nResut : \nYou should see a console.log() of the following attributes :\n\t- id : ID of the current user\n\t- nickName : Name of the current user\n\t- tags : List of tags of the current user\n\nFinally : \nWalk on the red tile and continue the test in an another room.",
                     "wrap":true
                    },
                 "type":"",
                 "visible":true,
                 "width":305.097705765524,
                 "x":14.750638909983,
                 "y":159.621625296353
                }],
         "opacity":1,
         "type":"objectgroup",
         "visible":true,
         "x":0,
         "y":0
        }],
 "nextlayerid":10,
 "nextobjectid":2,
 "orientation":"orthogonal",
 "renderorder":"right-down",
 "tiledversion":"1.4.3",
 "tileheight":32,
 "tilesets":[
        {
         "columns":8,
         "firstgid":1,
         "image":"tileset_dungeon.png",
         "imageheight":256,
         "imagewidth":256,
         "margin":0,
         "name":"TDungeon",
         "spacing":0,
         "tilecount":64,
         "tileheight":32,
         "tiles":[
                {
                 "id":0,
                 "properties":[
                        {
                         "name":"collides",
                         "type":"bool",
                         "value":true
                        }]
                }, 
                {
                 "id":1,
                 "properties":[
                        {
                         "name":"collides",
                         "type":"bool",
                         "value":true
                        }]
                }, 
                {
                 "id":2,
                 "properties":[
                        {
                         "name":"collides",
                         "type":"bool",
                         "value":true
                        }]
                }, 
                {
                 "id":3,
                 "properties":[
                        {
                         "name":"collides",
                         "type":"bool",
                         "value":true
                        }]
                }, 
                {
                 "id":4,
                 "properties":[
                        {
                         "name":"collides",
                         "type":"bool",
                         "value":true
                        }]
                }, 
                {
                 "id":8,
                 "properties":[
                        {
                         "name":"collides",
                         "type":"bool",
                         "value":true
                        }]
                }, 
                {
                 "id":9,
                 "properties":[
                        {
                         "name":"collides",
                         "type":"bool",
                         "value":true
                        }]
                }, 
                {
                 "id":10,
                 "properties":[
                        {
                         "name":"collides",
                         "type":"bool",
                         "value":true
                        }]
                }, 
                {
                 "id":11,
                 "properties":[
                        {
                         "name":"collides",
                         "type":"bool",
                         "value":true
                        }]
                }, 
                {
                 "id":12,
                 "properties":[
                        {
                         "name":"collides",
                         "type":"bool",
                         "value":true
                        }]
                }, 
                {
                 "id":16,
                 "properties":[
                        {
                         "name":"collides",
                         "type":"bool",
                         "value":true
                        }]
                }, 
                {
                 "id":17,
                 "properties":[
                        {
                         "name":"collides",
                         "type":"bool",
                         "value":true
                        }]
                }, 
                {
                 "id":18,
                 "properties":[
                        {
                         "name":"collides",
                         "type":"bool",
                         "value":true
                        }]
                }, 
                {
                 "id":19,
                 "properties":[
                        {
                         "name":"collides",
                         "type":"bool",
                         "value":true
                        }]
                }, 
                {
                 "id":20,
                 "properties":[
                        {
                         "name":"collides",
                         "type":"bool",
                         "value":true
                        }]
                }],
         "tilewidth":32
        }, 
        {
         "columns":8,
         "firstgid":65,
         "image":"floortileset.png",
         "imageheight":288,
         "imagewidth":256,
         "margin":0,
         "name":"Floor",
         "spacing":0,
         "tilecount":72,
         "tileheight":32,
         "tiles":[
                {
                 "animation":[
                        {
                         "duration":100,
                         "tileid":9
                        }, 
                        {
                         "duration":100,
                         "tileid":64
                        }, 
                        {
                         "duration":100,
                         "tileid":55
                        }],
                 "id":0
                }],
         "tilewidth":32
        }],
 "tilewidth":32,
 "type":"map",
 "version":1.4,
 "width":10
 }
@@ -0,0 +1,12 @@
 <!doctype html>
 <html lang="en">
    <head>
        <script src="http://play.workadventure.localhost/iframe_api.js"></script>
    </head>
    <body>
    	<div id="playerMovement"></div>
    	<script>
    		WA.player.onPlayerMove(console.log);
    	</script>
    </body>
 </html>
@@ -0,0 +1,254 @@
 { "compressionlevel":-1,
 "height":10,
 "infinite":false,
 "layers":[
        {
         "data":[0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 52, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0],
         "height":10,
         "id":1,
         "name":"start",
         "opacity":1,
         "type":"tilelayer",
         "visible":true,
         "width":10,
         "x":0,
         "y":0
        }, 
        {
         "data":[33, 34, 34, 34, 34, 34, 34, 34, 34, 35, 41, 42, 42, 42, 42, 42, 42, 42, 42, 43, 41, 42, 42, 42, 42, 42, 42, 42, 42, 43, 41, 42, 42, 42, 42, 42, 42, 42, 42, 43, 41, 42, 42, 42, 42, 42, 42, 42, 42, 43, 41, 42, 42, 42, 42, 42, 42, 42, 42, 43, 41, 42, 42, 42, 42, 42, 42, 42, 42, 43, 41, 42, 42, 42, 42, 42, 42, 42, 42, 43, 41, 42, 42, 42, 42, 42, 42, 42, 42, 43, 49, 50, 50, 50, 50, 50, 50, 50, 50, 51],
         "height":10,
         "id":2,
         "name":"bottom",
         "opacity":1,
         "type":"tilelayer",
         "visible":true,
         "width":10,
         "x":0,
         "y":0
        }, 
        {
         "data":[0, 0, 0, 128, 128, 128, 128, 128, 128, 128, 0, 0, 0, 128, 128, 128, 128, 128, 128, 128, 0, 0, 0, 128, 128, 128, 128, 128, 128, 128, 0, 0, 0, 128, 128, 128, 128, 128, 128, 128, 0, 0, 0, 128, 128, 128, 128, 128, 128, 128, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0],
         "height":10,
         "id":4,
         "name":"metadata",
         "opacity":1,
         "properties":[
                {
                 "name":"openWebsite",
                 "type":"string",
                 "value":"playerMove.html"
                }, 
                {
                 "name":"openWebsiteAllowApi",
                 "type":"bool",
                 "value":true
                }],
         "type":"tilelayer",
         "visible":true,
         "width":10,
         "x":0,
         "y":0
        }, 
        {
         "draworder":"topdown",
         "id":5,
         "name":"floorLayer",
         "objects":[
                {
                 "height":159.195104854255,
                 "id":1,
                 "name":"",
                 "rotation":0,
                 "text":
                    {
                     "fontfamily":"Sans Serif",
                     "pixelsize":9,
                     "text":"Test : \nWalk on the grass, an iframe open.\nResult : \nIf you move on the grass, your movement will be displayed in the console.log(). \nYour movement appears according to the following rules : \n       - When you stop (the moving attribute will be false)\n       - When you change direction (the direction attribute will change value)\n       - Every 200ms if you keep moving in the same direction.\n\nMovement are represented by the following attributes : \n       - moving : if you are moving or not.\n       - direction : the direction where you are moving into\n       - X and Y coordinates : Place of your character in the room.\n\n\n",
                     "wrap":true
                    },
                 "type":"",
                 "visible":true,
                 "width":305.097705765524,
                 "x":14.750638909983,
                 "y":160.977247502775
                }],
         "opacity":1,
         "type":"objectgroup",
         "visible":true,
         "x":0,
         "y":0
        }],
 "nextlayerid":10,
 "nextobjectid":2,
 "orientation":"orthogonal",
 "renderorder":"right-down",
 "tiledversion":"1.4.3",
 "tileheight":32,
 "tilesets":[
        {
         "columns":8,
         "firstgid":1,
         "image":"tileset_dungeon.png",
         "imageheight":256,
         "imagewidth":256,
         "margin":0,
         "name":"TDungeon",
         "spacing":0,
         "tilecount":64,
         "tileheight":32,
         "tiles":[
                {
                 "id":0,
                 "properties":[
                        {
                         "name":"collides",
                         "type":"bool",
                         "value":true
                        }]
                }, 
                {
                 "id":1,
                 "properties":[
                        {
                         "name":"collides",
                         "type":"bool",
                         "value":true
                        }]
                }, 
                {
                 "id":2,
                 "properties":[
                        {
                         "name":"collides",
                         "type":"bool",
                         "value":true
                        }]
                }, 
                {
                 "id":3,
                 "properties":[
                        {
                         "name":"collides",
                         "type":"bool",
                         "value":true
                        }]
                }, 
                {
                 "id":4,
                 "properties":[
                        {
                         "name":"collides",
                         "type":"bool",
                         "value":true
                        }]
                }, 
                {
                 "id":8,
                 "properties":[
                        {
                         "name":"collides",
                         "type":"bool",
                         "value":true
                        }]
                }, 
                {
                 "id":9,
                 "properties":[
                        {
                         "name":"collides",
                         "type":"bool",
                         "value":true
                        }]
                }, 
                {
                 "id":10,
                 "properties":[
                        {
                         "name":"collides",
                         "type":"bool",
                         "value":true
                        }]
                }, 
                {
                 "id":11,
                 "properties":[
                        {
                         "name":"collides",
                         "type":"bool",
                         "value":true
                        }]
                }, 
                {
                 "id":12,
                 "properties":[
                        {
                         "name":"collides",
                         "type":"bool",
                         "value":true
                        }]
                }, 
                {
                 "id":16,
                 "properties":[
                        {
                         "name":"collides",
                         "type":"bool",
                         "value":true
                        }]
                }, 
                {
                 "id":17,
                 "properties":[
                        {
                         "name":"collides",
                         "type":"bool",
                         "value":true
                        }]
                }, 
                {
                 "id":18,
                 "properties":[
                        {
                         "name":"collides",
                         "type":"bool",
                         "value":true
                        }]
                }, 
                {
                 "id":19,
                 "properties":[
                        {
                         "name":"collides",
                         "type":"bool",
                         "value":true
                        }]
                }, 
                {
                 "id":20,
                 "properties":[
                        {
                         "name":"collides",
                         "type":"bool",
                         "value":true
                        }]
                }],
         "tilewidth":32
        }, 
        {
         "columns":8,
         "firstgid":65,
         "image":"floortileset.png",
         "imageheight":288,
         "imagewidth":256,
         "margin":0,
         "name":"Floor",
         "spacing":0,
         "tilecount":72,
         "tileheight":32,
         "tilewidth":32
        }],
 "tilewidth":32,
 "type":"map",
 "version":1.4,
 "width":10
 }
@@ -0,0 +1,12 @@
 <!doctype html>
 <html lang="en">
    <head>
        <script src="http://play.workadventure.localhost/iframe_api.js"></script>
    </head>
    <body>
    	<script>
    		WA.room.setProperty('iframeTest', 'openWebsite', 'https://www.wikipedia.org/');
    		WA.room.setProperty('metadata', 'openWebsite', 'https://www.wikipedia.org/');
    	</script>
    </body>
 </html>
@@ -0,0 +1,266 @@
 { "compressionlevel":-1,
 "height":10,
 "infinite":false,
 "layers":[
        {
         "data":[0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 52, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0],
         "height":10,
         "id":1,
         "name":"start",
         "opacity":1,
         "type":"tilelayer",
         "visible":true,
         "width":10,
         "x":0,
         "y":0
        }, 
        {
         "data":[33, 34, 34, 34, 34, 34, 34, 34, 34, 35, 41, 42, 42, 42, 42, 42, 42, 42, 42, 43, 41, 42, 42, 42, 42, 42, 42, 42, 42, 43, 41, 42, 42, 42, 42, 42, 42, 42, 42, 43, 41, 42, 42, 42, 42, 42, 42, 42, 42, 43, 41, 42, 42, 42, 42, 42, 42, 42, 42, 43, 41, 42, 42, 42, 42, 42, 42, 42, 42, 43, 41, 42, 42, 42, 42, 42, 42, 42, 42, 43, 41, 42, 42, 42, 42, 42, 42, 42, 42, 43, 49, 50, 50, 50, 50, 50, 50, 50, 50, 51],
         "height":10,
         "id":2,
         "name":"bottom",
         "opacity":1,
         "type":"tilelayer",
         "visible":true,
         "width":10,
         "x":0,
         "y":0
        }, 
        {
         "data":[0, 0, 0, 0, 0, 0, 128, 128, 128, 128, 0, 0, 0, 0, 0, 0, 128, 128, 128, 128, 0, 0, 0, 0, 0, 0, 128, 128, 128, 128, 0, 0, 0, 0, 0, 0, 128, 128, 128, 128, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0],
         "height":10,
         "id":4,
         "name":"metadata",
         "opacity":1,
         "properties":[
                {
                 "name":"openWebsite",
                 "type":"string",
                 "value":"setProperty.html"
                }, 
                {
                 "name":"openWebsiteAllowApi",
                 "type":"bool",
                 "value":true
                }],
         "type":"tilelayer",
         "visible":true,
         "width":10,
         "x":0,
         "y":0
        }, 
        {
         "data":[0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 101, 101, 101, 101, 101, 0, 0, 0, 0, 0, 101, 101, 101, 101, 101, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0],
         "height":10,
         "id":7,
         "name":"iframeTest",
         "opacity":1,
         "type":"tilelayer",
         "visible":true,
         "width":10,
         "x":0,
         "y":0
        }, 
        {
         "draworder":"topdown",
         "id":5,
         "name":"floorLayer",
         "objects":[
                {
                 "height":157.325836789532,
                 "id":1,
                 "name":"",
                 "rotation":0,
                 "text":
                    {
                     "fontfamily":"Sans Serif",
                     "pixelsize":9,
                     "text":"Test : \nWalk on the red tiles.\nResult :\nNothing happens.\n\nTest : \nWalk on the grass, an iframe open. Then walk on the red tiles.\nResult : \nAn iframe of Wikipedia open.\n\nTest : \nWalk on the grass again.\nResult : \nAn iframe of Wikipedia open.\n",
                     "wrap":true
                    },
                 "type":"",
                 "visible":true,
                 "width":305.097705765524,
                 "x":15.1244925229277,
                 "y":162.846515567498
                }],
         "opacity":1,
         "type":"objectgroup",
         "visible":true,
         "x":0,
         "y":0
        }],
 "nextlayerid":8,
 "nextobjectid":2,
 "orientation":"orthogonal",
 "renderorder":"right-down",
 "tiledversion":"1.4.3",
 "tileheight":32,
 "tilesets":[
        {
         "columns":8,
         "firstgid":1,
         "image":"tileset_dungeon.png",
         "imageheight":256,
         "imagewidth":256,
         "margin":0,
         "name":"TDungeon",
         "spacing":0,
         "tilecount":64,
         "tileheight":32,
         "tiles":[
                {
                 "id":0,
                 "properties":[
                        {
                         "name":"collides",
                         "type":"bool",
                         "value":true
                        }]
                }, 
                {
                 "id":1,
                 "properties":[
                        {
                         "name":"collides",
                         "type":"bool",
                         "value":true
                        }]
                }, 
                {
                 "id":2,
                 "properties":[
                        {
                         "name":"collides",
                         "type":"bool",
                         "value":true
                        }]
                }, 
                {
                 "id":3,
                 "properties":[
                        {
                         "name":"collides",
                         "type":"bool",
                         "value":true
                        }]
                }, 
                {
                 "id":4,
                 "properties":[
                        {
                         "name":"collides",
                         "type":"bool",
                         "value":true
                        }]
                }, 
                {
                 "id":8,
                 "properties":[
                        {
                         "name":"collides",
                         "type":"bool",
                         "value":true
                        }]
                }, 
                {
                 "id":9,
                 "properties":[
                        {
                         "name":"collides",
                         "type":"bool",
                         "value":true
                        }]
                }, 
                {
                 "id":10,
                 "properties":[
                        {
                         "name":"collides",
                         "type":"bool",
                         "value":true
                        }]
                }, 
                {
                 "id":11,
                 "properties":[
                        {
                         "name":"collides",
                         "type":"bool",
                         "value":true
                        }]
                }, 
                {
                 "id":12,
                 "properties":[
                        {
                         "name":"collides",
                         "type":"bool",
                         "value":true
                        }]
                }, 
                {
                 "id":16,
                 "properties":[
                        {
                         "name":"collides",
                         "type":"bool",
                         "value":true
                        }]
                }, 
                {
                 "id":17,
                 "properties":[
                        {
                         "name":"collides",
                         "type":"bool",
                         "value":true
                        }]
                }, 
                {
                 "id":18,
                 "properties":[
                        {
                         "name":"collides",
                         "type":"bool",
                         "value":true
                        }]
                }, 
                {
                 "id":19,
                 "properties":[
                        {
                         "name":"collides",
                         "type":"bool",
                         "value":true
                        }]
                }, 
                {
                 "id":20,
                 "properties":[
                        {
                         "name":"collides",
                         "type":"bool",
                         "value":true
                        }]
                }],
         "tilewidth":32
        }, 
        {
         "columns":8,
         "firstgid":65,
         "image":"floortileset.png",
         "imageheight":288,
         "imagewidth":256,
         "margin":0,
         "name":"Floor",
         "spacing":0,
         "tilecount":72,
         "tileheight":32,
         "tilewidth":32
        }],
 "tilewidth":32,
 "type":"map",
 "version":1.4,
 "width":10
 }
@@ -0,0 +1,21 @@
 <!doctype html>
 <html lang="en">
    <head>
        <script src="http://play.workadventure.localhost/iframe_api.js"></script>
    </head>
    <body>
    	<div>
            <label for="show/hideLayer">Crysal Layer : </label><input type="checkbox" id="show/hideLayer" name="visible" value="show" checked>
        </div>
    	<script>
    		document.getElementById('show/hideLayer').onclick = () => {
                if (document.getElementById('show/hideLayer').checked) {
                    WA.room.showLayer('crystal');
                }
                else {
                    WA.room.hideLayer('crystal');
                }
            }
    	</script>
    </body>
 </html>
@@ -0,0 +1,266 @@
 { "compressionlevel":-1,
 "height":10,
 "infinite":false,
 "layers":[
        {
         "data":[0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 52, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0],
         "height":10,
         "id":1,
         "name":"start",
         "opacity":1,
         "type":"tilelayer",
         "visible":true,
         "width":10,
         "x":0,
         "y":0
        }, 
        {
         "data":[33, 34, 34, 34, 34, 34, 34, 34, 34, 35, 41, 42, 42, 42, 42, 42, 42, 42, 42, 43, 41, 42, 42, 42, 42, 42, 42, 42, 42, 43, 41, 42, 42, 42, 42, 42, 42, 42, 42, 43, 41, 42, 42, 42, 42, 42, 42, 42, 42, 43, 41, 42, 42, 42, 42, 42, 42, 42, 42, 43, 41, 42, 42, 42, 42, 42, 42, 42, 42, 43, 41, 42, 42, 42, 42, 42, 42, 42, 42, 43, 41, 42, 42, 42, 42, 42, 42, 42, 42, 43, 49, 50, 50, 50, 50, 50, 50, 50, 50, 51],
         "height":10,
         "id":2,
         "name":"bottom",
         "opacity":1,
         "type":"tilelayer",
         "visible":true,
         "width":10,
         "x":0,
         "y":0
        }, 
        {
         "data":[22, 0, 0, 0, 22, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 22, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 22, 0, 0, 0, 0, 0, 22, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 22, 0, 0, 22, 0, 0, 22, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0],
         "height":10,
         "id":6,
         "name":"crystal",
         "opacity":1,
         "type":"tilelayer",
         "visible":true,
         "width":10,
         "x":0,
         "y":0
        }, 
        {
         "data":[0, 0, 0, 0, 0, 0, 128, 128, 128, 128, 0, 0, 0, 0, 0, 0, 128, 128, 128, 128, 0, 0, 0, 0, 0, 0, 128, 128, 128, 128, 0, 0, 0, 0, 0, 0, 128, 128, 128, 128, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0],
         "height":10,
         "id":4,
         "name":"metadata",
         "opacity":1,
         "properties":[
                {
                 "name":"openWebsite",
                 "type":"string",
                 "value":"showHideLayer.html"
                }, 
                {
                 "name":"openWebsiteAllowApi",
                 "type":"bool",
                 "value":true
                }],
         "type":"tilelayer",
         "visible":true,
         "width":10,
         "x":0,
         "y":0
        }, 
        {
         "draworder":"topdown",
         "id":5,
         "name":"floorLayer",
         "objects":[
                {
                 "height":191.346515567498,
                 "id":1,
                 "name":"",
                 "rotation":0,
                 "text":
                    {
                     "fontfamily":"Sans Serif",
                     "pixelsize":9,
                     "text":"Test : \nWalk on the grass, an iframe open, uncheck the checkbox.\nResult : \nCrystals disappeared.\n\nTest : \nCheck the checkbox\nResult : \nCrystals appear.",
                     "wrap":true
                    },
                 "type":"",
                 "visible":true,
                 "width":306.219266604358,
                 "x":14.0029316840937,
                 "y":128.078129563643
                }],
         "opacity":1,
         "type":"objectgroup",
         "visible":true,
         "x":0,
         "y":0
        }],
 "nextlayerid":7,
 "nextobjectid":2,
 "orientation":"orthogonal",
 "renderorder":"right-down",
 "tiledversion":"1.4.3",
 "tileheight":32,
 "tilesets":[
        {
         "columns":8,
         "firstgid":1,
         "image":"tileset_dungeon.png",
         "imageheight":256,
         "imagewidth":256,
         "margin":0,
         "name":"TDungeon",
         "spacing":0,
         "tilecount":64,
         "tileheight":32,
         "tiles":[
                {
                 "id":0,
                 "properties":[
                        {
                         "name":"collides",
                         "type":"bool",
                         "value":true
                        }]
                }, 
                {
                 "id":1,
                 "properties":[
                        {
                         "name":"collides",
                         "type":"bool",
                         "value":true
                        }]
                }, 
                {
                 "id":2,
                 "properties":[
                        {
                         "name":"collides",
                         "type":"bool",
                         "value":true
                        }]
                }, 
                {
                 "id":3,
                 "properties":[
                        {
                         "name":"collides",
                         "type":"bool",
                         "value":true
                        }]
                }, 
                {
                 "id":4,
                 "properties":[
                        {
                         "name":"collides",
                         "type":"bool",
                         "value":true
                        }]
                }, 
                {
                 "id":8,
                 "properties":[
                        {
                         "name":"collides",
                         "type":"bool",
                         "value":true
                        }]
                }, 
                {
                 "id":9,
                 "properties":[
                        {
                         "name":"collides",
                         "type":"bool",
                         "value":true
                        }]
                }, 
                {
                 "id":10,
                 "properties":[
                        {
                         "name":"collides",
                         "type":"bool",
                         "value":true
                        }]
                }, 
                {
                 "id":11,
                 "properties":[
                        {
                         "name":"collides",
                         "type":"bool",
                         "value":true
                        }]
                }, 
                {
                 "id":12,
                 "properties":[
                        {
                         "name":"collides",
                         "type":"bool",
                         "value":true
                        }]
                }, 
                {
                 "id":16,
                 "properties":[
                        {
                         "name":"collides",
                         "type":"bool",
                         "value":true
                        }]
                }, 
                {
                 "id":17,
                 "properties":[
                        {
                         "name":"collides",
                         "type":"bool",
                         "value":true
                        }]
                }, 
                {
                 "id":18,
                 "properties":[
                        {
                         "name":"collides",
                         "type":"bool",
                         "value":true
                        }]
                }, 
                {
                 "id":19,
                 "properties":[
                        {
                         "name":"collides",
                         "type":"bool",
                         "value":true
                        }]
                }, 
                {
                 "id":20,
                 "properties":[
                        {
                         "name":"collides",
                         "type":"bool",
                         "value":true
                        }]
                }],
         "tilewidth":32
        }, 
        {
         "columns":8,
         "firstgid":65,
         "image":"floortileset.png",
         "imageheight":288,
         "imagewidth":256,
         "margin":0,
         "name":"Floor",
         "spacing":0,
         "tilecount":72,
         "tileheight":32,
         "tilewidth":32
        }],
 "tilewidth":32,
 "type":"map",
 "version":1.4,
 "width":10
 }
@@ -0,0 +1,120 @@
 { "compressionlevel":-1,
 "height":10,
 "infinite":false,
 "layers":[
        {
         "data":[0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0],
         "height":10,
         "id":1,
         "name":"floor",
         "opacity":1,
         "type":"tilelayer",
         "visible":true,
         "width":10,
         "x":0,
         "y":0
        }, 
        {
         "data":[1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1],
         "height":10,
         "id":2,
         "name":"start",
         "opacity":1,
         "type":"tilelayer",
         "visible":true,
         "width":10,
         "x":0,
         "y":0
        }, 
        {
         "draworder":"topdown",
         "id":3,
         "name":"floorLayer",
         "objects":[
                {
                 "height":261.73266830836,
                 "id":3,
                 "name":"",
                 "rotation":0,
                 "text":
                    {
                     "color":"#ffffff",
                     "fontfamily":"Sans Serif",
                     "pixelsize":11,
                     "text":"Test:\nOpen this page\n\nResult:\nThe water tileset should be animated",
                     "wrap":true
                    },
                 "type":"",
                 "visible":true,
                 "width":252.4375,
                 "x":46.5894222943362,
                 "y":34.2876372135732
                }],
         "opacity":1,
         "type":"objectgroup",
         "visible":true,
         "x":0,
         "y":0
        }],
 "nextlayerid":8,
 "nextobjectid":5,
 "orientation":"orthogonal",
 "renderorder":"right-down",
 "tiledversion":"2021.03.23",
 "tileheight":32,
 "tilesets":[
        {
         "columns":8,
         "firstgid":1,
         "image":"animated_tiles.png",
         "imageheight":32,
         "imagewidth":256,
         "margin":0,
         "name":"animated_tiles",
         "spacing":0,
         "tilecount":8,
         "tileheight":32,
         "tiles":[
                {
                 "animation":[
                        {
                         "duration":100,
                         "tileid":0
                        }, 
                        {
                         "duration":100,
                         "tileid":1
                        }, 
                        {
                         "duration":100,
                         "tileid":2
                        }, 
                        {
                         "duration":100,
                         "tileid":3
                        }, 
                        {
                         "duration":100,
                         "tileid":4
                        }, 
                        {
                         "duration":100,
                         "tileid":5
                        }, 
                        {
                         "duration":100,
                         "tileid":6
                        }, 
                        {
                         "duration":100,
                         "tileid":7
                        }],
                 "id":0
                }],
         "tilewidth":32
        }],
 "tilewidth":32,
 "type":"map",
 "version":1.5,
 "width":10
 }
@@ -2,15 +2,12 @@
 <html lang="en">
    <head>
        <script src="http://play.workadventure.localhost/iframe_api.js"></script>
        <script>
        </script>
    </head>
    <body>
        <button id="sendchat">Send chat message</button>
        <script>
            document.getElementById('sendchat').onclick = () => {
-                WA.sendChatMessage('Hello world!', 'Mr Robot');
+                WA.sendChatMessage('Hello world!', 'Mr ROBOT');
            }
        </script>
        <div id="chatSent"></div>
@@ -1,4 +1,11 @@
 { "compressionlevel":-1,
 "editorsettings":
    {
     "export":
        {
         "target":"."
        }
    },
 "height":10,
 "infinite":false,
 "layers":[
@@ -49,6 +56,18 @@
         "x":0,
         "y":0
        }, 
        {
         "data":[0, 0, 93, 0, 104, 0, 0, 0, 0, 0, 0, 0, 104, 0, 115, 0, 0, 0, 93, 0, 0, 0, 115, 0, 0, 0, 93, 0, 104, 0, 0, 0, 0, 0, 0, 0, 104, 0, 115, 93, 0, 0, 0, 0, 0, 0, 115, 0, 0, 104, 0, 0, 0, 0, 0, 0, 0, 0, 0, 115, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0],
         "height":10,
         "id":6,
         "name":"Metadata",
         "opacity":1,
         "type":"tilelayer",
         "visible":true,
         "width":10,
         "x":0,
         "y":0
        }, 
        {
         "draworder":"topdown",
         "id":3,
@@ -78,11 +97,11 @@
         "x":0,
         "y":0
        }],
- "nextlayerid":6,
+ "nextlayerid":7,
 "nextobjectid":3,
 "orientation":"orthogonal",
 "renderorder":"right-down",
- "tiledversion":"2021.03.23",
+ "tiledversion":"1.4.3",
 "tileheight":32,
 "tilesets":[
        {
@@ -100,6 +119,6 @@
        }],
 "tilewidth":32,
 "type":"map",
- "version":1.5,
+ "version":1.4,
 "width":10
 }
@@ -106,6 +106,62 @@
                    <a href="#" class="testLink" data-testmap="help_camera_setting.json" target="_blank">Test the HelpCameraSettingScene</a>
                </td>
            </tr>
            <tr>
                <td>
                    <input type="radio" name="test-custom-menu"> Success <input type="radio" name="test-custom-menu"> Failure <input type="radio" name="test-custom-menu" checked> Pending
                </td>
                <td>
                    <a href="#" class="testLink" data-testmap="Metadata/customMenu.json" target="_blank">Testing add a custom menu by scripting API</a>
                </td>
            </tr>
            <tr>
                <td>
                    <input type="radio" name="test-getCurrentRoom"> Success <input type="radio" name="test-getCurrentRoom"> Failure <input type="radio" name="test-getCurrentRoom" checked> Pending
                </td>
                <td>
                    <a href="#" class="testLink" data-testmap="Metadata/getCurrentRoom.json" target="_blank">Testing return current room attributes by Scripting API (Need to test from current user)</a>
                </td>
            </tr>
            <tr>
                <td>
                    <input type="radio" name="test-getCurrentUser"> Success <input type="radio" name="test-getCurrentUser"> Failure <input type="radio" name="test-getCurrentUser" checked> Pending
                </td>
                <td>
                    <a href="#" class="testLink" data-testmap="Metadata/getCurrentUser.json" target="_blank">Testing return current user attributes by Scripting API</a>
                </td>
            </tr>
            <tr>
                <td>
                    <input type="radio" name="test-player-move"> Success <input type="radio" name="test-player-move"> Failure <input type="radio" name="test-player-move" checked> Pending
                </td>
                <td>
                    <a href="#" class="testLink" data-testmap="Metadata/playerMove.json" target="_blank">Test listening player movement by Scripting API</a>
                </td>
            </tr>
            <tr>
                <td>
                    <input type="radio" name="test-setProperty"> Success <input type="radio" name="test-setProperty"> Failure <input type="radio" name="test-setProperty" checked> Pending
                </td>
                <td>
                    <a href="#" class="testLink" data-testmap="Metadata/setProperty.json" target="_blank">Testing set a property on a layer by Scripting API</a>
                </td>
            </tr>
            <tr>
                <td>
                    <input type="radio" name="test-show-hide"> Success <input type="radio" name="test-show-hide"> Failure <input type="radio" name="test-show-hide" checked> Pending
                </td>
                <td>
                    <a href="#" class="testLink" data-testmap="Metadata/showHideLayer.json" target="_blank">Testing show or hide a layer by Scripting API</a>
                </td>
            </tr>
            <tr>
                <td>
                    <input type="radio" name="test-animated-tiles"> Success <input type="radio" name="test-animated-tiles"> Failure <input type="radio" name="test-animated-tiles" checked> Pending
                </td>
                <td>
                    <a href="#" class="testLink" data-testmap="animated_tiles.json" target="_blank">Test animated tiles</a>
                </td>
            </tr>
        </table>
        <script>
@@ -3473,9 +3473,9 @@ set-blocking@^2.0.0, set-blocking@~2.0.0:
  integrity sha1-BF+XgtARrppoA93TgrJDkrPYkPc=
 set-getter@^0.1.0:
-  version "0.1.0"
+  version "0.1.1"
-  resolved "https://registry.yarnpkg.com/set-getter/-/set-getter-0.1.0.tgz#d769c182c9d5a51f409145f2fba82e5e86e80376"
+  resolved "https://registry.yarnpkg.com/set-getter/-/set-getter-0.1.1.tgz#a3110e1b461d31a9cfc8c5c9ee2e9737ad447102"
-  integrity sha1-12nBgsnVpR9AkUXy+6guXoboA3Y=
+  integrity sha512-9sVWOy+gthr+0G9DzqqLaYNA7+5OKkSmcqjL9cBpDEaZrr3ShQlyX2cZ/O/ozE41oxn/Tt0LGEM/w4Rub3A3gw==
  dependencies:
    to-object-path "^0.3.0"
@@ -0,0 +1,8 @@
 {
  "devDependencies": {
    "husky": "^6.0.0"
  },
  "scripts": {
    "prepare": "husky install"
  }
 }
@@ -0,0 +1 @@
 src/Messages/generated
@@ -0,0 +1,4 @@
 {
  "printWidth": 120,
  "tabWidth": 4
 }
--- a/Show More
+++ b/Show More