From 29e44d30236680a2f61f5168beaa135413d4c03f Mon Sep 17 00:00:00 2001
From: Hanusiak Piotr <piotr@ltmp.co>
Date: Wed, 19 Jan 2022 09:34:06 +0100
Subject: [PATCH 01/40] Player move API wip

---
 front/src/Api/Events/IframeEvent.ts           |   5 +
 front/src/Api/Events/WalkPlayerToEvent.ts     |  11 +
 front/src/Api/iframe/player.ts                |   7 +
 front/src/Phaser/Game/GameScene.ts            |   9 +
 .../MovePlayer/move_player_api_test.json      | 207 ++++++++++++++++++
 maps/tests/MovePlayer/script.php              |  50 +++++
 maps/tests/index.html                         |   8 +
 7 files changed, 297 insertions(+)
 create mode 100644 front/src/Api/Events/WalkPlayerToEvent.ts
 create mode 100644 maps/tests/MovePlayer/move_player_api_test.json
 create mode 100644 maps/tests/MovePlayer/script.php

diff --git a/front/src/Api/Events/IframeEvent.ts b/front/src/Api/Events/IframeEvent.ts
index 93d0735c..e499f80a 100644
--- a/front/src/Api/Events/IframeEvent.ts
+++ b/front/src/Api/Events/IframeEvent.ts
@@ -34,6 +34,7 @@ import type { ChangeZoneEvent } from "./ChangeZoneEvent";
 import type { CameraSetEvent } from "./CameraSetEvent";
 import type { CameraFollowPlayerEvent } from "./CameraFollowPlayerEvent";
 import { isColorEvent } from "./ColorEvent";
+import { isWalkPlayerToEventConfig } from "./WalkPlayerToEvent";
 
 export interface TypedMessageEvent<T> extends MessageEvent {
     data: T;
@@ -173,6 +174,10 @@ export const iframeQueryMapTypeGuards = {
         query: tg.isUndefined,
         answer: isPlayerPosition,
     },
+    walkPlayerTo: {
+        query: isWalkPlayerToEventConfig,
+        answer: isPlayerPosition,
+    },
 };
 
 type GuardedType<T> = T extends (x: unknown) => x is infer T ? T : never;
diff --git a/front/src/Api/Events/WalkPlayerToEvent.ts b/front/src/Api/Events/WalkPlayerToEvent.ts
new file mode 100644
index 00000000..82abcd03
--- /dev/null
+++ b/front/src/Api/Events/WalkPlayerToEvent.ts
@@ -0,0 +1,11 @@
+import * as tg from "generic-type-guard";
+
+export const isWalkPlayerToEventConfig = new tg.IsInterface()
+    .withProperties({
+        x: tg.isNumber,
+        y: tg.isNumber,
+        speed: tg.isNumber,
+    })
+    .get();
+
+export type WalkPlayerToEvent = tg.GuardedType<typeof isWalkPlayerToEventConfig>;
diff --git a/front/src/Api/iframe/player.ts b/front/src/Api/iframe/player.ts
index 0c71ae33..dbc689d3 100644
--- a/front/src/Api/iframe/player.ts
+++ b/front/src/Api/iframe/player.ts
@@ -84,6 +84,13 @@ export class WorkadventurePlayerCommands extends IframeApiContribution<Workadven
         });
     }
 
+    public async walkTo(x: number, y: number, speed: number): Promise<{ x: number; y: number }> {
+        return await queryWorkadventure({
+            type: "walkPlayerTo",
+            data: { x, y, speed },
+        });
+    }
+
     get userRoomToken(): string | undefined {
         if (userRoomToken === undefined) {
             throw new Error(
diff --git a/front/src/Phaser/Game/GameScene.ts b/front/src/Phaser/Game/GameScene.ts
index 26e4004a..ea967cf3 100644
--- a/front/src/Phaser/Game/GameScene.ts
+++ b/front/src/Phaser/Game/GameScene.ts
@@ -1456,6 +1456,15 @@ ${escapedMessage}
                 y: this.CurrentPlayer.y,
             };
         });
+
+        iframeListener.registerAnswerer("walkPlayerTo", () => {
+            // TODO: walk player to position, wait for promise to resolve
+            console.log("WALK PLAYER TO ACTION CALLED");
+            return {
+                x: this.CurrentPlayer.x,
+                y: this.CurrentPlayer.y,
+            };
+        });
     }
 
     private setPropertyLayer(
diff --git a/maps/tests/MovePlayer/move_player_api_test.json b/maps/tests/MovePlayer/move_player_api_test.json
new file mode 100644
index 00000000..965428e7
--- /dev/null
+++ b/maps/tests/MovePlayer/move_player_api_test.json
@@ -0,0 +1,207 @@
+{ "compressionlevel":-1,
+ "height":30,
+ "infinite":false,
+ "layers":[
+        {
+         "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, 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, 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, 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, 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, 12, 12, 12, 12, 12, 12, 12, 12, 12, 12, 12, 12, 12, 12, 12, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 12, 12, 12, 12, 12, 12, 12, 12, 12, 12, 12, 12, 12, 12, 12, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 12, 12, 12, 12, 12, 12, 12, 12, 12, 12, 12, 12, 12, 12, 12, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 12, 12, 12, 12, 12, 12, 12, 12, 12, 12, 12, 12, 12, 12, 12, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 12, 12, 12, 12, 12, 12, 12, 12, 12, 12, 12, 12, 12, 12, 12, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 12, 12, 12, 12, 12, 12, 12, 12, 12, 12, 12, 12, 12, 12, 12, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 12, 12, 12, 12, 12, 12, 12, 12, 12, 12, 12, 12, 12, 12, 12, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 12, 12, 12, 12, 12, 12, 12, 12, 12, 12, 12, 12, 12, 12, 12, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 12, 12, 12, 12, 12, 12, 12, 12, 12, 12, 12, 12, 12, 12, 12, 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, 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":30,
+         "id":1,
+         "name":"floor",
+         "opacity":1,
+         "properties":[
+                {
+                 "name":"openWebsite",
+                 "type":"string",
+                 "value":"script.php"
+                }, 
+                {
+                 "name":"openWebsiteAllowApi",
+                 "type":"bool",
+                 "value":true
+                }],
+         "type":"tilelayer",
+         "visible":true,
+         "width":30,
+         "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, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 6, 7, 6, 7, 6, 7, 6, 7, 6, 7, 0, 0, 6, 7, 6, 7, 6, 7, 6, 7, 6, 7, 6, 7, 0, 0, 0, 0, 0, 0, 17, 18, 17, 18, 17, 18, 17, 18, 17, 18, 0, 0, 17, 18, 17, 18, 17, 18, 17, 18, 17, 18, 17, 18, 0, 0, 0, 0, 0, 0, 28, 29, 28, 29, 28, 29, 28, 29, 28, 29, 0, 0, 28, 29, 28, 29, 28, 29, 28, 29, 28, 29, 28, 29, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 6, 7, 6, 7, 6, 7, 6, 7, 6, 7, 6, 7, 6, 7, 6, 7, 6, 7, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 17, 18, 17, 18, 17, 18, 17, 18, 17, 18, 17, 18, 17, 18, 17, 18, 17, 18, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 28, 29, 28, 29, 28, 29, 28, 29, 28, 29, 28, 29, 28, 29, 28, 29, 28, 29, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 6, 7, 6, 7, 6, 7, 6, 7, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 6, 7, 6, 7, 6, 7, 0, 17, 18, 17, 18, 17, 18, 17, 18, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 17, 18, 17, 18, 17, 18, 0, 28, 29, 28, 29, 28, 29, 28, 29, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 28, 29, 28, 29, 28, 29, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 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":30,
+         "id":6,
+         "name":"furnitures",
+         "opacity":1,
+         "type":"tilelayer",
+         "visible":true,
+         "width":30,
+         "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, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 12, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 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":30,
+         "id":2,
+         "name":"start",
+         "opacity":1,
+         "type":"tilelayer",
+         "visible":true,
+         "width":30,
+         "x":0,
+         "y":0
+        }, 
+        {
+         "draworder":"topdown",
+         "id":3,
+         "name":"floorLayer",
+         "objects":[
+                {
+                 "height":159.371714951095,
+                 "id":4,
+                 "name":"",
+                 "rotation":0,
+                 "text":
+                    {
+                     "fontfamily":"MS Shell Dlg 2",
+                     "pixelsize":21,
+                     "text":"Set position of where you want the player character to move to. On movement's end or interruption, player's current position will be logged into the console",
+                     "wrap":true
+                    },
+                 "type":"",
+                 "visible":true,
+                 "width":315.438,
+                 "x":64.7309301350722,
+                 "y":95.2559217512811
+                }, 
+                {
+                 "height":30.8202477876106,
+                 "id":8,
+                 "name":"",
+                 "rotation":0,
+                 "text":
+                    {
+                     "fontfamily":"MS Shell Dlg 2",
+                     "pixelsize":21,
+                     "text":"x: 16 y: 16",
+                     "wrap":true
+                    },
+                 "type":"",
+                 "visible":true,
+                 "width":111.991330228225,
+                 "x":39.0206367023754,
+                 "y":2.47529762459247
+                }, 
+                {
+                 "height":30.8202,
+                 "id":9,
+                 "name":"",
+                 "rotation":0,
+                 "text":
+                    {
+                     "fontfamily":"MS Shell Dlg 2",
+                     "pixelsize":21,
+                     "text":"x: 464 y: 432",
+                     "wrap":true
+                    },
+                 "type":"",
+                 "visible":true,
+                 "width":149.997520726595,
+                 "x":483.920662086633,
+                 "y":417.193532976246
+                }, 
+                {
+                 "height":113.333333333333,
+                 "id":10,
+                 "name":"",
+                 "rotation":0,
+                 "text":
+                    {
+                     "fontfamily":"MS Shell Dlg 2",
+                     "pixelsize":21,
+                     "text":"Top: 256\/512 Center: 496\/655 Width: 480 Height: 286",
+                     "wrap":true
+                    },
+                 "type":"",
+                 "visible":true,
+                 "width":172,
+                 "x":256,
+                 "y":512
+                }],
+         "opacity":1,
+         "type":"objectgroup",
+         "visible":true,
+         "x":0,
+         "y":0
+        }],
+ "nextlayerid":7,
+ "nextobjectid":11,
+ "orientation":"orthogonal",
+ "properties":[
+        {
+         "name":"openWebsite",
+         "type":"string",
+         "value":"script.php"
+        }, 
+        {
+         "name":"openWebsiteAllowApi",
+         "type":"bool",
+         "value":true
+        }],
+ "renderorder":"right-down",
+ "tiledversion":"1.7.2",
+ "tileheight":32,
+ "tilesets":[
+        {
+         "columns":11,
+         "firstgid":1,
+         "image":"..\/tileset1.png",
+         "imageheight":352,
+         "imagewidth":352,
+         "margin":0,
+         "name":"tileset1",
+         "spacing":0,
+         "tilecount":121,
+         "tileheight":32,
+         "tiles":[
+                {
+                 "id":16,
+                 "properties":[
+                        {
+                         "name":"collides",
+                         "type":"bool",
+                         "value":true
+                        }]
+                }, 
+                {
+                 "id":17,
+                 "properties":[
+                        {
+                         "name":"collides",
+                         "type":"bool",
+                         "value":true
+                        }]
+                }, 
+                {
+                 "id":27,
+                 "properties":[
+                        {
+                         "name":"collides",
+                         "type":"bool",
+                         "value":true
+                        }]
+                }, 
+                {
+                 "id":28,
+                 "properties":[
+                        {
+                         "name":"collides",
+                         "type":"bool",
+                         "value":true
+                        }]
+                }],
+         "tilewidth":32
+        }],
+ "tilewidth":32,
+ "type":"map",
+ "version":"1.6",
+ "width":30
+}
\ No newline at end of file
diff --git a/maps/tests/MovePlayer/script.php b/maps/tests/MovePlayer/script.php
new file mode 100644
index 00000000..24f7fff4
--- /dev/null
+++ b/maps/tests/MovePlayer/script.php
@@ -0,0 +1,50 @@
+<!doctype html>
+<html lang="en">
+<head>
+    <script src="<?php echo $_SERVER["FRONT_URL"] ?>/iframe_api.js"></script>
+    <script>
+        window.addEventListener('load', () => {
+            //@ts-ignore
+            WA.camera.onCameraUpdate((worldView) => console.log(worldView));
+            WA.onInit().then(() => {
+                console.log('After WA init');
+                const setCameraButton = document.getElementById('setCameraButton');
+                const followPlayerButton = document.getElementById('followPlayerButton');
+                const xField = document.getElementById('x');
+                const yField = document.getElementById('y');
+                const widthField = document.getElementById('width');
+                const heightField = document.getElementById('height');
+                const smoothField = document.getElementById('smooth');
+                const lockField = document.getElementById('lock');
+
+                setCameraButton.addEventListener('click', () => {
+                    WA.camera.set(
+                        parseInt(xField.value),
+                        parseInt(yField.value),
+                        widthField.value ? parseInt(widthField.value) : undefined,
+                        heightField.value ? parseInt(heightField.value) : undefined,
+                        lockField.checked,
+                        smoothField.checked,
+                    );
+                });
+
+                followPlayerButton.addEventListener('click', () => {
+                    WA.camera.followPlayer(smoothField.checked);
+                });
+            });
+        })
+    </script>
+</head>
+<body>
+X: <input type="text" id="x" value="496" /><br/>
+Y: <input type="text" id="y" value="655" /><br/>
+width: <input type="text" id="width" value="480" /><br/>
+height: <input type="text" id="height" value="286" /><br/>
+Smooth: <input type="checkbox" id="smooth" value=1 /><br/>
+Lock: <input type="checkbox" id="lock" value=1 /><br/>
+
+<button id="setCameraButton">Set Camera</button>
+<button id="followPlayerButton">Follow Player</button>
+
+</body>
+</html>
diff --git a/maps/tests/index.html b/maps/tests/index.html
index 4a80634c..4af51be5 100644
--- a/maps/tests/index.html
+++ b/maps/tests/index.html
@@ -227,6 +227,14 @@
                         <a href="#" class="testLink" data-testmap="CameraApi/camera_api_test.json" target="_blank">Test camera API</a>
                     </td>
                 </tr>
+                <tr>
+                    <td>
+                        <input type="radio" name="test-set-tiles"> Success <input type="radio" name="test-set-tiles"> Failure <input type="radio" name="test-set-tiles" checked> Pending
+                    </td>
+                    <td>
+                        <a href="#" class="testLink" data-testmap="MovePlayer/move_player_api_test.json" target="_blank">Test Player Movement API</a>
+                    </td>
+                </tr>
                 <tr>
                     <td>
                         <input type="radio" name="test-variables"> Success <input type="radio" name="test-variables"> Failure <input type="radio" name="test-variables" checked> Pending

From f78392ceabb04ff4315009fae73255bdea717187 Mon Sep 17 00:00:00 2001
From: Hanusiak Piotr <piotr@ltmp.co>
Date: Wed, 19 Jan 2022 12:30:08 +0100
Subject: [PATCH 02/40] Pathfinding manager will now return path steps in pixel
 units by default

---
 front/src/Api/Events/IframeEvent.ts           |  6 ++--
 ...kPlayerToEvent.ts => MovePlayerToEvent.ts} |  4 +--
 front/src/Api/iframe/player.ts                |  4 +--
 front/src/Phaser/Game/GameScene.ts            | 21 +++++++++++--
 .../UserInput/GameSceneUserInputHandler.ts    | 13 ++------
 front/src/Utils/PathfindingManager.ts         | 16 ++++++++--
 maps/tests/MovePlayer/script.php              | 31 +++++--------------
 7 files changed, 50 insertions(+), 45 deletions(-)
 rename front/src/Api/Events/{WalkPlayerToEvent.ts => MovePlayerToEvent.ts} (58%)

diff --git a/front/src/Api/Events/IframeEvent.ts b/front/src/Api/Events/IframeEvent.ts
index e499f80a..12a9854e 100644
--- a/front/src/Api/Events/IframeEvent.ts
+++ b/front/src/Api/Events/IframeEvent.ts
@@ -34,7 +34,7 @@ import type { ChangeZoneEvent } from "./ChangeZoneEvent";
 import type { CameraSetEvent } from "./CameraSetEvent";
 import type { CameraFollowPlayerEvent } from "./CameraFollowPlayerEvent";
 import { isColorEvent } from "./ColorEvent";
-import { isWalkPlayerToEventConfig } from "./WalkPlayerToEvent";
+import { isMovePlayerToEventConfig } from "./MovePlayerToEvent";
 
 export interface TypedMessageEvent<T> extends MessageEvent {
     data: T;
@@ -174,8 +174,8 @@ export const iframeQueryMapTypeGuards = {
         query: tg.isUndefined,
         answer: isPlayerPosition,
     },
-    walkPlayerTo: {
-        query: isWalkPlayerToEventConfig,
+    movePlayerTo: {
+        query: isMovePlayerToEventConfig,
         answer: isPlayerPosition,
     },
 };
diff --git a/front/src/Api/Events/WalkPlayerToEvent.ts b/front/src/Api/Events/MovePlayerToEvent.ts
similarity index 58%
rename from front/src/Api/Events/WalkPlayerToEvent.ts
rename to front/src/Api/Events/MovePlayerToEvent.ts
index 82abcd03..cdb0830c 100644
--- a/front/src/Api/Events/WalkPlayerToEvent.ts
+++ b/front/src/Api/Events/MovePlayerToEvent.ts
@@ -1,6 +1,6 @@
 import * as tg from "generic-type-guard";
 
-export const isWalkPlayerToEventConfig = new tg.IsInterface()
+export const isMovePlayerToEventConfig = new tg.IsInterface()
     .withProperties({
         x: tg.isNumber,
         y: tg.isNumber,
@@ -8,4 +8,4 @@ export const isWalkPlayerToEventConfig = new tg.IsInterface()
     })
     .get();
 
-export type WalkPlayerToEvent = tg.GuardedType<typeof isWalkPlayerToEventConfig>;
+export type MovePlayerToEvent = tg.GuardedType<typeof isMovePlayerToEventConfig>;
diff --git a/front/src/Api/iframe/player.ts b/front/src/Api/iframe/player.ts
index dbc689d3..59687a5e 100644
--- a/front/src/Api/iframe/player.ts
+++ b/front/src/Api/iframe/player.ts
@@ -84,9 +84,9 @@ export class WorkadventurePlayerCommands extends IframeApiContribution<Workadven
         });
     }
 
-    public async walkTo(x: number, y: number, speed: number): Promise<{ x: number; y: number }> {
+    public async moveTo(x: number, y: number, speed: number): Promise<{ x: number; y: number }> {
         return await queryWorkadventure({
-            type: "walkPlayerTo",
+            type: "movePlayerTo",
             data: { x, y, speed },
         });
     }
diff --git a/front/src/Phaser/Game/GameScene.ts b/front/src/Phaser/Game/GameScene.ts
index ea967cf3..fc41c074 100644
--- a/front/src/Phaser/Game/GameScene.ts
+++ b/front/src/Phaser/Game/GameScene.ts
@@ -569,7 +569,11 @@ export class GameScene extends DirtyScene {
             waScaleManager
         );
 
-        this.pathfindingManager = new PathfindingManager(this, this.gameMap.getCollisionsGrid());
+        this.pathfindingManager = new PathfindingManager(
+            this,
+            this.gameMap.getCollisionsGrid(),
+            this.gameMap.getTileDimensions()
+        );
         biggestAvailableAreaStore.recompute();
         this.cameraManager.startFollowPlayer(this.CurrentPlayer);
 
@@ -1457,9 +1461,20 @@ ${escapedMessage}
             };
         });
 
-        iframeListener.registerAnswerer("walkPlayerTo", () => {
+        iframeListener.registerAnswerer("movePlayerTo", (message) => {
             // TODO: walk player to position, wait for promise to resolve
-            console.log("WALK PLAYER TO ACTION CALLED");
+            const index = this.getGameMap().getTileIndexAt(message.x, message.y);
+            const startTile = this.getGameMap().getTileIndexAt(this.CurrentPlayer.x, this.CurrentPlayer.y);
+            this.getPathfindingManager()
+                .findPath(startTile, index, true, true)
+                .then((path) => {
+                    // Remove first step as it is for the tile we are currently standing on
+                    path.shift();
+                    this.CurrentPlayer.setPathToFollow(path);
+                })
+                .catch((reason) => {
+                    console.warn(reason);
+                });
             return {
                 x: this.CurrentPlayer.x,
                 y: this.CurrentPlayer.y,
diff --git a/front/src/Phaser/UserInput/GameSceneUserInputHandler.ts b/front/src/Phaser/UserInput/GameSceneUserInputHandler.ts
index 2915901d..9874794c 100644
--- a/front/src/Phaser/UserInput/GameSceneUserInputHandler.ts
+++ b/front/src/Phaser/UserInput/GameSceneUserInputHandler.ts
@@ -31,18 +31,11 @@ export class GameSceneUserInputHandler implements UserInputHandlerInterface {
             .getTileIndexAt(this.gameScene.CurrentPlayer.x, this.gameScene.CurrentPlayer.y);
         this.gameScene
             .getPathfindingManager()
-            .findPath(startTile, index, true)
+            .findPath(startTile, index, true, true)
             .then((path) => {
-                const tileDimensions = this.gameScene.getGameMap().getTileDimensions();
-                const pixelPath = path.map((step) => {
-                    return {
-                        x: step.x * tileDimensions.width + tileDimensions.width * 0.5,
-                        y: step.y * tileDimensions.height + tileDimensions.height * 0.5,
-                    };
-                });
                 // Remove first step as it is for the tile we are currently standing on
-                pixelPath.shift();
-                this.gameScene.CurrentPlayer.setPathToFollow(pixelPath);
+                path.shift();
+                this.gameScene.CurrentPlayer.setPathToFollow(path);
             })
             .catch((reason) => {
                 console.warn(reason);
diff --git a/front/src/Utils/PathfindingManager.ts b/front/src/Utils/PathfindingManager.ts
index 2d0cae27..71205070 100644
--- a/front/src/Utils/PathfindingManager.ts
+++ b/front/src/Utils/PathfindingManager.ts
@@ -6,20 +6,23 @@ export class PathfindingManager {
 
     private easyStar;
     private grid: number[][];
+    private tileDimensions: { width: number; height: number };
 
-    constructor(scene: Phaser.Scene, collisionsGrid: number[][]) {
+    constructor(scene: Phaser.Scene, collisionsGrid: number[][], tileDimensions: { width: number; height: number }) {
         this.scene = scene;
 
         this.easyStar = new EasyStar.js();
         this.easyStar.enableDiagonals();
 
         this.grid = collisionsGrid;
+        this.tileDimensions = tileDimensions;
         this.setEasyStarGrid(collisionsGrid);
     }
 
     public async findPath(
         start: { x: number; y: number },
         end: { x: number; y: number },
+        measuredInPixels: boolean = true,
         tryFindingNearestAvailable: boolean = false
     ): Promise<{ x: number; y: number }[]> {
         let endPoints: { x: number; y: number }[] = [end];
@@ -48,12 +51,21 @@ export class PathfindingManager {
             // rejected Promise will return undefined for path
             path = await this.getPath(start, endPoint).catch();
             if (path && path.length > 0) {
-                return path;
+                return measuredInPixels ? this.mapTileUnitsToPixels(path) : path;
             }
         }
         return [];
     }
 
+    private mapTileUnitsToPixels(path: { x: number; y: number }[]): { x: number; y: number }[] {
+        return path.map((step) => {
+            return {
+                x: step.x * this.tileDimensions.width + this.tileDimensions.width * 0.5,
+                y: step.y * this.tileDimensions.height + this.tileDimensions.height * 0.5,
+            };
+        });
+    }
+
     private getNeighbouringTiles(tile: { x: number; y: number }): { x: number; y: number }[] {
         const xOffsets = [-1, 0, 1, 1, 1, 0, -1, -1];
         const yOffsets = [-1, -1, -1, 0, 1, 1, 1, 0];
diff --git a/maps/tests/MovePlayer/script.php b/maps/tests/MovePlayer/script.php
index 24f7fff4..9d68065f 100644
--- a/maps/tests/MovePlayer/script.php
+++ b/maps/tests/MovePlayer/script.php
@@ -5,31 +5,20 @@
     <script>
         window.addEventListener('load', () => {
             //@ts-ignore
-            WA.camera.onCameraUpdate((worldView) => console.log(worldView));
             WA.onInit().then(() => {
                 console.log('After WA init');
-                const setCameraButton = document.getElementById('setCameraButton');
-                const followPlayerButton = document.getElementById('followPlayerButton');
+                const movePlayerButton = document.getElementById('movePlayerButton');
                 const xField = document.getElementById('x');
                 const yField = document.getElementById('y');
-                const widthField = document.getElementById('width');
-                const heightField = document.getElementById('height');
-                const smoothField = document.getElementById('smooth');
-                const lockField = document.getElementById('lock');
+                const speedField = document.getElementById('speed');
 
-                setCameraButton.addEventListener('click', () => {
-                    WA.camera.set(
+                movePlayerButton.addEventListener('click', async () => {
+                    const position = await WA.player.moveTo(
                         parseInt(xField.value),
                         parseInt(yField.value),
-                        widthField.value ? parseInt(widthField.value) : undefined,
-                        heightField.value ? parseInt(heightField.value) : undefined,
-                        lockField.checked,
-                        smoothField.checked,
+                        parseInt(speedField.value),
                     );
-                });
-
-                followPlayerButton.addEventListener('click', () => {
-                    WA.camera.followPlayer(smoothField.checked);
+                    console.log(position);
                 });
             });
         })
@@ -38,13 +27,9 @@
 <body>
 X: <input type="text" id="x" value="496" /><br/>
 Y: <input type="text" id="y" value="655" /><br/>
-width: <input type="text" id="width" value="480" /><br/>
-height: <input type="text" id="height" value="286" /><br/>
-Smooth: <input type="checkbox" id="smooth" value=1 /><br/>
-Lock: <input type="checkbox" id="lock" value=1 /><br/>
+Speed: <input type="text" id="speed" value="20" /><br/>
 
-<button id="setCameraButton">Set Camera</button>
-<button id="followPlayerButton">Follow Player</button>
+<button id="movePlayerButton">Move Player</button>
 
 </body>
 </html>

From 9b94705177cb456fb914b567a5e30b542a3509e8 Mon Sep 17 00:00:00 2001
From: Hanusiak Piotr <piotr@ltmp.co>
Date: Wed, 19 Jan 2022 13:09:17 +0100
Subject: [PATCH 03/40] manually resolve promise on certain events for player
 path following

---
 front/src/Phaser/Game/GameScene.ts            | 20 +++++--------------
 front/src/Phaser/Player/Player.ts             |  9 ++++++++-
 .../UserInput/GameSceneUserInputHandler.ts    |  4 +++-
 3 files changed, 16 insertions(+), 17 deletions(-)

diff --git a/front/src/Phaser/Game/GameScene.ts b/front/src/Phaser/Game/GameScene.ts
index fc41c074..5b61ebc5 100644
--- a/front/src/Phaser/Game/GameScene.ts
+++ b/front/src/Phaser/Game/GameScene.ts
@@ -1461,24 +1461,14 @@ ${escapedMessage}
             };
         });
 
-        iframeListener.registerAnswerer("movePlayerTo", (message) => {
+        iframeListener.registerAnswerer("movePlayerTo", async (message) => {
             // TODO: walk player to position, wait for promise to resolve
             const index = this.getGameMap().getTileIndexAt(message.x, message.y);
             const startTile = this.getGameMap().getTileIndexAt(this.CurrentPlayer.x, this.CurrentPlayer.y);
-            this.getPathfindingManager()
-                .findPath(startTile, index, true, true)
-                .then((path) => {
-                    // Remove first step as it is for the tile we are currently standing on
-                    path.shift();
-                    this.CurrentPlayer.setPathToFollow(path);
-                })
-                .catch((reason) => {
-                    console.warn(reason);
-                });
-            return {
-                x: this.CurrentPlayer.x,
-                y: this.CurrentPlayer.y,
-            };
+            const path = await this.getPathfindingManager().findPath(startTile, index, true, true);
+            path.shift();
+            return this.CurrentPlayer.setPathToFollow(path);
+            // return position;
         });
     }
 
diff --git a/front/src/Phaser/Player/Player.ts b/front/src/Phaser/Player/Player.ts
index 451a057b..60e5cdcf 100644
--- a/front/src/Phaser/Player/Player.ts
+++ b/front/src/Phaser/Player/Player.ts
@@ -12,6 +12,7 @@ export const requestEmoteEventName = "requestEmote";
 
 export class Player extends Character {
     private pathToFollow?: { x: number; y: number }[];
+    private followingPathPromiseResolve?: (position: { x: number; y: number }) => void;
 
     constructor(
         Scene: GameScene,
@@ -44,6 +45,7 @@ export class Player extends Character {
 
         if (this.pathToFollow && activeUserInputEvents.anyExcept(UserInputEvent.SpeedUp)) {
             this.pathToFollow = undefined;
+            this.followingPathPromiseResolve?.call(this, { x: this.x, y: this.y });
         }
 
         let x = 0;
@@ -68,9 +70,13 @@ export class Player extends Character {
         this.scene.connection?.emitFollowConfirmation();
     }
 
-    public setPathToFollow(path: { x: number; y: number }[]): void {
+    public async setPathToFollow(path: { x: number; y: number }[]): Promise<{ x: number; y: number }> {
         // take collider offset into consideraton
         this.pathToFollow = this.adjustPathToFollowToColliderBounds(path);
+        return new Promise((resolve) => {
+            this.followingPathPromiseResolve?.call(this, { x: this.x, y: this.y });
+            this.followingPathPromiseResolve = resolve;
+        });
     }
 
     private adjustPathToFollowToColliderBounds(path: { x: number; y: number }[]): { x: number; y: number }[] {
@@ -150,6 +156,7 @@ export class Player extends Character {
     private computeFollowPathMovement(): number[] {
         if (this.pathToFollow?.length === 0) {
             this.pathToFollow = undefined;
+            this.followingPathPromiseResolve?.call(this, { x: this.x, y: this.y });
         }
         if (!this.pathToFollow) {
             return [0, 0];
diff --git a/front/src/Phaser/UserInput/GameSceneUserInputHandler.ts b/front/src/Phaser/UserInput/GameSceneUserInputHandler.ts
index 9874794c..9fdb0ce8 100644
--- a/front/src/Phaser/UserInput/GameSceneUserInputHandler.ts
+++ b/front/src/Phaser/UserInput/GameSceneUserInputHandler.ts
@@ -35,7 +35,9 @@ export class GameSceneUserInputHandler implements UserInputHandlerInterface {
             .then((path) => {
                 // Remove first step as it is for the tile we are currently standing on
                 path.shift();
-                this.gameScene.CurrentPlayer.setPathToFollow(path);
+                this.gameScene.CurrentPlayer.setPathToFollow(path).catch((reason) => {
+                    console.warn(reason);
+                });
             })
             .catch((reason) => {
                 console.warn(reason);

From c023c4f8fdb188014af0700241e7425897453775 Mon Sep 17 00:00:00 2001
From: Hanusiak Piotr <piotr@ltmp.co>
Date: Wed, 19 Jan 2022 13:53:06 +0100
Subject: [PATCH 04/40] optional following path movement speed

---
 front/src/Api/Events/MovePlayerToEvent.ts |  2 +-
 front/src/Api/iframe/player.ts            |  2 +-
 front/src/Phaser/Game/GameScene.ts        |  3 +--
 front/src/Phaser/Player/Player.ts         | 13 ++++++++++---
 maps/tests/MovePlayer/script.php          | 18 +++++++++++++++++-
 5 files changed, 30 insertions(+), 8 deletions(-)

diff --git a/front/src/Api/Events/MovePlayerToEvent.ts b/front/src/Api/Events/MovePlayerToEvent.ts
index cdb0830c..462e2f43 100644
--- a/front/src/Api/Events/MovePlayerToEvent.ts
+++ b/front/src/Api/Events/MovePlayerToEvent.ts
@@ -4,7 +4,7 @@ export const isMovePlayerToEventConfig = new tg.IsInterface()
     .withProperties({
         x: tg.isNumber,
         y: tg.isNumber,
-        speed: tg.isNumber,
+        speed: tg.isOptional(tg.isNumber),
     })
     .get();
 
diff --git a/front/src/Api/iframe/player.ts b/front/src/Api/iframe/player.ts
index 59687a5e..f2014f55 100644
--- a/front/src/Api/iframe/player.ts
+++ b/front/src/Api/iframe/player.ts
@@ -84,7 +84,7 @@ export class WorkadventurePlayerCommands extends IframeApiContribution<Workadven
         });
     }
 
-    public async moveTo(x: number, y: number, speed: number): Promise<{ x: number; y: number }> {
+    public async moveTo(x: number, y: number, speed?: number): Promise<{ x: number; y: number }> {
         return await queryWorkadventure({
             type: "movePlayerTo",
             data: { x, y, speed },
diff --git a/front/src/Phaser/Game/GameScene.ts b/front/src/Phaser/Game/GameScene.ts
index 5b61ebc5..a92e65be 100644
--- a/front/src/Phaser/Game/GameScene.ts
+++ b/front/src/Phaser/Game/GameScene.ts
@@ -1467,8 +1467,7 @@ ${escapedMessage}
             const startTile = this.getGameMap().getTileIndexAt(this.CurrentPlayer.x, this.CurrentPlayer.y);
             const path = await this.getPathfindingManager().findPath(startTile, index, true, true);
             path.shift();
-            return this.CurrentPlayer.setPathToFollow(path);
-            // return position;
+            return this.CurrentPlayer.setPathToFollow(path, message.speed);
         });
     }
 
diff --git a/front/src/Phaser/Player/Player.ts b/front/src/Phaser/Player/Player.ts
index 60e5cdcf..ae661e54 100644
--- a/front/src/Phaser/Player/Player.ts
+++ b/front/src/Phaser/Player/Player.ts
@@ -13,6 +13,7 @@ export const requestEmoteEventName = "requestEmote";
 export class Player extends Character {
     private pathToFollow?: { x: number; y: number }[];
     private followingPathPromiseResolve?: (position: { x: number; y: number }) => void;
+    private pathWalkingSpeed?: number;
 
     constructor(
         Scene: GameScene,
@@ -70,15 +71,20 @@ export class Player extends Character {
         this.scene.connection?.emitFollowConfirmation();
     }
 
-    public async setPathToFollow(path: { x: number; y: number }[]): Promise<{ x: number; y: number }> {
+    public async setPathToFollow(path: { x: number; y: number }[], speed?: number): Promise<{ x: number; y: number }> {
         // take collider offset into consideraton
         this.pathToFollow = this.adjustPathToFollowToColliderBounds(path);
+        this.pathWalkingSpeed = speed;
         return new Promise((resolve) => {
             this.followingPathPromiseResolve?.call(this, { x: this.x, y: this.y });
             this.followingPathPromiseResolve = resolve;
         });
     }
 
+    private deduceSpeed(speedUp: boolean, followMode: boolean): number {
+        return this.pathWalkingSpeed ? this.pathWalkingSpeed : speedUp && !followMode ? 25 : 9;
+    }
+
     private adjustPathToFollowToColliderBounds(path: { x: number; y: number }[]): { x: number; y: number }[] {
         return path.map((step) => {
             return { x: step.x, y: step.y - this.getBody().offset.y };
@@ -101,8 +107,8 @@ export class Player extends Character {
 
         // Compute movement deltas
         const followMode = get(followStateStore) !== "off";
-        const speedup = activeEvents.get(UserInputEvent.SpeedUp) && !followMode ? 25 : 9;
-        const moveAmount = speedup * 20;
+        const speed = this.deduceSpeed(activeEvents.get(UserInputEvent.SpeedUp), followMode);
+        const moveAmount = speed * 20;
         x = x * moveAmount;
         y = y * moveAmount;
 
@@ -156,6 +162,7 @@ export class Player extends Character {
     private computeFollowPathMovement(): number[] {
         if (this.pathToFollow?.length === 0) {
             this.pathToFollow = undefined;
+            this.pathWalkingSpeed = undefined;
             this.followingPathPromiseResolve?.call(this, { x: this.x, y: this.y });
         }
         if (!this.pathToFollow) {
diff --git a/maps/tests/MovePlayer/script.php b/maps/tests/MovePlayer/script.php
index 9d68065f..30d250a0 100644
--- a/maps/tests/MovePlayer/script.php
+++ b/maps/tests/MovePlayer/script.php
@@ -8,11 +8,26 @@
             WA.onInit().then(() => {
                 console.log('After WA init');
                 const movePlayerButton = document.getElementById('movePlayerButton');
+                const randomChainedMovementButton = document.getElementById('randomChainedMovementButton');
                 const xField = document.getElementById('x');
                 const yField = document.getElementById('y');
                 const speedField = document.getElementById('speed');
 
-                movePlayerButton.addEventListener('click', async () => {
+                randomChainedMovementButton.addEventListener('click', async () => {
+                    let pos;
+                    pos = await WA.player.moveTo(100, 100, 10);
+                    console.log(pos);
+                    pos = await WA.player.moveTo(500, 100, 10);
+                    console.log(pos);
+                    pos = await WA.player.moveTo(500, 500, 10);
+                    console.log(pos);
+                    pos = await WA.player.moveTo(100, 500, 10);
+                    console.log(pos);
+                    pos = await WA.player.moveTo(100, 100, 10);
+                    console.log(pos);
+                });
+
+                movePlayerButton.addEventListener('click', async () => {                    
                     const position = await WA.player.moveTo(
                         parseInt(xField.value),
                         parseInt(yField.value),
@@ -30,6 +45,7 @@ Y: <input type="text" id="y" value="655" /><br/>
 Speed: <input type="text" id="speed" value="20" /><br/>
 
 <button id="movePlayerButton">Move Player</button>
+<button id="randomChainedMovementButton">Do random chained movement</button>
 
 </body>
 </html>

From 8f40e7a33cb54c5eeaecd54104fb37cbbad28881 Mon Sep 17 00:00:00 2001
From: Hanusiak Piotr <piotr@ltmp.co>
Date: Wed, 19 Jan 2022 14:16:05 +0100
Subject: [PATCH 05/40] reject path following path promise if interrupted

---
 front/src/Phaser/Player/Player.ts | 20 +++++++++++++-------
 maps/tests/MovePlayer/script.php  | 26 +++++++++++++++-----------
 2 files changed, 28 insertions(+), 18 deletions(-)

diff --git a/front/src/Phaser/Player/Player.ts b/front/src/Phaser/Player/Player.ts
index ae661e54..62576d16 100644
--- a/front/src/Phaser/Player/Player.ts
+++ b/front/src/Phaser/Player/Player.ts
@@ -13,6 +13,7 @@ export const requestEmoteEventName = "requestEmote";
 export class Player extends Character {
     private pathToFollow?: { x: number; y: number }[];
     private followingPathPromiseResolve?: (position: { x: number; y: number }) => void;
+    private followingPathPromiseReject?: (position: { x: number; y: number }) => void;
     private pathWalkingSpeed?: number;
 
     constructor(
@@ -45,8 +46,7 @@ export class Player extends Character {
         }
 
         if (this.pathToFollow && activeUserInputEvents.anyExcept(UserInputEvent.SpeedUp)) {
-            this.pathToFollow = undefined;
-            this.followingPathPromiseResolve?.call(this, { x: this.x, y: this.y });
+            this.finishFollowingPath();
         }
 
         let x = 0;
@@ -75,9 +75,10 @@ export class Player extends Character {
         // take collider offset into consideraton
         this.pathToFollow = this.adjustPathToFollowToColliderBounds(path);
         this.pathWalkingSpeed = speed;
-        return new Promise((resolve) => {
-            this.followingPathPromiseResolve?.call(this, { x: this.x, y: this.y });
+        return new Promise((resolve, reject) => {
+            this.followingPathPromiseReject?.call(this, { x: this.x, y: this.y });
             this.followingPathPromiseResolve = resolve;
+            this.followingPathPromiseReject = reject;
         });
     }
 
@@ -161,9 +162,7 @@ export class Player extends Character {
 
     private computeFollowPathMovement(): number[] {
         if (this.pathToFollow?.length === 0) {
-            this.pathToFollow = undefined;
-            this.pathWalkingSpeed = undefined;
-            this.followingPathPromiseResolve?.call(this, { x: this.x, y: this.y });
+            this.finishFollowingPath();
         }
         if (!this.pathToFollow) {
             return [0, 0];
@@ -180,6 +179,13 @@ export class Player extends Character {
         return this.getMovementDirection(xDistance, yDistance, distance);
     }
 
+    private finishFollowingPath(cancelled: boolean = false): void {
+        this.pathToFollow = undefined;
+        this.pathWalkingSpeed = undefined;
+        const func = cancelled ? this.followingPathPromiseReject : this.followingPathPromiseResolve;
+        func?.call(this, { x: this.x, y: this.y });
+    }
+
     private getMovementDirection(xDistance: number, yDistance: number, distance: number): [number, number] {
         return [xDistance / Math.sqrt(distance), yDistance / Math.sqrt(distance)];
     }
diff --git a/maps/tests/MovePlayer/script.php b/maps/tests/MovePlayer/script.php
index 30d250a0..c505b939 100644
--- a/maps/tests/MovePlayer/script.php
+++ b/maps/tests/MovePlayer/script.php
@@ -14,17 +14,21 @@
                 const speedField = document.getElementById('speed');
 
                 randomChainedMovementButton.addEventListener('click', async () => {
-                    let pos;
-                    pos = await WA.player.moveTo(100, 100, 10);
-                    console.log(pos);
-                    pos = await WA.player.moveTo(500, 100, 10);
-                    console.log(pos);
-                    pos = await WA.player.moveTo(500, 500, 10);
-                    console.log(pos);
-                    pos = await WA.player.moveTo(100, 500, 10);
-                    console.log(pos);
-                    pos = await WA.player.moveTo(100, 100, 10);
-                    console.log(pos);
+                    try {
+                        let pos;
+                        pos = await WA.player.moveTo(100, 100, 10);
+                        console.log(pos);
+                        pos = await WA.player.moveTo(500, 100, 10);
+                        console.log(pos);
+                        pos = await WA.player.moveTo(500, 500, 10);
+                        console.log(pos);
+                        pos = await WA.player.moveTo(100, 500, 10);
+                        console.log(pos);
+                        pos = await WA.player.moveTo(100, 100, 10);
+                        console.log(pos);
+                    } catch (err) {
+                        console.log('movement was stopped forcefully');
+                    }
                 });
 
                 movePlayerButton.addEventListener('click', async () => {                    

From e70289c61d53ba2150880c141650fdec83ea3afc Mon Sep 17 00:00:00 2001
From: Hanusiak Piotr <piotr@ltmp.co>
Date: Wed, 19 Jan 2022 15:28:49 +0100
Subject: [PATCH 06/40] add WA.player.moveTo command to the readme

---
 docs/maps/api-player.md | 13 +++++++++++++
 1 file changed, 13 insertions(+)

diff --git a/docs/maps/api-player.md b/docs/maps/api-player.md
index d9a89bd1..a8280a6c 100644
--- a/docs/maps/api-player.md
+++ b/docs/maps/api-player.md
@@ -173,6 +173,19 @@ Example:
 WA.player.state.toto //will retrieve the variable
 ```
 
+### Move player to position
+Player will try to find shortest path to the destination point and proceed to move there.
+```typescript
+// Let's move player to x: 250 y: 250 with speed of 10
+WA.player.moveTo(250, 250, 10);
+```
+You can also chain movement like this:
+```typescript
+// Player will move to the next point after reaching first one
+await WA.player.moveTo(250, 250, 10);
+await WA.player.moveTo(500, 0, 10);
+```
+
 ### Set the outline color of the player
 ```
 WA.player.setOutlineColor(red: number, green: number, blue: number): Promise<void>;

From ef02a06ad7dac5779300aacc52e9063064dfc5be Mon Sep 17 00:00:00 2001
From: Hanusiak Piotr <piotr@ltmp.co>
Date: Wed, 19 Jan 2022 15:32:26 +0100
Subject: [PATCH 07/40] more details to the readme

---
 docs/maps/api-player.md | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/docs/maps/api-player.md b/docs/maps/api-player.md
index a8280a6c..4dfb52c7 100644
--- a/docs/maps/api-player.md
+++ b/docs/maps/api-player.md
@@ -174,6 +174,9 @@ WA.player.state.toto //will retrieve the variable
 ```
 
 ### Move player to position
+```typescript
+WA.player.moveTo(x: number, y: number, speed?: number): Promise<{ x: number, y: number }>;
+```
 Player will try to find shortest path to the destination point and proceed to move there.
 ```typescript
 // Let's move player to x: 250 y: 250 with speed of 10
@@ -185,6 +188,11 @@ You can also chain movement like this:
 await WA.player.moveTo(250, 250, 10);
 await WA.player.moveTo(500, 0, 10);
 ```
+It is possible to get the information about current player's position on stop or when movement is interrupted
+```typescript
+// Position will store x and y of Player at the moment of movement's end
+const position = await WA.player.moveTo(250, 250, 10);
+```
 
 ### Set the outline color of the player
 ```

From 62b00f852ddd994f2a79075a74d9f5fe9f1d12e8 Mon Sep 17 00:00:00 2001
From: Hanusiak Piotr <piotr@ltmp.co>
Date: Wed, 19 Jan 2022 17:22:28 +0100
Subject: [PATCH 08/40] throw an exception if no path found when using
 player.moveTo command. Cancelling path following no longer rejects the
 promise

---
 front/src/Api/iframe/player.ts                |  2 +-
 front/src/Phaser/Game/GameScene.ts            |  3 +++
 front/src/Phaser/Player/Player.ts             | 21 ++++++++++---------
 .../UserInput/GameSceneUserInputHandler.ts    |  4 +---
 .../MovePlayer/move_player_api_test.json      |  2 +-
 maps/tests/MovePlayer/script.php              | 20 ++++++++----------
 6 files changed, 26 insertions(+), 26 deletions(-)

diff --git a/front/src/Api/iframe/player.ts b/front/src/Api/iframe/player.ts
index f2014f55..cf10dfa5 100644
--- a/front/src/Api/iframe/player.ts
+++ b/front/src/Api/iframe/player.ts
@@ -84,7 +84,7 @@ export class WorkadventurePlayerCommands extends IframeApiContribution<Workadven
         });
     }
 
-    public async moveTo(x: number, y: number, speed?: number): Promise<{ x: number; y: number }> {
+    public async moveTo(x: number, y: number, speed?: number): Promise<{ x: number; y: number; cancelled: boolean }> {
         return await queryWorkadventure({
             type: "movePlayerTo",
             data: { x, y, speed },
diff --git a/front/src/Phaser/Game/GameScene.ts b/front/src/Phaser/Game/GameScene.ts
index a92e65be..739e195d 100644
--- a/front/src/Phaser/Game/GameScene.ts
+++ b/front/src/Phaser/Game/GameScene.ts
@@ -1467,6 +1467,9 @@ ${escapedMessage}
             const startTile = this.getGameMap().getTileIndexAt(this.CurrentPlayer.x, this.CurrentPlayer.y);
             const path = await this.getPathfindingManager().findPath(startTile, index, true, true);
             path.shift();
+            if (path.length === 0) {
+                throw new Error("no path available");
+            }
             return this.CurrentPlayer.setPathToFollow(path, message.speed);
         });
     }
diff --git a/front/src/Phaser/Player/Player.ts b/front/src/Phaser/Player/Player.ts
index 62576d16..c5134f1c 100644
--- a/front/src/Phaser/Player/Player.ts
+++ b/front/src/Phaser/Player/Player.ts
@@ -12,8 +12,7 @@ export const requestEmoteEventName = "requestEmote";
 
 export class Player extends Character {
     private pathToFollow?: { x: number; y: number }[];
-    private followingPathPromiseResolve?: (position: { x: number; y: number }) => void;
-    private followingPathPromiseReject?: (position: { x: number; y: number }) => void;
+    private followingPathPromiseResolve?: (result: { x: number; y: number; cancelled: boolean }) => void;
     private pathWalkingSpeed?: number;
 
     constructor(
@@ -46,7 +45,7 @@ export class Player extends Character {
         }
 
         if (this.pathToFollow && activeUserInputEvents.anyExcept(UserInputEvent.SpeedUp)) {
-            this.finishFollowingPath();
+            this.finishFollowingPath(true);
         }
 
         let x = 0;
@@ -71,14 +70,17 @@ export class Player extends Character {
         this.scene.connection?.emitFollowConfirmation();
     }
 
-    public async setPathToFollow(path: { x: number; y: number }[], speed?: number): Promise<{ x: number; y: number }> {
+    public async setPathToFollow(
+        path: { x: number; y: number }[],
+        speed?: number
+    ): Promise<{ x: number; y: number; cancelled: boolean }> {
+        const isPreviousPathInProgress = this.pathToFollow !== undefined && this.pathToFollow.length > 0;
         // take collider offset into consideraton
         this.pathToFollow = this.adjustPathToFollowToColliderBounds(path);
         this.pathWalkingSpeed = speed;
-        return new Promise((resolve, reject) => {
-            this.followingPathPromiseReject?.call(this, { x: this.x, y: this.y });
+        return new Promise((resolve) => {
+            this.followingPathPromiseResolve?.call(this, { x: this.x, y: this.y, cancelled: isPreviousPathInProgress });
             this.followingPathPromiseResolve = resolve;
-            this.followingPathPromiseReject = reject;
         });
     }
 
@@ -161,7 +163,7 @@ export class Player extends Character {
     }
 
     private computeFollowPathMovement(): number[] {
-        if (this.pathToFollow?.length === 0) {
+        if (this.pathToFollow !== undefined && this.pathToFollow.length === 0) {
             this.finishFollowingPath();
         }
         if (!this.pathToFollow) {
@@ -182,8 +184,7 @@ export class Player extends Character {
     private finishFollowingPath(cancelled: boolean = false): void {
         this.pathToFollow = undefined;
         this.pathWalkingSpeed = undefined;
-        const func = cancelled ? this.followingPathPromiseReject : this.followingPathPromiseResolve;
-        func?.call(this, { x: this.x, y: this.y });
+        this.followingPathPromiseResolve?.call(this, { x: this.x, y: this.y, cancelled });
     }
 
     private getMovementDirection(xDistance: number, yDistance: number, distance: number): [number, number] {
diff --git a/front/src/Phaser/UserInput/GameSceneUserInputHandler.ts b/front/src/Phaser/UserInput/GameSceneUserInputHandler.ts
index 9fdb0ce8..19bb02bb 100644
--- a/front/src/Phaser/UserInput/GameSceneUserInputHandler.ts
+++ b/front/src/Phaser/UserInput/GameSceneUserInputHandler.ts
@@ -35,9 +35,7 @@ export class GameSceneUserInputHandler implements UserInputHandlerInterface {
             .then((path) => {
                 // Remove first step as it is for the tile we are currently standing on
                 path.shift();
-                this.gameScene.CurrentPlayer.setPathToFollow(path).catch((reason) => {
-                    console.warn(reason);
-                });
+                this.gameScene.CurrentPlayer.setPathToFollow(path).catch((reason) => {});
             })
             .catch((reason) => {
                 console.warn(reason);
diff --git a/maps/tests/MovePlayer/move_player_api_test.json b/maps/tests/MovePlayer/move_player_api_test.json
index 965428e7..d9dc63c6 100644
--- a/maps/tests/MovePlayer/move_player_api_test.json
+++ b/maps/tests/MovePlayer/move_player_api_test.json
@@ -26,7 +26,7 @@
          "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, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 6, 7, 6, 7, 6, 7, 6, 7, 6, 7, 0, 0, 6, 7, 6, 7, 6, 7, 6, 7, 6, 7, 6, 7, 0, 0, 0, 0, 0, 0, 17, 18, 17, 18, 17, 18, 17, 18, 17, 18, 0, 0, 17, 18, 17, 18, 17, 18, 17, 18, 17, 18, 17, 18, 0, 0, 0, 0, 0, 0, 28, 29, 28, 29, 28, 29, 28, 29, 28, 29, 0, 0, 28, 29, 28, 29, 28, 29, 28, 29, 28, 29, 28, 29, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 6, 7, 6, 7, 6, 7, 6, 7, 6, 7, 6, 7, 6, 7, 6, 7, 6, 7, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 17, 18, 17, 18, 17, 18, 17, 18, 17, 18, 17, 18, 17, 18, 17, 18, 17, 18, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 28, 29, 28, 29, 28, 29, 28, 29, 28, 29, 28, 29, 28, 29, 28, 29, 28, 29, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 6, 7, 6, 7, 6, 7, 6, 7, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 6, 7, 6, 7, 6, 7, 0, 17, 18, 17, 18, 17, 18, 17, 18, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 17, 18, 17, 18, 17, 18, 0, 28, 29, 28, 29, 28, 29, 28, 29, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 28, 29, 28, 29, 28, 29, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 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, 17, 18, 17, 18, 17, 18, 17, 18, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 17, 18, 17, 18, 17, 18, 17, 18, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 17, 18, 17, 18, 17, 18, 17, 18, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 17, 18, 17, 18, 17, 18, 17, 18, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 17, 17, 17, 18, 17, 18, 17, 18, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 17, 18, 17, 18, 17, 18, 17, 18, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 28, 29, 28, 29, 28, 29, 28, 29, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 6, 7, 6, 7, 6, 7, 6, 7, 6, 7, 0, 0, 6, 7, 6, 7, 6, 7, 6, 7, 6, 7, 6, 7, 0, 0, 0, 0, 0, 0, 17, 18, 17, 18, 17, 18, 17, 18, 17, 18, 0, 0, 17, 18, 17, 18, 17, 18, 17, 18, 17, 18, 17, 18, 0, 0, 0, 0, 0, 0, 28, 29, 28, 29, 28, 29, 28, 29, 28, 29, 0, 0, 28, 29, 28, 29, 28, 29, 28, 29, 28, 29, 28, 29, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 6, 7, 6, 7, 6, 7, 6, 7, 6, 7, 6, 7, 6, 7, 6, 7, 6, 7, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 17, 18, 17, 18, 17, 18, 17, 18, 17, 18, 17, 18, 17, 18, 17, 18, 17, 18, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 28, 29, 28, 29, 28, 29, 28, 29, 28, 29, 28, 29, 28, 29, 28, 29, 28, 29, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 6, 7, 6, 7, 6, 7, 6, 7, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 6, 7, 6, 7, 6, 7, 0, 17, 18, 17, 18, 17, 18, 17, 18, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 17, 18, 17, 18, 17, 18, 0, 28, 29, 28, 29, 28, 29, 28, 29, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 28, 29, 28, 29, 28, 29, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 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":30,
          "id":6,
          "name":"furnitures",
diff --git a/maps/tests/MovePlayer/script.php b/maps/tests/MovePlayer/script.php
index c505b939..9676c914 100644
--- a/maps/tests/MovePlayer/script.php
+++ b/maps/tests/MovePlayer/script.php
@@ -15,17 +15,15 @@
 
                 randomChainedMovementButton.addEventListener('click', async () => {
                     try {
-                        let pos;
-                        pos = await WA.player.moveTo(100, 100, 10);
-                        console.log(pos);
-                        pos = await WA.player.moveTo(500, 100, 10);
-                        console.log(pos);
-                        pos = await WA.player.moveTo(500, 500, 10);
-                        console.log(pos);
-                        pos = await WA.player.moveTo(100, 500, 10);
-                        console.log(pos);
-                        pos = await WA.player.moveTo(100, 100, 10);
-                        console.log(pos);
+                        WA.player.moveTo(100, 100, 10).then((result) => {
+                            console.log(result);
+                            WA.player.moveTo(500, 100, 20).then((result) => {
+                                console.log(result);
+                                WA.player.moveTo(500, 500, 10).then((result) => {
+                                    console.log(result);
+                                });
+                            });
+                        });
                     } catch (err) {
                         console.log('movement was stopped forcefully');
                     }

From bf6b9a7c83fd08eecefbb214f1d6cd11dd47e2dc Mon Sep 17 00:00:00 2001
From: Hanusiak Piotr <piotr@ltmp.co>
Date: Thu, 20 Jan 2022 09:39:41 +0100
Subject: [PATCH 09/40] do not call joystick logic if not on mobile

---
 front/src/Phaser/UserInput/UserInputManager.ts | 16 ++++++++--------
 1 file changed, 8 insertions(+), 8 deletions(-)

diff --git a/front/src/Phaser/UserInput/UserInputManager.ts b/front/src/Phaser/UserInput/UserInputManager.ts
index ffaf7d1f..ffa67c3a 100644
--- a/front/src/Phaser/UserInput/UserInputManager.ts
+++ b/front/src/Phaser/UserInput/UserInputManager.ts
@@ -54,7 +54,7 @@ export class UserInputManager {
     private scene: Phaser.Scene;
     private isInputDisabled: boolean;
 
-    private joystick!: MobileJoystick;
+    private joystick?: MobileJoystick;
     private joystickEvents = new ActiveEventList();
     private joystickForceThreshold = 60;
     private joystickForceAccuX = 0;
@@ -81,9 +81,9 @@ export class UserInputManager {
     initVirtualJoystick() {
         this.joystick = new MobileJoystick(this.scene);
         this.joystick.on("update", () => {
-            this.joystickForceAccuX = this.joystick.forceX ? this.joystickForceAccuX : 0;
-            this.joystickForceAccuY = this.joystick.forceY ? this.joystickForceAccuY : 0;
-            const cursorKeys = this.joystick.createCursorKeys();
+            this.joystickForceAccuX = this.joystick?.forceX ? this.joystickForceAccuX : 0;
+            this.joystickForceAccuY = this.joystick?.forceY ? this.joystickForceAccuY : 0;
+            const cursorKeys = this.joystick?.createCursorKeys();
             for (const name in cursorKeys) {
                 const key = cursorKeys[name as Direction];
                 switch (name) {
@@ -192,7 +192,7 @@ export class UserInputManager {
             return eventsMap;
         }
         this.joystickEvents.forEach((value, key) => {
-            if (value) {
+            if (value && this.joystick) {
                 switch (key) {
                     case UserInputEvent.MoveUp:
                     case UserInputEvent.MoveDown:
@@ -253,7 +253,7 @@ export class UserInputManager {
         this.scene.input.on(
             Phaser.Input.Events.POINTER_UP,
             (pointer: Phaser.Input.Pointer, gameObjects: Phaser.GameObjects.GameObject[]) => {
-                this.joystick.hide();
+                this.joystick?.hide();
                 this.userInputHandler.handlePointerUpEvent(pointer, gameObjects);
             }
         );
@@ -267,9 +267,9 @@ export class UserInputManager {
                 this.userInputHandler.handlePointerDownEvent(pointer, gameObjects);
                 // Let's only display the joystick if there is one finger on the screen
                 if ((pointer.event as TouchEvent).touches.length === 1) {
-                    this.joystick.showAt(pointer.x, pointer.y);
+                    this.joystick?.showAt(pointer.x, pointer.y);
                 } else {
-                    this.joystick.hide();
+                    this.joystick?.hide();
                 }
             }
         );

From b088e63290f6e801b633c3427e2dbf6b49a35ca9 Mon Sep 17 00:00:00 2001
From: Hanusiak Piotr <piotr@ltmp.co>
Date: Thu, 20 Jan 2022 10:04:19 +0100
Subject: [PATCH 10/40] little fixes for moveTo example and with event return
 data

---
 front/src/Api/Events/IframeEvent.ts             |  3 ++-
 front/src/Api/Events/MovePlayerToEventAnswer.ts | 11 +++++++++++
 maps/tests/MovePlayer/script.php                |  9 +++++++++
 3 files changed, 22 insertions(+), 1 deletion(-)
 create mode 100644 front/src/Api/Events/MovePlayerToEventAnswer.ts

diff --git a/front/src/Api/Events/IframeEvent.ts b/front/src/Api/Events/IframeEvent.ts
index 12a9854e..e56699a7 100644
--- a/front/src/Api/Events/IframeEvent.ts
+++ b/front/src/Api/Events/IframeEvent.ts
@@ -35,6 +35,7 @@ import type { CameraSetEvent } from "./CameraSetEvent";
 import type { CameraFollowPlayerEvent } from "./CameraFollowPlayerEvent";
 import { isColorEvent } from "./ColorEvent";
 import { isMovePlayerToEventConfig } from "./MovePlayerToEvent";
+import { isMovePlayerToEventAnswer } from "./MovePlayerToEventAnswer";
 
 export interface TypedMessageEvent<T> extends MessageEvent {
     data: T;
@@ -176,7 +177,7 @@ export const iframeQueryMapTypeGuards = {
     },
     movePlayerTo: {
         query: isMovePlayerToEventConfig,
-        answer: isPlayerPosition,
+        answer: isMovePlayerToEventAnswer,
     },
 };
 
diff --git a/front/src/Api/Events/MovePlayerToEventAnswer.ts b/front/src/Api/Events/MovePlayerToEventAnswer.ts
new file mode 100644
index 00000000..67d2f9ae
--- /dev/null
+++ b/front/src/Api/Events/MovePlayerToEventAnswer.ts
@@ -0,0 +1,11 @@
+import * as tg from "generic-type-guard";
+
+export const isMovePlayerToEventAnswer = new tg.IsInterface()
+    .withProperties({
+        x: tg.isNumber,
+        y: tg.isNumber,
+        cancelled: tg.isBoolean,
+    })
+    .get();
+
+export type MovePlayerToEventAnswer = tg.GuardedType<typeof isMovePlayerToEventAnswer>;
diff --git a/maps/tests/MovePlayer/script.php b/maps/tests/MovePlayer/script.php
index 9676c914..74a57dfe 100644
--- a/maps/tests/MovePlayer/script.php
+++ b/maps/tests/MovePlayer/script.php
@@ -16,10 +16,19 @@
                 randomChainedMovementButton.addEventListener('click', async () => {
                     try {
                         WA.player.moveTo(100, 100, 10).then((result) => {
+                            if (result.cancelled) {
+                                return;
+                            }
                             console.log(result);
                             WA.player.moveTo(500, 100, 20).then((result) => {
+                                if (result.cancelled) {
+                                    return;
+                                }
                                 console.log(result);
                                 WA.player.moveTo(500, 500, 10).then((result) => {
+                                    if (result.cancelled) {
+                                        return;
+                                    }
                                     console.log(result);
                                 });
                             });

From 72c7eae5595262d2e35383a43ce1dbc5742d5afe Mon Sep 17 00:00:00 2001
From: Hanusiak Piotr <piotr@ltmp.co>
Date: Thu, 20 Jan 2022 12:54:55 +0100
Subject: [PATCH 11/40] readme changes

---
 docs/maps/api-player.md          | 16 +++++++++++++---
 maps/tests/MovePlayer/script.php | 30 ++++++++----------------------
 2 files changed, 21 insertions(+), 25 deletions(-)

diff --git a/docs/maps/api-player.md b/docs/maps/api-player.md
index 4dfb52c7..6480d60a 100644
--- a/docs/maps/api-player.md
+++ b/docs/maps/api-player.md
@@ -188,10 +188,20 @@ You can also chain movement like this:
 await WA.player.moveTo(250, 250, 10);
 await WA.player.moveTo(500, 0, 10);
 ```
-It is possible to get the information about current player's position on stop or when movement is interrupted
+Or like this:
 ```typescript
-// Position will store x and y of Player at the moment of movement's end
-const position = await WA.player.moveTo(250, 250, 10);
+// Player will move to the next point after reaching first one or stop if the movement was cancelled
+WA.player.moveTo(250, 250, 10).then((result) => {
+    if (!result.cancelled) {
+        WA.player.moveTo(500, 0, 10);
+    }
+});
+```
+It is possible to get the information about current player's position on stop and if the movement was interrupted
+```typescript
+// Result will store x and y of Player at the moment of movement's end and information if the movement was interrupted
+const result = await WA.player.moveTo(250, 250, 10);
+// result: { x: number, y: number, cancelled: boolean }
 ```
 
 ### Set the outline color of the player
diff --git a/maps/tests/MovePlayer/script.php b/maps/tests/MovePlayer/script.php
index 74a57dfe..1188277b 100644
--- a/maps/tests/MovePlayer/script.php
+++ b/maps/tests/MovePlayer/script.php
@@ -14,28 +14,14 @@
                 const speedField = document.getElementById('speed');
 
                 randomChainedMovementButton.addEventListener('click', async () => {
-                    try {
-                        WA.player.moveTo(100, 100, 10).then((result) => {
-                            if (result.cancelled) {
-                                return;
-                            }
-                            console.log(result);
-                            WA.player.moveTo(500, 100, 20).then((result) => {
-                                if (result.cancelled) {
-                                    return;
-                                }
-                                console.log(result);
-                                WA.player.moveTo(500, 500, 10).then((result) => {
-                                    if (result.cancelled) {
-                                        return;
-                                    }
-                                    console.log(result);
-                                });
-                            });
-                        });
-                    } catch (err) {
-                        console.log('movement was stopped forcefully');
-                    }
+                    WA.player.moveTo(500, 500, 10)
+                    const result = await WA.player.moveTo(100, 100, 10).then((result) => {
+                    if (result.completed)
+                        if (result.cancelled) {
+                            return;
+                        }
+                        WA.player.moveTo(500, 100, 20);
+                    });
                 });
 
                 movePlayerButton.addEventListener('click', async () => {                    

From cb0c5beecfde3c50c96acc7256f0d5385dfd7de1 Mon Sep 17 00:00:00 2001
From: Hanusiak Piotr <piotr@ltmp.co>
Date: Thu, 20 Jan 2022 14:14:24 +0100
Subject: [PATCH 12/40] get additional hash parameters from url

---
 front/src/Url/UrlManager.ts | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/front/src/Url/UrlManager.ts b/front/src/Url/UrlManager.ts
index 011efa5a..c6e463e4 100644
--- a/front/src/Url/UrlManager.ts
+++ b/front/src/Url/UrlManager.ts
@@ -49,6 +49,14 @@ class UrlManager {
         return hash.length > 1 ? hash.substring(1) : null;
     }
 
+    public getHashParameters(): Record<string, string> {
+        return window.location.hash.split("&").reduce((res: Record<string, string>, item: string) => {
+            const parts = item.split("=");
+            res[parts[0]] = parts[1];
+            return res;
+        }, {});
+    }
+
     pushStartLayerNameToUrl(startLayerName: string): void {
         window.location.hash = startLayerName;
     }

From e87c0a07a41004fa86d50333629f2fd43bb7bd3b Mon Sep 17 00:00:00 2001
From: Hanusiak Piotr <piotr@ltmp.co>
Date: Thu, 20 Jan 2022 15:10:54 +0100
Subject: [PATCH 13/40] moveTo parameter working if layer is found

---
 front/src/Phaser/Game/GameMap.ts   | 33 +++++++++++++++++++++++++++++-
 front/src/Phaser/Game/GameScene.ts | 23 ++++++++++++++++-----
 front/src/Url/UrlManager.ts        |  5 +++--
 front/src/Utils/MathUtils.ts       |  4 ++++
 4 files changed, 57 insertions(+), 8 deletions(-)

diff --git a/front/src/Phaser/Game/GameMap.ts b/front/src/Phaser/Game/GameMap.ts
index fc16110f..54f91866 100644
--- a/front/src/Phaser/Game/GameMap.ts
+++ b/front/src/Phaser/Game/GameMap.ts
@@ -1,4 +1,10 @@
-import type { ITiledMap, ITiledMapLayer, ITiledMapObject, ITiledMapProperty } from "../Map/ITiledMap";
+import type {
+    ITiledMap,
+    ITiledMapLayer,
+    ITiledMapObject,
+    ITiledMapProperty,
+    ITiledMapTileLayer,
+} from "../Map/ITiledMap";
 import { flattenGroupLayersMap } from "../Map/LayersFlattener";
 import TilemapLayer = Phaser.Tilemaps.TilemapLayer;
 import { DEPTH_OVERLAY_INDEX } from "./DepthIndexes";
@@ -291,6 +297,31 @@ export class GameMap {
         }
     }
 
+    public getRandomPositionFromLayer(layerName: string): { x: number; y: number } {
+        const layer = this.findLayer(layerName) as ITiledMapTileLayer;
+        if (!layer) {
+            throw new Error(`No layer "${layerName}" was found`);
+        }
+        const tiles = layer.data;
+        if (!tiles) {
+            throw new Error(`No tiles in "${layerName}" were found`);
+        }
+        if (typeof tiles === "string") {
+            throw new Error("The content of a JSON map must be filled as a JSON array, not as a string");
+        }
+        const possiblePositions: { x: number; y: number }[] = [];
+        tiles.forEach((objectKey: number, key: number) => {
+            if (objectKey === 0) {
+                return;
+            }
+            possiblePositions.push({ x: key % layer.width, y: Math.floor(key / layer.width) });
+        });
+        if (possiblePositions.length > 0) {
+            return MathUtils.randomFromArray(possiblePositions);
+        }
+        throw new Error("No possible position found");
+    }
+
     private getLayersByKey(key: number): Array<ITiledMapLayer> {
         return this.flatLayers.filter((flatLayer) => flatLayer.type === "tilelayer" && flatLayer.data[key] !== 0);
     }
diff --git a/front/src/Phaser/Game/GameScene.ts b/front/src/Phaser/Game/GameScene.ts
index 739e195d..8c5df9b7 100644
--- a/front/src/Phaser/Game/GameScene.ts
+++ b/front/src/Phaser/Game/GameScene.ts
@@ -559,6 +559,12 @@ export class GameScene extends DirtyScene {
                 .catch((e) => console.error(e));
         }
 
+        this.pathfindingManager = new PathfindingManager(
+            this,
+            this.gameMap.getCollisionsGrid(),
+            this.gameMap.getTileDimensions()
+        );
+
         //notify game manager can to create currentUser in map
         this.createCurrentPlayer();
         this.removeAllRemotePlayers(); //cleanup the list  of remote players in case the scene was rebooted
@@ -569,11 +575,6 @@ export class GameScene extends DirtyScene {
             waScaleManager
         );
 
-        this.pathfindingManager = new PathfindingManager(
-            this,
-            this.gameMap.getCollisionsGrid(),
-            this.gameMap.getTileDimensions()
-        );
         biggestAvailableAreaStore.recompute();
         this.cameraManager.startFollowPlayer(this.CurrentPlayer);
 
@@ -1725,6 +1726,18 @@ ${escapedMessage}
                 this.connection?.emitEmoteEvent(emoteKey);
                 analyticsClient.launchEmote(emoteKey);
             });
+            const moveToParam = urlManager.getHashParameter("moveTo");
+            if (moveToParam) {
+                const endPos = this.gameMap.getRandomPositionFromLayer(moveToParam);
+                this.pathfindingManager
+                    .findPath(this.gameMap.getTileIndexAt(this.CurrentPlayer.x, this.CurrentPlayer.y), endPos)
+                    .then((path) => {
+                        if (path && path.length > 0) {
+                            this.CurrentPlayer.setPathToFollow(path).catch((reason) => console.warn(reason));
+                        }
+                    })
+                    .catch((reason) => console.warn(reason));
+            }
         } catch (err) {
             if (err instanceof TextureError) {
                 gameManager.leaveGame(SelectCharacterSceneName, new SelectCharacterScene());
diff --git a/front/src/Url/UrlManager.ts b/front/src/Url/UrlManager.ts
index c6e463e4..3be17f08 100644
--- a/front/src/Url/UrlManager.ts
+++ b/front/src/Url/UrlManager.ts
@@ -49,12 +49,13 @@ class UrlManager {
         return hash.length > 1 ? hash.substring(1) : null;
     }
 
-    public getHashParameters(): Record<string, string> {
-        return window.location.hash.split("&").reduce((res: Record<string, string>, item: string) => {
+    public getHashParameter(name: string): string | undefined {
+        const parameters = window.location.hash.split("&").reduce((res: Record<string, string>, item: string) => {
             const parts = item.split("=");
             res[parts[0]] = parts[1];
             return res;
         }, {});
+        return parameters[name];
     }
 
     pushStartLayerNameToUrl(startLayerName: string): void {
diff --git a/front/src/Utils/MathUtils.ts b/front/src/Utils/MathUtils.ts
index c2fc88a2..fc055d11 100644
--- a/front/src/Utils/MathUtils.ts
+++ b/front/src/Utils/MathUtils.ts
@@ -31,4 +31,8 @@ export class MathUtils {
         const distance = Math.pow(p1.x - p2.x, 2) + Math.pow(p1.y - p2.y, 2);
         return squared ? Math.sqrt(distance) : distance;
     }
+
+    public static randomFromArray<T>(array: T[]): T {
+        return array[Math.floor(Math.random() * array.length)];
+    }
 }

From cebb803b2b9f9696f82418c79a2f3d79260f00f5 Mon Sep 17 00:00:00 2001
From: Hanusiak Piotr <piotr@ltmp.co>
Date: Thu, 20 Jan 2022 15:47:49 +0100
Subject: [PATCH 14/40] added test for moveTo command

---
 front/src/Url/UrlManager.ts |   6 +-
 maps/tests/index.html       |   8 ++
 maps/tests/move_to.json     | 269 ++++++++++++++++++++++++++++++++++++
 3 files changed, 282 insertions(+), 1 deletion(-)
 create mode 100644 maps/tests/move_to.json

diff --git a/front/src/Url/UrlManager.ts b/front/src/Url/UrlManager.ts
index 3be17f08..0833919a 100644
--- a/front/src/Url/UrlManager.ts
+++ b/front/src/Url/UrlManager.ts
@@ -46,7 +46,11 @@ class UrlManager {
 
     public getStartLayerNameFromUrl(): string | null {
         const hash = window.location.hash;
-        return hash.length > 1 ? hash.substring(1) : null;
+        let layerName = null;
+        if (hash.length > 1) {
+            layerName = hash.includes("&") ? hash.split("&")[0].substring(1) : hash.substring(1);
+        }
+        return layerName;
     }
 
     public getHashParameter(name: string): string | undefined {
diff --git a/maps/tests/index.html b/maps/tests/index.html
index 4af51be5..d27d7804 100644
--- a/maps/tests/index.html
+++ b/maps/tests/index.html
@@ -56,6 +56,14 @@
                         <a href="#" class="testLink" data-testmap="start-tile.json#S2" target="_blank">Test start tile (S2)</a>
                     </td>
                 </tr>
+                <tr>
+                    <td>
+                        <input type="radio" name="test-exits"> Success <input type="radio" name="test-exits"> Failure <input type="radio" name="test-exits" checked> Pending
+                    </td>
+                    <td>
+                        <a href="#" class="testLink" data-testmap="move_to.json" target="_blank">Test moveTo parameter</a>
+                    </td>
+                </tr>
                 <tr>
                     <td>
                         <input type="radio" name="test-exits"> Success <input type="radio" name="test-exits"> Failure <input type="radio" name="test-exits" checked> Pending
diff --git a/maps/tests/move_to.json b/maps/tests/move_to.json
new file mode 100644
index 00000000..2fdabab0
--- /dev/null
+++ b/maps/tests/move_to.json
@@ -0,0 +1,269 @@
+{ "compressionlevel":-1,
+ "height":10,
+ "infinite":false,
+ "layers":[
+        {
+         "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":1,
+         "name":"floor",
+         "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, 12, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 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":2,
+         "name":"start",
+         "opacity":1,
+         "type":"tilelayer",
+         "visible":true,
+         "width":10,
+         "x":0,
+         "y":0
+        }, 
+        {
+         "data":[17, 17, 17, 17, 17, 17, 17, 17, 17, 17, 17, 0, 0, 0, 0, 0, 0, 0, 0, 17, 17, 0, 0, 0, 0, 0, 0, 0, 0, 17, 17, 0, 0, 0, 0, 0, 0, 0, 0, 17, 0, 0, 0, 0, 0, 0, 0, 0, 0, 34, 17, 0, 0, 0, 0, 0, 0, 0, 0, 17, 17, 0, 0, 0, 0, 0, 0, 0, 0, 17, 17, 0, 0, 0, 0, 0, 0, 0, 0, 17, 17, 0, 0, 0, 0, 0, 0, 0, 0, 17, 17, 17, 17, 17, 17, 17, 17, 17, 17, 17],
+         "height":10,
+         "id":7,
+         "name":"walls",
+         "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, 34, 0, 0, 0, 0, 0, 0, 0, 0, 34, 34, 34, 0, 0, 0, 0, 0, 0, 34, 34, 34, 34, 0, 0, 0, 0, 0, 0, 0, 34, 34, 34, 0, 0, 0, 0, 0, 0, 0, 0, 34, 0, 0, 0, 0, 0, 0, 0, 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":8,
+         "name":"exit",
+         "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, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 12, 12, 0, 0, 0, 0, 0, 0, 0, 0, 12, 12, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0],
+         "height":10,
+         "id":10,
+         "name":"start2",
+         "opacity":1,
+         "properties":[
+                {
+                 "name":"startLayer",
+                 "type":"bool",
+                 "value":true
+                }],
+         "type":"tilelayer",
+         "visible":true,
+         "width":10,
+         "x":0,
+         "y":0
+        }, 
+        {
+         "draworder":"topdown",
+         "id":3,
+         "name":"floorLayer",
+         "objects":[
+                {
+                 "height":33.4788210765457,
+                 "id":1,
+                 "name":"",
+                 "rotation":0,
+                 "text":
+                    {
+                     "fontfamily":"Sans Serif",
+                     "pixelsize":13,
+                     "text":"Add \"moveTo\" parameter to the URL to make character move at game start.",
+                     "wrap":true
+                    },
+                 "type":"",
+                 "visible":true,
+                 "width":249.954975648686,
+                 "x":35.2740564642832,
+                 "y":34.4372323693377
+                }, 
+                {
+                 "height":19.6921,
+                 "id":3,
+                 "name":"",
+                 "rotation":0,
+                 "text":
+                    {
+                     "fontfamily":"Sans Serif",
+                     "pixelsize":13,
+                     "text":"...#start2&moveTo=exit",
+                     "wrap":true
+                    },
+                 "type":"",
+                 "visible":true,
+                 "width":158.292,
+                 "x":32,
+                 "y":114
+                }, 
+                {
+                 "height":19.6921,
+                 "id":4,
+                 "name":"",
+                 "rotation":0,
+                 "text":
+                    {
+                     "fontfamily":"Sans Serif",
+                     "pixelsize":13,
+                     "text":"start",
+                     "wrap":true
+                    },
+                 "type":"",
+                 "visible":true,
+                 "width":26.7596292501164,
+                 "x":3.30880298090358,
+                 "y":135.124359571495
+                }, 
+                {
+                 "height":19.6921,
+                 "id":5,
+                 "name":"",
+                 "rotation":0,
+                 "text":
+                    {
+                     "fontfamily":"Sans Serif",
+                     "pixelsize":13,
+                     "text":"...#start2&moveTo=start",
+                     "wrap":true
+                    },
+                 "type":"",
+                 "visible":true,
+                 "width":158.292,
+                 "x":32,
+                 "y":132
+                }, 
+                {
+                 "height":19.6921,
+                 "id":6,
+                 "name":"",
+                 "rotation":0,
+                 "text":
+                    {
+                     "fontfamily":"Sans Serif",
+                     "pixelsize":13,
+                     "text":"...#start&moveTo=exit",
+                     "wrap":true
+                    },
+                 "type":"",
+                 "visible":true,
+                 "width":158.292,
+                 "x":32,
+                 "y":93.740349627387
+                }, 
+                {
+                 "height":19.6921,
+                 "id":7,
+                 "name":"",
+                 "rotation":0,
+                 "text":
+                    {
+                     "fontfamily":"Sans Serif",
+                     "pixelsize":13,
+                     "text":"start2",
+                     "wrap":true
+                    },
+                 "type":"",
+                 "visible":true,
+                 "width":33.0940201210992,
+                 "x":74.556855798789,
+                 "y":245.393819585468
+                }, 
+                {
+                 "height":19.6921,
+                 "id":8,
+                 "name":"",
+                 "rotation":0,
+                 "text":
+                    {
+                     "fontfamily":"Sans Serif",
+                     "pixelsize":13,
+                     "text":"exit",
+                     "wrap":true
+                    },
+                 "type":"",
+                 "visible":true,
+                 "width":33.094,
+                 "x":257.323517000466,
+                 "y":135.100386888682
+                }],
+         "opacity":1,
+         "type":"objectgroup",
+         "visible":true,
+         "x":0,
+         "y":0
+        }],
+ "nextlayerid":11,
+ "nextobjectid":9,
+ "orientation":"orthogonal",
+ "renderorder":"right-down",
+ "tiledversion":"1.7.2",
+ "tileheight":32,
+ "tilesets":[
+        {
+         "columns":11,
+         "firstgid":1,
+         "image":"tileset1.png",
+         "imageheight":352,
+         "imagewidth":352,
+         "margin":0,
+         "name":"tileset1",
+         "spacing":0,
+         "tilecount":121,
+         "tileheight":32,
+         "tiles":[
+                {
+                 "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
+                        }]
+                }],
+         "tilewidth":32
+        }],
+ "tilewidth":32,
+ "type":"map",
+ "version":"1.6",
+ "width":10
+}
\ No newline at end of file

From 8a2767ef4041c67bce58ff7aa7865823262cc6bd Mon Sep 17 00:00:00 2001
From: Nolway <faizeau.alexis@gmail.com>
Date: Wed, 8 Dec 2021 01:34:50 +0100
Subject: [PATCH 15/40] Implement Translator: i18n system

---
 front/.eslintrc.js                           |   5 +-
 front/dist/resources/translations/.gitignore |   1 +
 front/package.json                           |   1 +
 front/src/Enum/EnvironmentVariable.ts        |   2 +
 front/src/Phaser/Game/GameManager.ts         |  14 +-
 front/src/Phaser/Login/EntryScene.ts         |  73 ++++----
 front/src/Translator/TranslationCompiler.ts  |  72 ++++++++
 front/src/Translator/Translator.ts           | 170 +++++++++++++++++++
 front/src/Utils/Cookies.ts                   |  20 +++
 front/src/define-plugin.d.ts                 |   2 +
 front/translations/en-US/index.en-US.json    |   5 +
 front/translations/en-US/test.en-US.json     |   5 +
 front/translations/fr-FR/index.fr-FR.json    |   5 +
 front/translations/fr-FR/test.fr-FR.json     |   5 +
 front/webpack.config.ts                      |  39 ++++-
 front/yarn.lock                              |  21 ++-
 16 files changed, 393 insertions(+), 47 deletions(-)
 create mode 100644 front/dist/resources/translations/.gitignore
 create mode 100644 front/src/Translator/TranslationCompiler.ts
 create mode 100644 front/src/Translator/Translator.ts
 create mode 100644 front/src/Utils/Cookies.ts
 create mode 100644 front/src/define-plugin.d.ts
 create mode 100644 front/translations/en-US/index.en-US.json
 create mode 100644 front/translations/en-US/test.en-US.json
 create mode 100644 front/translations/fr-FR/index.fr-FR.json
 create mode 100644 front/translations/fr-FR/test.fr-FR.json

diff --git a/front/.eslintrc.js b/front/.eslintrc.js
index ed94b3b2..fa57ebf4 100644
--- a/front/.eslintrc.js
+++ b/front/.eslintrc.js
@@ -8,7 +8,7 @@ module.exports = {
     "extends": [
         "eslint:recommended",
         "plugin:@typescript-eslint/eslint-recommended",
-        "plugin:@typescript-eslint/recommended-requiring-type-checking"
+        "plugin:@typescript-eslint/recommended-requiring-type-checking",
     ],
     "globals": {
         "Atomics": "readonly",
@@ -23,7 +23,7 @@ module.exports = {
     },
     "plugins": [
         "@typescript-eslint",
-        "svelte3"
+        "svelte3",
     ],
     "overrides": [
         {
@@ -33,6 +33,7 @@ module.exports = {
     ],
     "rules": {
         "no-unused-vars": "off",
+        "eol-last": ["error", "always"],
         "@typescript-eslint/no-explicit-any": "error",
         "no-throw-literal": "error",
         // TODO: remove those ignored rules and write a stronger code!
diff --git a/front/dist/resources/translations/.gitignore b/front/dist/resources/translations/.gitignore
new file mode 100644
index 00000000..a6c57f5f
--- /dev/null
+++ b/front/dist/resources/translations/.gitignore
@@ -0,0 +1 @@
+*.json
diff --git a/front/package.json b/front/package.json
index 4a4e78f6..c7b819bd 100644
--- a/front/package.json
+++ b/front/package.json
@@ -21,6 +21,7 @@
     "html-webpack-plugin": "^5.3.1",
     "jasmine": "^3.5.0",
     "lint-staged": "^11.0.0",
+    "merge-jsons-webpack-plugin": "^2.0.1",
     "mini-css-extract-plugin": "^1.6.0",
     "node-polyfill-webpack-plugin": "^1.1.2",
     "npm-run-all": "^4.1.5",
diff --git a/front/src/Enum/EnvironmentVariable.ts b/front/src/Enum/EnvironmentVariable.ts
index 76b4c8af..07d4ff8e 100644
--- a/front/src/Enum/EnvironmentVariable.ts
+++ b/front/src/Enum/EnvironmentVariable.ts
@@ -25,6 +25,7 @@ export const POSTHOG_API_KEY: string = (process.env.POSTHOG_API_KEY as string) |
 export const POSTHOG_URL = process.env.POSTHOG_URL || undefined;
 export const DISABLE_ANONYMOUS: boolean = process.env.DISABLE_ANONYMOUS === "true";
 export const OPID_LOGIN_SCREEN_PROVIDER = process.env.OPID_LOGIN_SCREEN_PROVIDER;
+const FALLBACK_LANGUAGE: string = process.env.FALLBACK_LANGUAGE || "en-US";
 
 export const isMobile = (): boolean => window.innerWidth <= 800 || window.innerHeight <= 600;
 
@@ -44,4 +45,5 @@ export {
     TURN_PASSWORD,
     JITSI_URL,
     JITSI_PRIVATE_MODE,
+    FALLBACK_LANGUAGE,
 };
diff --git a/front/src/Phaser/Game/GameManager.ts b/front/src/Phaser/Game/GameManager.ts
index e4f4ea1c..f023a7aa 100644
--- a/front/src/Phaser/Game/GameManager.ts
+++ b/front/src/Phaser/Game/GameManager.ts
@@ -1,14 +1,14 @@
-import { GameScene } from "./GameScene";
+import { get } from "svelte/store";
 import { connectionManager } from "../../Connexion/ConnectionManager";
+import { localUserStore } from "../../Connexion/LocalUserStore";
 import type { Room } from "../../Connexion/Room";
+import { helpCameraSettingsVisibleStore } from "../../Stores/HelpCameraSettingsStore";
+import { requestedCameraState, requestedMicrophoneState } from "../../Stores/MediaStore";
+import { menuIconVisiblilityStore } from "../../Stores/MenuStore";
+import { EnableCameraSceneName } from "../Login/EnableCameraScene";
 import { LoginSceneName } from "../Login/LoginScene";
 import { SelectCharacterSceneName } from "../Login/SelectCharacterScene";
-import { EnableCameraSceneName } from "../Login/EnableCameraScene";
-import { localUserStore } from "../../Connexion/LocalUserStore";
-import { get } from "svelte/store";
-import { requestedCameraState, requestedMicrophoneState } from "../../Stores/MediaStore";
-import { helpCameraSettingsVisibleStore } from "../../Stores/HelpCameraSettingsStore";
-import { menuIconVisiblilityStore } from "../../Stores/MenuStore";
+import { GameScene } from "./GameScene";
 
 /**
  * This class should be responsible for any scene starting/stopping
diff --git a/front/src/Phaser/Login/EntryScene.ts b/front/src/Phaser/Login/EntryScene.ts
index 3fb2e6b5..d75ead03 100644
--- a/front/src/Phaser/Login/EntryScene.ts
+++ b/front/src/Phaser/Login/EntryScene.ts
@@ -4,6 +4,7 @@ import { ErrorScene, ErrorSceneName } from "../Reconnecting/ErrorScene";
 import { WAError } from "../Reconnecting/WAError";
 import { waScaleManager } from "../Services/WaScaleManager";
 import { ReconnectingTextures } from "../Reconnecting/ReconnectingScene";
+import { translator } from "../../Translator/Translator";
 
 export const EntrySceneName = "EntryScene";
 
@@ -12,6 +13,7 @@ export const EntrySceneName = "EntryScene";
  * and to route to the next correct scene.
  */
 export class EntryScene extends Scene {
+
     constructor() {
         super({
             key: EntrySceneName,
@@ -24,41 +26,50 @@ export class EntryScene extends Scene {
         // Note: arcade.png from the Phaser 3 examples at: https://github.com/photonstorm/phaser3-examples/tree/master/public/assets/fonts/bitmap
         this.load.bitmapFont(ReconnectingTextures.mainFont, "resources/fonts/arcade.png", "resources/fonts/arcade.xml");
         this.load.spritesheet("cat", "resources/characters/pipoya/Cat 01-1.png", { frameWidth: 32, frameHeight: 32 });
+        translator.loadCurrentLanguageFile(this.load);
     }
 
     create() {
-        gameManager
-            .init(this.scene)
-            .then((nextSceneName) => {
-                // Let's rescale before starting the game
-                // We can do it at this stage.
-                waScaleManager.applyNewSize();
-                this.scene.start(nextSceneName);
+        translator
+            .loadCurrentLanguageObject(this.cache)
+            .catch((e: unknown) => {
+                console.error("Error during language loading!", e);
+                throw e;
             })
-            .catch((err) => {
-                if (err.response && err.response.status == 404) {
-                    ErrorScene.showError(
-                        new WAError(
-                            "Access link incorrect",
-                            "Could not find map. Please check your access link.",
-                            "If you want more information, you may contact administrator or contact us at: hello@workadventu.re"
-                        ),
-                        this.scene
-                    );
-                } else if (err.response && err.response.status == 403) {
-                    ErrorScene.showError(
-                        new WAError(
-                            "Connection rejected",
-                            "You cannot join the World. Try again later" +
-                                (err.response.data ? ". \n\r \n\r" + `${err.response.data}` : "") +
-                                ".",
-                            "If you want more information, you may contact administrator or contact us at: hello@workadventu.re"
-                        ),
-                        this.scene
-                    );
-                } else {
-                    ErrorScene.showError(err, this.scene);
-                }
+            .finally(() => {
+                gameManager
+                    .init(this.scene)
+                    .then((nextSceneName) => {
+                        // Let's rescale before starting the game
+                        // We can do it at this stage.
+                        waScaleManager.applyNewSize();
+                        this.scene.start(nextSceneName);
+                    })
+                    .catch((err) => {
+                        if (err.response && err.response.status == 404) {
+                            ErrorScene.showError(
+                                new WAError(
+                                    "Access link incorrect",
+                                    "Could not find map. Please check your access link.",
+                                    "If you want more information, you may contact administrator or contact us at: hello@workadventu.re"
+                                ),
+                                this.scene
+                            );
+                        } else if (err.response && err.response.status == 403) {
+                            ErrorScene.showError(
+                                new WAError(
+                                    "Connection rejected",
+                                    "You cannot join the World. Try again later" +
+                                        (err.response.data ? ". \n\r \n\r" + `${err.response.data}` : "") +
+                                        ".",
+                                    "If you want more information, you may contact administrator or contact us at: hello@workadventu.re"
+                                ),
+                                this.scene
+                            );
+                        } else {
+                            ErrorScene.showError(err, this.scene);
+                        }
+                    });
             });
     }
 }
diff --git a/front/src/Translator/TranslationCompiler.ts b/front/src/Translator/TranslationCompiler.ts
new file mode 100644
index 00000000..6b43ba2c
--- /dev/null
+++ b/front/src/Translator/TranslationCompiler.ts
@@ -0,0 +1,72 @@
+import fs from "fs";
+
+const translationsBasePath = "./translations";
+const fallbackLanguage = process.env.FALLBACK_LANGUAGE || "en-US";
+
+export type LanguageFound = {
+    id: string;
+    default: boolean;
+};
+
+const getAllLanguagesByFiles = (dirPath: string, languages: Array<LanguageFound> | undefined) => {
+    const files = fs.readdirSync(dirPath);
+    languages = languages || new Array<LanguageFound>();
+
+    files.forEach(function (file) {
+        if (fs.statSync(dirPath + "/" + file).isDirectory()) {
+            languages = getAllLanguagesByFiles(dirPath + "/" + file, languages);
+        } else {
+            const parts = file.split(".");
+
+            if (parts.length !== 3 || parts[0] !== "index" || parts[2] !== "json") {
+                return;
+            }
+
+            const rawData = fs.readFileSync(dirPath + "/" + file, "utf-8");
+            const languageObject = JSON.parse(rawData);
+
+            languages?.push({
+                id: parts[1],
+                default: languageObject.default !== undefined && languageObject.default,
+            });
+        }
+    });
+
+    return languages;
+};
+
+const getFallbackLanguageObject = (dirPath: string, languageObject: Object | undefined) => {
+    const files = fs.readdirSync(dirPath);
+    languageObject = languageObject || {};
+
+    files.forEach(function (file) {
+        if (fs.statSync(dirPath + "/" + file).isDirectory()) {
+            languageObject = getFallbackLanguageObject(dirPath + "/" + file, languageObject);
+        } else {
+            const parts = file.split(".");
+
+            if (parts.length !== 3 || parts[1] !== fallbackLanguage || parts[2] !== "json") {
+                return;
+            }
+
+            const rawData = fs.readFileSync(dirPath + "/" + file, "utf-8");
+            languageObject = { ...languageObject, ...JSON.parse(rawData) };
+        }
+    });
+
+    return languageObject;
+};
+
+const languagesToObject = () => {
+    const object: { [key: string]: boolean } = {};
+
+    languages.forEach((language) => {
+        object[language.id] = false;
+    });
+
+    return object;
+};
+
+export const languages = getAllLanguagesByFiles(translationsBasePath, undefined);
+export const languagesObject = languagesToObject();
+export const fallbackLanguageObject = getFallbackLanguageObject(translationsBasePath, undefined);
diff --git a/front/src/Translator/Translator.ts b/front/src/Translator/Translator.ts
new file mode 100644
index 00000000..7e02ac53
--- /dev/null
+++ b/front/src/Translator/Translator.ts
@@ -0,0 +1,170 @@
+import { FALLBACK_LANGUAGE } from "../Enum/EnvironmentVariable";
+import { getCookie } from "../Utils/Cookies";
+
+export type Language = {
+    language: string;
+    country: string;
+};
+
+type LanguageObject = {
+    [key: string]: string | LanguageObject;
+};
+
+class Translator {
+    public readonly fallbackLanguage: Language = this.getLanguageByString(FALLBACK_LANGUAGE) || {
+        language: "en",
+        country: "US",
+    };
+
+    private readonly fallbackLanguageObject: LanguageObject = FALLBACK_LANGUAGE_OBJECT as LanguageObject;
+
+    private currentLanguage: Language;
+    private currentLanguageObject: LanguageObject;
+
+    public constructor() {
+        this.currentLanguage = this.fallbackLanguage;
+        this.currentLanguageObject = this.fallbackLanguageObject;
+
+        this.defineCurrentLanguage();
+    }
+
+    public getLanguageByString(languageString: string): Language | undefined {
+        const parts = languageString.split("-");
+        if (parts.length !== 2 || parts[0].length !== 2 || parts[1].length !== 2) {
+            console.error(`Language string "${languageString}" do not respect RFC 5646 with language and country code`);
+            return undefined;
+        }
+
+        return {
+            language: parts[0].toLowerCase(),
+            country: parts[1].toUpperCase(),
+        };
+    }
+
+    public getStringByLanguage(language: Language): string | undefined {
+        return `${language.language}-${language.country}`;
+    }
+
+    public loadCurrentLanguageFile(pluginLoader: Phaser.Loader.LoaderPlugin) {
+        const languageString = this.getStringByLanguage(this.currentLanguage);
+        pluginLoader.json({
+            key: `language-${languageString}`,
+            url: `resources/translations/${languageString}.json`,
+        });
+    }
+
+    public loadCurrentLanguageObject(cacheManager: Phaser.Cache.CacheManager): Promise<void> {
+        return new Promise((resolve, reject) => {
+            const languageObject: Object = cacheManager.json.get(
+                `language-${this.getStringByLanguage(this.currentLanguage)}`
+            );
+
+            if (!languageObject) {
+                return reject();
+            }
+
+            this.currentLanguageObject = languageObject as LanguageObject;
+            return resolve();
+        });
+    }
+
+    public getLanguageWithoutCountry(languageString: string): Language | undefined {
+        if (languageString.length !== 2) {
+            return undefined;
+        }
+
+        let languageFound = undefined;
+
+        const languages: { [key: string]: boolean } = LANGUAGES as { [key: string]: boolean };
+
+        for (const language in languages) {
+            if (language.startsWith(languageString) && languages[language]) {
+                languageFound = this.getLanguageByString(language);
+                break;
+            }
+        }
+
+        return languageFound;
+    }
+
+    private defineCurrentLanguage() {
+        const navigatorLanguage: string | undefined = navigator.language;
+        const cookieLanguage = getCookie("language");
+        let currentLanguage = undefined;
+
+        if (cookieLanguage && typeof cookieLanguage === "string") {
+            const cookieLanguageObject = this.getLanguageByString(cookieLanguage);
+            if (cookieLanguageObject) {
+                currentLanguage = cookieLanguageObject;
+            }
+        }
+
+        if (!currentLanguage && navigatorLanguage) {
+            const navigatorLanguageObject =
+                navigator.language.length === 2
+                    ? this.getLanguageWithoutCountry(navigatorLanguage)
+                    : this.getLanguageByString(navigatorLanguage);
+            if (navigatorLanguageObject) {
+                currentLanguage = navigatorLanguageObject;
+            }
+        }
+
+        if (!currentLanguage || currentLanguage === this.fallbackLanguage) {
+            return;
+        }
+
+        this.currentLanguage = currentLanguage;
+    }
+
+    private getObjectValueByPath(path: string, object: LanguageObject): string | undefined {
+        const paths = path.split(".");
+        let currentValue: LanguageObject | string = object;
+
+        for (const path of paths) {
+            if (typeof currentValue === "string" || currentValue[path] === undefined) {
+                return undefined;
+            }
+
+            currentValue = currentValue[path];
+        }
+
+        if (typeof currentValue !== "string") {
+            return undefined;
+        }
+
+        return currentValue;
+    }
+
+    private formatStringWithParams(string: string, params: { [key: string]: string | number }): string {
+        let formattedString = string;
+
+        for (const param in params) {
+            const regex = `/{{\\s*\\${param}\\s*}}/g`;
+            formattedString = formattedString.replace(new RegExp(regex), params[param].toString());
+        }
+
+        return formattedString;
+    }
+
+    public _(key: string, params?: { [key: string]: string | number }): string {
+        const currentLanguageValue = this.getObjectValueByPath(key, this.currentLanguageObject);
+
+        if (currentLanguageValue) {
+            return params ? this.formatStringWithParams(currentLanguageValue, params) : currentLanguageValue;
+        }
+
+        console.warn(`"${key}" key cannot be found in ${this.getStringByLanguage(this.currentLanguage)} language`);
+
+        const fallbackLanguageValue = this.getObjectValueByPath(key, this.fallbackLanguageObject);
+
+        if (fallbackLanguageValue) {
+            return params ? this.formatStringWithParams(fallbackLanguageValue, params) : fallbackLanguageValue;
+        }
+
+        console.warn(`"${key}" key cannot be found in ${this.getStringByLanguage(this.fallbackLanguage)} fallback language`);
+
+        return key;
+    }
+}
+
+export const translator = new Translator();
diff --git a/front/src/Utils/Cookies.ts b/front/src/Utils/Cookies.ts
new file mode 100644
index 00000000..3ca418c2
--- /dev/null
+++ b/front/src/Utils/Cookies.ts
@@ -0,0 +1,20 @@
+export const setCookie = (name: string, value: unknown, days: number) => {
+    let expires = "";
+    if (days) {
+        const date = new Date();
+        date.setTime(date.getTime() + days * 24 * 60 * 60 * 1000);
+        expires = "; expires=" + date.toUTCString();
+    }
+    document.cookie = name + "=" + (value || "") + expires + "; path=/";
+};
+
+export const getCookie = (name: string): unknown | undefined => {
+    const nameEquals = name + "=";
+    const ca = document.cookie.split(";");
+    for (let i = 0; i < ca.length; i++) {
+        let c = ca[i];
+        while (c.charAt(0) == " ") c = c.substring(1, c.length);
+        if (c.indexOf(nameEquals) == 0) return c.substring(nameEquals.length, c.length);
+    }
+    return undefined;
+};
diff --git a/front/src/define-plugin.d.ts b/front/src/define-plugin.d.ts
new file mode 100644
index 00000000..679cf2e0
--- /dev/null
+++ b/front/src/define-plugin.d.ts
@@ -0,0 +1,2 @@
+declare const FALLBACK_LANGUAGE_OBJECT: Object;
+declare const LANGUAGES: Object;
diff --git a/front/translations/en-US/index.en-US.json b/front/translations/en-US/index.en-US.json
new file mode 100644
index 00000000..8de1fc09
--- /dev/null
+++ b/front/translations/en-US/index.en-US.json
@@ -0,0 +1,5 @@
+{
+    "language": "English",
+    "country": "United States",
+    "default": true
+}
diff --git a/front/translations/en-US/test.en-US.json b/front/translations/en-US/test.en-US.json
new file mode 100644
index 00000000..5bc56b94
--- /dev/null
+++ b/front/translations/en-US/test.en-US.json
@@ -0,0 +1,5 @@
+{
+    "test": {
+        "nolway": "Too mutch cofee"
+    }
+}
diff --git a/front/translations/fr-FR/index.fr-FR.json b/front/translations/fr-FR/index.fr-FR.json
new file mode 100644
index 00000000..b741e3bd
--- /dev/null
+++ b/front/translations/fr-FR/index.fr-FR.json
@@ -0,0 +1,5 @@
+{
+    "language": "Français",
+    "country": "France",
+    "default": true
+}
diff --git a/front/translations/fr-FR/test.fr-FR.json b/front/translations/fr-FR/test.fr-FR.json
new file mode 100644
index 00000000..ab428962
--- /dev/null
+++ b/front/translations/fr-FR/test.fr-FR.json
@@ -0,0 +1,5 @@
+{
+    "test": {
+        "nolway": "Trop de café"
+    }
+}
diff --git a/front/webpack.config.ts b/front/webpack.config.ts
index 77ad92bd..b407adb9 100644
--- a/front/webpack.config.ts
+++ b/front/webpack.config.ts
@@ -1,12 +1,16 @@
-import type { Configuration } from "webpack";
-import type WebpackDevServer from "webpack-dev-server";
-import path from "path";
-import webpack from "webpack";
+import ForkTsCheckerWebpackPlugin from "fork-ts-checker-webpack-plugin";
 import HtmlWebpackPlugin from "html-webpack-plugin";
 import MiniCssExtractPlugin from "mini-css-extract-plugin";
-import sveltePreprocess from "svelte-preprocess";
-import ForkTsCheckerWebpackPlugin from "fork-ts-checker-webpack-plugin";
 import NodePolyfillPlugin from "node-polyfill-webpack-plugin";
+import path from "path";
+import sveltePreprocess from "svelte-preprocess";
+import type { Configuration } from "webpack";
+import webpack from "webpack";
+import type WebpackDevServer from "webpack-dev-server";
+import type { LanguageFound } from "./src/Translator/TranslationCompiler";
+import { fallbackLanguageObject, languages, languagesObject } from "./src/Translator/TranslationCompiler";
+
+const MergeJsonWebpackPlugin = require("merge-jsons-webpack-plugin");
 
 const mode = process.env.NODE_ENV ?? "development";
 const buildNpmTypingsForApi = !!process.env.BUILD_TYPINGS;
@@ -141,6 +145,11 @@ module.exports = {
                     filename: "fonts/[name][ext]",
                 },
             },
+            {
+                test: /\.json$/,
+                exclude: /node_modules/,
+                type: "asset",
+            },
         ],
     },
     resolve: {
@@ -210,6 +219,24 @@ module.exports = {
             NODE_ENV: mode,
             DISABLE_ANONYMOUS: false,
             OPID_LOGIN_SCREEN_PROVIDER: null,
+            FALLBACK_LANGUAGE: null,
+        }),
+        new webpack.DefinePlugin({
+            FALLBACK_LANGUAGE_OBJECT: JSON.stringify(fallbackLanguageObject),
+            LANGUAGES: JSON.stringify(languagesObject),
+        }),
+        new MergeJsonWebpackPlugin({
+            output: {
+                groupBy: languages.map((language: LanguageFound) => {
+                    return {
+                        pattern: `./translations/**/*.${language.id}.json`,
+                        fileName: `./resources/translations/${language.id}.json`
+                    };
+                })
+            },
+            globOptions: {
+                nosort: true,
+            },
         }),
     ],
 } as Configuration & WebpackDevServer.Configuration;
diff --git a/front/yarn.lock b/front/yarn.lock
index d2ac31b3..d6768844 100644
--- a/front/yarn.lock
+++ b/front/yarn.lock
@@ -2776,6 +2776,18 @@ glob-to-regexp@^0.4.1:
   resolved "https://registry.yarnpkg.com/glob-to-regexp/-/glob-to-regexp-0.4.1.tgz#c75297087c851b9a578bd217dd59a92f59fe546e"
   integrity sha512-lkX1HJXwyMcprw/5YUZc2s7DrpAiHB21/V+E1rHUrVNokkvB6bqMzT0VfV6/86ZNabt1k14YOIaT7nDvOX3Iiw==
 
+glob@7.1.1:
+  version "7.1.1"
+  resolved "https://registry.yarnpkg.com/glob/-/glob-7.1.1.tgz#805211df04faaf1c63a3600306cdf5ade50b2ec8"
+  integrity sha1-gFIR3wT6rxxjo2ADBs31reULLsg=
+  dependencies:
+    fs.realpath "^1.0.0"
+    inflight "^1.0.4"
+    inherits "2"
+    minimatch "^3.0.2"
+    once "^1.3.0"
+    path-is-absolute "^1.0.0"
+
 glob@^7.0.3, glob@^7.1.3, glob@^7.1.6:
   version "7.1.7"
   resolved "https://registry.yarnpkg.com/glob/-/glob-7.1.7.tgz#3b193e9233f01d42d0b3f78294bbeeb418f94a90"
@@ -3860,6 +3872,13 @@ merge-descriptors@1.0.1:
   resolved "https://registry.yarnpkg.com/merge-descriptors/-/merge-descriptors-1.0.1.tgz#b00aaa556dd8b44568150ec9d1b953f3f90cbb61"
   integrity sha1-sAqqVW3YtEVoFQ7J0blT8/kMu2E=
 
+merge-jsons-webpack-plugin@^2.0.1:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/merge-jsons-webpack-plugin/-/merge-jsons-webpack-plugin-2.0.1.tgz#f2975ce0f734171331d42eee62d63329031800b4"
+  integrity sha512-8GP8rpOX3HSFsm7Gx+b3OAQR7yhgeAQvMqcZOJ+/cQIrqdak1c42a2T2vyeee8pzGPBf7pMLumthPh4CHgv2BA==
+  dependencies:
+    glob "7.1.1"
+
 merge-stream@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/merge-stream/-/merge-stream-2.0.0.tgz#52823629a14dd00c9770fb6ad47dc6310f2c1f60"
@@ -3961,7 +3980,7 @@ minimalistic-crypto-utils@^1.0.1:
   resolved "https://registry.yarnpkg.com/minimalistic-crypto-utils/-/minimalistic-crypto-utils-1.0.1.tgz#f6c00c1c0b082246e5c4d99dfb8c7c083b2b582a"
   integrity sha1-9sAMHAsIIkblxNmd+4x8CDsrWCo=
 
-minimatch@^3.0.4:
+minimatch@^3.0.2, minimatch@^3.0.4:
   version "3.0.4"
   resolved "https://registry.yarnpkg.com/minimatch/-/minimatch-3.0.4.tgz#5166e286457f03306064be5497e8dbb0c3d32083"
   integrity sha512-yJHVQEhyqPLUTgt9B83PXu6W3rx4MvvHvSUvToogpwoGDOUQ+yDrR0HRot+yOCdCO7u4hX3pWft6kWBBcqh0UA==

From 77f8426788394ec80493d9644391eeb93d3b1f0f Mon Sep 17 00:00:00 2001
From: Nolway <faizeau.alexis@gmail.com>
Date: Wed, 8 Dec 2021 20:12:18 +0100
Subject: [PATCH 16/40] Add translator documentation

---
 docs/maps/api-player.md                |  17 ++++
 front/src/Translator/Translator.ts     |  64 ++++++++++++++-
 front/translations/how-to-translate.md | 103 +++++++++++++++++++++++++
 3 files changed, 180 insertions(+), 4 deletions(-)
 create mode 100644 front/translations/how-to-translate.md

diff --git a/docs/maps/api-player.md b/docs/maps/api-player.md
index d9a89bd1..04dd5613 100644
--- a/docs/maps/api-player.md
+++ b/docs/maps/api-player.md
@@ -36,6 +36,23 @@ WA.onInit().then(() => {
 })
 ```
 
+### Get the player language
+
+```
+WA.player.language: string;
+```
+
+The current language of player is available from the `WA.player.language` property.
+
+{.alert.alert-info}
+You need to wait for the end of the initialization before accessing `WA.player.language`
+
+```typescript
+WA.onInit().then(() => {
+    console.log('Player language: ', WA.player.language);
+})
+```
+
 ### Get the tags of the player
 
 ```
diff --git a/front/src/Translator/Translator.ts b/front/src/Translator/Translator.ts
index 7e02ac53..57a9e26e 100644
--- a/front/src/Translator/Translator.ts
+++ b/front/src/Translator/Translator.ts
@@ -10,6 +10,10 @@ type LanguageObject = {
     [key: string]: string | LanguageObject;
 };
 
+type TranslationParams = {
+    [key: string]: string | number
+};
+
 class Translator {
     public readonly fallbackLanguage: Language = this.getLanguageByString(FALLBACK_LANGUAGE) || {
         language: "en",
@@ -18,7 +22,14 @@ class Translator {
 
     private readonly fallbackLanguageObject: LanguageObject = FALLBACK_LANGUAGE_OBJECT as LanguageObject;
 
+    /**
+     * Current language
+     */
     private currentLanguage: Language;
+
+    /**
+     * Contain all translation keys of current language
+     */
     private currentLanguageObject: LanguageObject;
 
     public constructor() {
@@ -28,6 +39,11 @@ class Translator {
         this.defineCurrentLanguage();
     }
 
+    /**
+     * Get language object from string who respect the RFC 5646
+     * @param {string} languageString RFC 5646 formatted string
+     * @returns {Language|undefined} Language object who represent the languageString
+     */
     public getLanguageByString(languageString: string): Language | undefined {
         const parts = languageString.split("-");
         if (parts.length !== 2 || parts[0].length !== 2 || parts[1].length !== 2) {
@@ -41,10 +57,19 @@ class Translator {
         };
     }
 
+    /**
+     * Get a string who respect the RFC 5646 by a language object
+     * @param {Language} language A language object
+     * @returns {string|undefined} String who represent the language object
+     */
     public getStringByLanguage(language: Language): string | undefined {
         return `${language.language}-${language.country}`;
     }
 
+    /**
+     * Add the current language file loading into Phaser loader queue
+     * @param {Phaser.Loader.LoaderPlugin} pluginLoader Phaser LoaderPLugin
+     */
     public loadCurrentLanguageFile(pluginLoader: Phaser.Loader.LoaderPlugin) {
         const languageString = this.getStringByLanguage(this.currentLanguage);
         pluginLoader.json({
@@ -53,6 +78,11 @@ class Translator {
         });
     }
 
+    /**
+     * Get from the Phase cache the current language object and promise to load it
+     * @param {Phaser.Cache.CacheManager} cacheManager Phaser CacheManager
+     * @returns {Promise<void>} Load current language promise
+     */
     public loadCurrentLanguageObject(cacheManager: Phaser.Cache.CacheManager): Promise<void> {
         return new Promise((resolve, reject) => {
             const languageObject: Object = cacheManager.json.get(
@@ -68,6 +98,11 @@ class Translator {
         });
     }
 
+    /**
+     * Get the language for RFC 5646 2 char string from availables languages
+     * @param {string} languageString Language RFC 5646 string
+     * @returns {Language|undefined} Language object who represent the languageString
+     */
     public getLanguageWithoutCountry(languageString: string): Language | undefined {
         if (languageString.length !== 2) {
             return undefined;
@@ -87,6 +122,9 @@ class Translator {
         return languageFound;
     }
 
+    /**
+     * Define the current language by the navigator or a cookie
+     */
     private defineCurrentLanguage() {
         const navigatorLanguage: string | undefined = navigator.language;
         const cookieLanguage = getCookie("language");
@@ -116,8 +154,14 @@ class Translator {
         this.currentLanguage = currentLanguage;
     }
 
-    private getObjectValueByPath(path: string, object: LanguageObject): string | undefined {
-        const paths = path.split(".");
+    /**
+     * Get value on object by property path
+     * @param {string} key Translation key
+     * @param {LanguageObject} object Language object
+     * @returns {string|undefined} Found translation by path
+     */
+    private getObjectValueByPath(key: string, object: LanguageObject): string | undefined {
+        const paths = key.split(".");
         let currentValue: LanguageObject | string = object;
 
         for (const path of paths) {
@@ -135,7 +179,13 @@ class Translator {
         return currentValue;
     }
 
-    private formatStringWithParams(string: string, params: { [key: string]: string | number }): string {
+    /**
+     * Replace {{ }} tags on a string by the params values
+     * @param {string} string Translation string
+     * @param {{ [key: string]: string | number }} params Tags to replace by value
+     * @returns {string} Formatted string
+     */
+    private formatStringWithParams(string: string, params: TranslationParams): string {
         let formattedString = string;
 
         for (const param in params) {
@@ -146,7 +196,13 @@ class Translator {
         return formattedString;
     }
 
-    public _(key: string, params?: { [key: string]: string | number }): string {
+    /**
+     * Get translation by a key and formatted with params by {{ }} tag
+     * @param {string} key Translation key
+     * @param {{ [key: string]: string | number }} params Tags to replace by value
+     * @returns {string} Translation formatted
+     */
+    public _(key: string, params?: TranslationParams): string {
         const currentLanguageValue = this.getObjectValueByPath(key, this.currentLanguageObject);
 
         if (currentLanguageValue) {
diff --git a/front/translations/how-to-translate.md b/front/translations/how-to-translate.md
new file mode 100644
index 00000000..1586c17e
--- /dev/null
+++ b/front/translations/how-to-translate.md
@@ -0,0 +1,103 @@
+# How to translate WorkAdventure
+
+## How the translation files work
+
+In the translations folder, all json files of the form [namespace].[language code].json are interpreted to create languages by the language code in the file name.
+
+The only mandatory file that is the entry point is the index.[language code].json which must contain the properties language, country and default so that the language can be taken into account.
+
+Example:
+```json
+{
+    "language": "English", # Language that will be used
+    "country": "United States", # Country specification (e.g. British English and American English are not the same thing)
+    "default": true # In some cases WorkAdventure only knows the language, not the country language of the browser. In this case it takes the language with the default property at true.
+}
+```
+
+It does not matter where the file is placed in this folder. However, we have set up the following architecture in order to have a simple reading:
+
+- translations/
+    - [language code]/
+        - [namepace].[language code].json
+
+Example:
+- translations/
+    - en-US/
+        - index.en-US.json
+        - main-menu.en-US.json
+        - chat.en-US.json
+    - fr-FR/
+        - index.fr-FR.json
+        - main-menu.fr-FR.json
+        - chat.fr-FR.json
+
+## Add a new language
+
+It is very easy to add a new language!
+
+First, in the translations folder create a new folder with the language code as name (the language code according to [RFC 5646](https://datatracker.ietf.org/doc/html/rfc5646)).
+
+In the previously created folder, add a file named as index.[language code].json with the following content:
+
+```json
+{
+    "language": "Language Name",
+    "country": "Country Name",
+    "default": true
+}
+```
+
+See the section above (*How the translation files work*) for more information on how this works.
+
+BE CAREFUL if your language has variants by country don't forget to give attention to the default language used. If several languages are default the first one in the list will be used.
+
+## Add a new key
+
+### Add a simple key
+The keys are searched by a path through the properties of the sub-objects and it is therefore advisable to write your translation as a JavaScript object.
+
+Please use [kebab-case](https://en.wikipedia.org/wiki/Letter_case#Kebab_case) to name your keys!
+
+Example:
+
+```json
+{
+    "messages": {
+        "coffe-machine":{
+            "start": "Coffe machine has been started!"
+        }
+    }
+}
+```
+
+In the code you can use it like this:
+
+```js
+translator._('messages.coffe-machine.start');
+```
+
+### Add a key with parameters
+
+You can also use parameters to make the translation dynamic.
+Use the tag {{ [parameter name] }} to apply your parameters in the translations
+
+Example:
+
+```json
+{
+    "messages": {
+        "coffe-machine":{
+            "player-start": "{{ playerName }} started the coffee machine!"
+        }
+    }
+}
+```
+
+In the code you can use it like this:
+
+```js
+translator._('messages.coffe-machine.player-start', {
+    playerName: "John"
+});
+```
\ No newline at end of file

From 8286cdd41d54814c232b1cf5959bbb7e004ec12d Mon Sep 17 00:00:00 2001
From: Nolway <faizeau.alexis@gmail.com>
Date: Thu, 9 Dec 2021 01:31:18 +0100
Subject: [PATCH 17/40] Add WA.player.language in the API

---
 front/src/Api/Events/GameStateEvent.ts |  1 +
 front/src/Api/iframe/player.ts         | 15 +++++++++++++++
 front/src/Phaser/Game/GameScene.ts     |  4 ++++
 front/src/Translator/Translator.ts     | 10 +++++++++-
 front/src/iframe_api.ts                |  3 ++-
 5 files changed, 31 insertions(+), 2 deletions(-)

diff --git a/front/src/Api/Events/GameStateEvent.ts b/front/src/Api/Events/GameStateEvent.ts
index 6d20ac9e..80c07e5a 100644
--- a/front/src/Api/Events/GameStateEvent.ts
+++ b/front/src/Api/Events/GameStateEvent.ts
@@ -5,6 +5,7 @@ export const isGameStateEvent = new tg.IsInterface()
         roomId: tg.isString,
         mapUrl: tg.isString,
         nickname: tg.isString,
+        language: tg.isUnion(tg.isString, tg.isUndefined),
         uuid: tg.isUnion(tg.isString, tg.isUndefined),
         startLayerName: tg.isUnion(tg.isString, tg.isNull),
         tags: tg.isArray(tg.isString),
diff --git a/front/src/Api/iframe/player.ts b/front/src/Api/iframe/player.ts
index 0c71ae33..281cb295 100644
--- a/front/src/Api/iframe/player.ts
+++ b/front/src/Api/iframe/player.ts
@@ -13,6 +13,12 @@ export const setPlayerName = (name: string) => {
     playerName = name;
 };
 
+let playerLanguage: string | undefined;
+
+export const setPlayerLanguage = (language: string | undefined) => {
+    playerLanguage = language;
+};
+
 let tags: string[] | undefined;
 
 export const setTags = (_tags: string[]) => {
@@ -61,6 +67,15 @@ export class WorkadventurePlayerCommands extends IframeApiContribution<Workadven
         return playerName;
     }
 
+    get language(): string {
+        if (playerLanguage === undefined) {
+            throw new Error(
+                "Player language not initialized yet. You should call WA.player.language within a WA.onInit callback."
+            );
+        }
+        return playerLanguage;
+    }
+
     get tags(): string[] {
         if (tags === undefined) {
             throw new Error("Tags not initialized yet. You should call WA.player.tags within a WA.onInit callback.");
diff --git a/front/src/Phaser/Game/GameScene.ts b/front/src/Phaser/Game/GameScene.ts
index 26e4004a..c7147993 100644
--- a/front/src/Phaser/Game/GameScene.ts
+++ b/front/src/Phaser/Game/GameScene.ts
@@ -76,6 +76,7 @@ import { userIsAdminStore } from "../../Stores/GameStore";
 import { contactPageStore } from "../../Stores/MenuStore";
 import type { WasCameraUpdatedEvent } from "../../Api/Events/WasCameraUpdatedEvent";
 import { audioManagerFileStore, audioManagerVisibilityStore } from "../../Stores/AudioManagerStore";
+import { Translator } from "../../Translator/Translator";
 
 import EVENT_TYPE = Phaser.Scenes.Events;
 import Texture = Phaser.Textures.Texture;
@@ -211,6 +212,7 @@ export class GameScene extends DirtyScene {
     private loader: Loader;
     private lastCameraEvent: WasCameraUpdatedEvent | undefined;
     private firstCameraUpdateSent: boolean = false;
+    private translator: Translator;
 
     constructor(private room: Room, MapUrlFile: string, customKey?: string | undefined) {
         super({
@@ -230,6 +232,7 @@ export class GameScene extends DirtyScene {
             this.connectionAnswerPromiseResolve = resolve;
         });
         this.loader = new Loader(this);
+        this.translator = Translator.getInstance();
     }
 
     //hook preload scene
@@ -1321,6 +1324,7 @@ ${escapedMessage}
                 startLayerName: this.startPositionCalculator.startLayerName,
                 uuid: localUserStore.getLocalUser()?.uuid,
                 nickname: this.playerName,
+                language: Translator.getStringByLanguage(this.translator.getCurrentLanguage()),
                 roomId: this.roomUrl,
                 tags: this.connection ? this.connection.getAllTags() : [],
                 variables: this.sharedVariablesManager.variables,
diff --git a/front/src/Translator/Translator.ts b/front/src/Translator/Translator.ts
index 57a9e26e..b1e0bdf4 100644
--- a/front/src/Translator/Translator.ts
+++ b/front/src/Translator/Translator.ts
@@ -11,7 +11,7 @@ type LanguageObject = {
 };
 
 type TranslationParams = {
-    [key: string]: string | number
+    [key: string]: string | number;
 };
 
 class Translator {
@@ -122,6 +122,14 @@ class Translator {
         return languageFound;
     }
 
+    /**
+     * Get the current language
+     * @returns {Language} Current language
+     */
+    public getCurrentLanguage(): Language {
+        return this.currentLanguage;
+    }
+
     /**
      * Define the current language by the navigator or a cookie
      */
diff --git a/front/src/iframe_api.ts b/front/src/iframe_api.ts
index 85517e6e..f5e20032 100644
--- a/front/src/iframe_api.ts
+++ b/front/src/iframe_api.ts
@@ -15,7 +15,7 @@ import ui from "./Api/iframe/ui";
 import sound from "./Api/iframe/sound";
 import room, { setMapURL, setRoomId } from "./Api/iframe/room";
 import { createState } from "./Api/iframe/state";
-import player, { setPlayerName, setTags, setUserRoomToken, setUuid } from "./Api/iframe/player";
+import player, { setPlayerName, setPlayerLanguage, setTags, setUserRoomToken, setUuid } 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";
@@ -30,6 +30,7 @@ const initPromise = queryWorkadventure({
     data: undefined,
 }).then((gameState) => {
     setPlayerName(gameState.nickname);
+    setPlayerLanguage(gameState.language);
     setRoomId(gameState.roomId);
     setMapURL(gameState.mapUrl);
     setTags(gameState.tags);

From 41ef9fd49fcd316cdd2999ece60dd6c8aed37356 Mon Sep 17 00:00:00 2001
From: Nolway <faizeau.alexis@gmail.com>
Date: Sat, 18 Dec 2021 22:18:35 +0100
Subject: [PATCH 18/40] Replace cookie by local storage to store language

---
 front/src/Phaser/Game/GameScene.ts     |  6 ++----
 front/src/Phaser/Login/EntryScene.ts   |  1 -
 front/src/Translator/Translator.ts     | 15 +++++++--------
 front/src/Utils/Cookies.ts             | 20 --------------------
 front/translations/how-to-translate.md |  2 +-
 5 files changed, 10 insertions(+), 34 deletions(-)
 delete mode 100644 front/src/Utils/Cookies.ts

diff --git a/front/src/Phaser/Game/GameScene.ts b/front/src/Phaser/Game/GameScene.ts
index c7147993..33e0a862 100644
--- a/front/src/Phaser/Game/GameScene.ts
+++ b/front/src/Phaser/Game/GameScene.ts
@@ -76,7 +76,7 @@ import { userIsAdminStore } from "../../Stores/GameStore";
 import { contactPageStore } from "../../Stores/MenuStore";
 import type { WasCameraUpdatedEvent } from "../../Api/Events/WasCameraUpdatedEvent";
 import { audioManagerFileStore, audioManagerVisibilityStore } from "../../Stores/AudioManagerStore";
-import { Translator } from "../../Translator/Translator";
+import { translator } from "../../Translator/Translator";
 
 import EVENT_TYPE = Phaser.Scenes.Events;
 import Texture = Phaser.Textures.Texture;
@@ -212,7 +212,6 @@ export class GameScene extends DirtyScene {
     private loader: Loader;
     private lastCameraEvent: WasCameraUpdatedEvent | undefined;
     private firstCameraUpdateSent: boolean = false;
-    private translator: Translator;
 
     constructor(private room: Room, MapUrlFile: string, customKey?: string | undefined) {
         super({
@@ -232,7 +231,6 @@ export class GameScene extends DirtyScene {
             this.connectionAnswerPromiseResolve = resolve;
         });
         this.loader = new Loader(this);
-        this.translator = Translator.getInstance();
     }
 
     //hook preload scene
@@ -1324,7 +1322,7 @@ ${escapedMessage}
                 startLayerName: this.startPositionCalculator.startLayerName,
                 uuid: localUserStore.getLocalUser()?.uuid,
                 nickname: this.playerName,
-                language: Translator.getStringByLanguage(this.translator.getCurrentLanguage()),
+                language: translator.getStringByLanguage(translator.getCurrentLanguage()),
                 roomId: this.roomUrl,
                 tags: this.connection ? this.connection.getAllTags() : [],
                 variables: this.sharedVariablesManager.variables,
diff --git a/front/src/Phaser/Login/EntryScene.ts b/front/src/Phaser/Login/EntryScene.ts
index d75ead03..37b77048 100644
--- a/front/src/Phaser/Login/EntryScene.ts
+++ b/front/src/Phaser/Login/EntryScene.ts
@@ -34,7 +34,6 @@ export class EntryScene extends Scene {
             .loadCurrentLanguageObject(this.cache)
             .catch((e: unknown) => {
                 console.error("Error during language loading!", e);
-                throw e;
             })
             .finally(() => {
                 gameManager
diff --git a/front/src/Translator/Translator.ts b/front/src/Translator/Translator.ts
index b1e0bdf4..35785e95 100644
--- a/front/src/Translator/Translator.ts
+++ b/front/src/Translator/Translator.ts
@@ -1,5 +1,4 @@
 import { FALLBACK_LANGUAGE } from "../Enum/EnvironmentVariable";
-import { getCookie } from "../Utils/Cookies";
 
 export type Language = {
     language: string;
@@ -90,7 +89,7 @@ class Translator {
             );
 
             if (!languageObject) {
-                return reject();
+                return reject(new Error("Language not found in cache"));
             }
 
             this.currentLanguageObject = languageObject as LanguageObject;
@@ -135,13 +134,13 @@ class Translator {
      */
     private defineCurrentLanguage() {
         const navigatorLanguage: string | undefined = navigator.language;
-        const cookieLanguage = getCookie("language");
+        const localStorageLanguage = localStorage.getItem("language");
         let currentLanguage = undefined;
 
-        if (cookieLanguage && typeof cookieLanguage === "string") {
-            const cookieLanguageObject = this.getLanguageByString(cookieLanguage);
-            if (cookieLanguageObject) {
-                currentLanguage = cookieLanguageObject;
+        if (localStorageLanguage && typeof localStorageLanguage === "string") {
+            const localStorageLanguageObject = this.getLanguageByString(localStorageLanguage);
+            if (localStorageLanguageObject) {
+                currentLanguage = localStorageLanguageObject;
             }
         }
 
@@ -207,7 +206,7 @@ class Translator {
     /**
      * Get translation by a key and formatted with params by {{ }} tag
      * @param {string} key Translation key
-     * @param {{ [key: string]: string | number }} params Tags to replace by value
+     * @param {TranslationParams} params Tags to replace by value
      * @returns {string} Translation formatted
      */
     public _(key: string, params?: TranslationParams): string {
diff --git a/front/src/Utils/Cookies.ts b/front/src/Utils/Cookies.ts
deleted file mode 100644
index 3ca418c2..00000000
--- a/front/src/Utils/Cookies.ts
+++ /dev/null
@@ -1,20 +0,0 @@
-export const setCookie = (name: string, value: unknown, days: number) => {
-    let expires = "";
-    if (days) {
-        const date = new Date();
-        date.setTime(date.getTime() + days * 24 * 60 * 60 * 1000);
-        expires = "; expires=" + date.toUTCString();
-    }
-    document.cookie = name + "=" + (value || "") + expires + "; path=/";
-};
-
-export const getCookie = (name: string): unknown | undefined => {
-    const nameEquals = name + "=";
-    const ca = document.cookie.split(";");
-    for (let i = 0; i < ca.length; i++) {
-        let c = ca[i];
-        while (c.charAt(0) == " ") c = c.substring(1, c.length);
-        if (c.indexOf(nameEquals) == 0) return c.substring(nameEquals.length, c.length);
-    }
-    return undefined;
-};
diff --git a/front/translations/how-to-translate.md b/front/translations/how-to-translate.md
index 1586c17e..72c35c49 100644
--- a/front/translations/how-to-translate.md
+++ b/front/translations/how-to-translate.md
@@ -4,7 +4,7 @@
 
 In the translations folder, all json files of the form [namespace].[language code].json are interpreted to create languages by the language code in the file name.
 
-The only mandatory file that is the entry point is the index.[language code].json which must contain the properties language, country and default so that the language can be taken into account.
+The only mandatory file (the entry point) is the `index.[language code].json` which must contain the properties language, country and default so that the language can be taken into account.
 
 Example:
 ```json

From 31b92da6ce7a89b004bbd084fbcdf98c8177e66b Mon Sep 17 00:00:00 2001
From: Nolway <faizeau.alexis@gmail.com>
Date: Sat, 18 Dec 2021 22:32:15 +0100
Subject: [PATCH 19/40] Move translate documentation

---
 CONTRIBUTING.md                               | 24 +++++++++++--------
 .../dev}/how-to-translate.md                  |  6 +++--
 2 files changed, 18 insertions(+), 12 deletions(-)
 rename {front/translations => docs/dev}/how-to-translate.md (82%)

diff --git a/CONTRIBUTING.md b/CONTRIBUTING.md
index b3361333..2d3f5d0b 100644
--- a/CONTRIBUTING.md
+++ b/CONTRIBUTING.md
@@ -1,13 +1,13 @@
 # Contributing to WorkAdventure
 
-Are you looking to help on WorkAdventure? Awesome, feel welcome and read the following sections in order to know how to 
+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, 
+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.
 
 ## Contributing external resources
@@ -16,7 +16,7 @@ You can share your work on maps / articles / videos related to WorkAdventure on
 
 ## Developer documentation
 
-Documentation targeted at developers can be found in the [`/docs/dev`](docs/dev/) 
+Documentation targeted at developers can be found in the [`/docs/dev`](docs/dev/)
 
 ## Using the issue tracker
 
@@ -34,11 +34,11 @@ Finally, you can come and talk to the WorkAdventure core team... on WorkAdventur
 
 ## Pull requests
 
-Good pull requests - patches, improvements, new features - are a fantastic help. They should remain focused in scope 
+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 
+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).
@@ -54,7 +54,7 @@ $ yarn install
 $ yarn run prepare
 ```
 
-If you don't have the precommit hook installed (or if you committed code before installing the precommit hook), you will need 
+If you don't have the precommit hook installed (or if you committed code before installing the precommit hook), you will need
 to run code linting manually:
 
 ```console
@@ -72,7 +72,7 @@ Nevertheless, if your code can be unit tested, please provide a unit test (we us
 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.
 
-* if the features is meant to be manually tested, you should modify the `maps/tests/index.html` file to add a reference  
+* if the features is meant to be manually tested, you should modify the `maps/tests/index.html` file to add a reference
   to your newly created test map
 * if the features can be automatically tested, please provide a testcafe test
 
@@ -90,8 +90,8 @@ $ npm run test
 ```
 
 Note: If your tests fail on a Javascript error in "sockjs", this is due to the
-Webpack live reload. The Webpack live reload feature is conflicting with testcafe. This is why we recommend starting 
-WorkAdventure with the `LIVE_RELOAD=0` environment variable. 
+Webpack live reload. The Webpack live reload feature is conflicting with testcafe. This is why we recommend starting
+WorkAdventure with the `LIVE_RELOAD=0` environment variable.
 
 End-to-end tests can take a while to run. To run only one test, use:
 
@@ -107,3 +107,7 @@ $ LIVE_RELOAD=0 docker-compose up -d
 # Wait 2-3 minutes for the environment to start, then:
 $ PROJECT_DIR=$(pwd) docker-compose -f docker-compose.testcafe.yml up
 ```
+
+### A bad wording or a missing language
+
+If you notice a translation error or missing language you can help us by following the [how to translate](docs/dev/how-to-translate.md) documentation.
diff --git a/front/translations/how-to-translate.md b/docs/dev/how-to-translate.md
similarity index 82%
rename from front/translations/how-to-translate.md
rename to docs/dev/how-to-translate.md
index 72c35c49..86fd5129 100644
--- a/front/translations/how-to-translate.md
+++ b/docs/dev/how-to-translate.md
@@ -2,9 +2,9 @@
 
 ## How the translation files work
 
-In the translations folder, all json files of the form [namespace].[language code].json are interpreted to create languages by the language code in the file name.
+In the `front/translations` folder, all json files of the form `[namespace].[language code].json` are interpreted to create languages by the language code in the file name.
 
-The only mandatory file (the entry point) is the `index.[language code].json` which must contain the properties language, country and default so that the language can be taken into account.
+The only mandatory file (the entry point) is the `index.[language code].json` which must contain the properties `language`, `country` and `default` so that the language can be taken into account.
 
 Example:
 ```json
@@ -32,6 +32,8 @@ Example:
         - main-menu.fr-FR.json
         - chat.fr-FR.json
 
+If a key isn't found then it will be searched in the fallback language and if it isn't found then the key will be returned. By default the fallback language is `en-US` but you can set another one with the `FALLBACK_LANGUAGE` environment variable.
+
 ## Add a new language
 
 It is very easy to add a new language!

From bd01a35cc6f47e8d26c3b1394dabf584892ae696 Mon Sep 17 00:00:00 2001
From: Nolway <faizeau.alexis@gmail.com>
Date: Sun, 19 Dec 2021 16:01:51 +0100
Subject: [PATCH 20/40] Add en-US translations

---
 .../AudioManager/AudioManager.svelte          |   3 +-
 front/src/Components/Chat/Chat.svelte         |   3 +-
 .../Components/Chat/ChatMessageForm.svelte    |   3 +-
 front/src/Components/Chat/ChatSubMenu.svelte  |   9 +-
 .../CustomCharacterScene.svelte               |  14 ++-
 .../EnableCamera/EnableCameraScene.svelte     |   5 +-
 .../Components/FollowMenu/FollowMenu.svelte   |  50 +++++---
 .../HelpCameraSettingsPopup.svelte            |  16 +--
 front/src/Components/Login/LoginScene.svelte  |  13 +-
 .../Components/Menu/AboutRoomSubMenu.svelte   |  25 ++--
 .../Components/Menu/AudioGlobalMessage.svelte |   5 +-
 .../src/Components/Menu/ContactSubMenu.svelte |  24 ++--
 .../Menu/GlobalMessagesSubMenu.svelte         |  11 +-
 front/src/Components/Menu/GuestSubMenu.svelte |  14 ++-
 front/src/Components/Menu/Menu.svelte         |  15 ++-
 front/src/Components/Menu/MenuIcon.svelte     |  29 ++++-
 .../src/Components/Menu/ProfileSubMenu.svelte |  19 +--
 .../Components/Menu/SettingsSubMenu.svelte    |  67 +++++++---
 .../Components/Menu/TextGlobalMessage.svelte  |   3 +-
 front/src/Components/MyCamera.svelte          |   3 +-
 .../Components/ReportMenu/BlockSubMenu.svelte |   7 +-
 .../Components/ReportMenu/ReportMenu.svelte   |   9 +-
 .../ReportMenu/ReportSubMenu.svelte           |  13 +-
 .../SelectCompanionScene.svelte               |   7 +-
 .../Components/TypeMessage/BanMessage.svelte  |   4 +-
 front/src/Components/UI/AudioPlaying.svelte   |   3 +-
 .../src/Components/VisitCard/VisitCard.svelte |   4 +-
 .../WarningContainer/WarningContainer.svelte  |  11 +-
 .../SelectCharacterScene.svelte               |   7 +-
 front/src/Phaser/Login/EntryScene.ts          |  17 ++-
 .../Phaser/Reconnecting/ReconnectingScene.ts  |   3 +-
 front/src/Translator/Translator.ts            |   4 +-
 front/src/WebRtc/MediaManager.ts              |   5 +-
 front/translations/en-US/audio.en-US.json     |   8 ++
 front/translations/en-US/camera.en-US.json    |  19 +++
 front/translations/en-US/chat.en-US.json      |  10 ++
 front/translations/en-US/companion.en-US.json |   9 ++
 .../en-US/custom-character.en-US.json         |  16 +++
 front/translations/en-US/error.en-US.json     |  14 +++
 front/translations/en-US/follow.en-US.json    |  25 ++++
 front/translations/en-US/login.en-US.json     |  12 ++
 front/translations/en-US/menu.en-US.json      | 118 ++++++++++++++++++
 front/translations/en-US/report.en-US.json    |  23 ++++
 front/translations/en-US/test.en-US.json      |   5 -
 front/translations/en-US/warning.en-US.json   |  13 ++
 45 files changed, 539 insertions(+), 158 deletions(-)
 create mode 100644 front/translations/en-US/audio.en-US.json
 create mode 100644 front/translations/en-US/camera.en-US.json
 create mode 100644 front/translations/en-US/chat.en-US.json
 create mode 100644 front/translations/en-US/companion.en-US.json
 create mode 100644 front/translations/en-US/custom-character.en-US.json
 create mode 100644 front/translations/en-US/error.en-US.json
 create mode 100644 front/translations/en-US/follow.en-US.json
 create mode 100644 front/translations/en-US/login.en-US.json
 create mode 100644 front/translations/en-US/menu.en-US.json
 create mode 100644 front/translations/en-US/report.en-US.json
 delete mode 100644 front/translations/en-US/test.en-US.json
 create mode 100644 front/translations/en-US/warning.en-US.json

diff --git a/front/src/Components/AudioManager/AudioManager.svelte b/front/src/Components/AudioManager/AudioManager.svelte
index b62d8fbe..5bf02fc9 100644
--- a/front/src/Components/AudioManager/AudioManager.svelte
+++ b/front/src/Components/AudioManager/AudioManager.svelte
@@ -5,6 +5,7 @@
     import { get } from "svelte/store";
     import type { Unsubscriber } from "svelte/store";
     import { onDestroy, onMount } from "svelte";
+    import { translator } from "../../Translator/Translator";
 
     let HTMLAudioPlayer: HTMLAudioElement;
     let audioPlayerVolumeIcon: HTMLElement;
@@ -144,7 +145,7 @@
     </div>
     <div class="audio-manager-reduce-conversation">
         <label>
-            reduce in conversations
+            {translator._("audio.manager.reduce")}
             <input type="checkbox" bind:checked={decreaseWhileTalking} on:change={setDecrease} />
         </label>
         <section class="audio-manager-file">
diff --git a/front/src/Components/Chat/Chat.svelte b/front/src/Components/Chat/Chat.svelte
index 6827dde4..2e60e43e 100644
--- a/front/src/Components/Chat/Chat.svelte
+++ b/front/src/Components/Chat/Chat.svelte
@@ -5,6 +5,7 @@
     import ChatElement from "./ChatElement.svelte";
     import { afterUpdate, beforeUpdate, onMount } from "svelte";
     import { HtmlUtils } from "../../WebRtc/HtmlUtils";
+    import { translator } from "../../Translator/Translator";
 
     let listDom: HTMLElement;
     let chatWindowElement: HTMLElement;
@@ -45,7 +46,7 @@
     <p class="close-icon" on:click={closeChat}>&times</p>
     <section class="messagesList" bind:this={listDom}>
         <ul>
-            <li><p class="system-text">Here is your chat history:</p></li>
+            <li><p class="system-text">{translator._("chat.intro")}</p></li>
             {#each $chatMessagesStore as message, i}
                 <li><ChatElement {message} line={i} /></li>
             {/each}
diff --git a/front/src/Components/Chat/ChatMessageForm.svelte b/front/src/Components/Chat/ChatMessageForm.svelte
index d57eaf5c..6853d669 100644
--- a/front/src/Components/Chat/ChatMessageForm.svelte
+++ b/front/src/Components/Chat/ChatMessageForm.svelte
@@ -1,5 +1,6 @@
 <script lang="ts">
     import { chatMessagesStore, chatInputFocusStore } from "../../Stores/ChatStore";
+    import { translator } from "../../Translator/Translator";
 
     export const handleForm = {
         blur() {
@@ -27,7 +28,7 @@
     <input
         type="text"
         bind:value={newMessageText}
-        placeholder="Enter your message..."
+        placeholder={translator._("chat.enter")}
         on:focus={onFocus}
         on:blur={onBlur}
         bind:this={inputElement}
diff --git a/front/src/Components/Chat/ChatSubMenu.svelte b/front/src/Components/Chat/ChatSubMenu.svelte
index 5a04a1b9..48f59e65 100644
--- a/front/src/Components/Chat/ChatSubMenu.svelte
+++ b/front/src/Components/Chat/ChatSubMenu.svelte
@@ -1,6 +1,7 @@
 <script lang="ts">
     import type { PlayerInterface } from "../../Phaser/Game/PlayerInterface";
     import { requestVisitCardsStore } from "../../Stores/GameStore";
+    import { translator } from "../../Translator/Translator";
 
     export let player: PlayerInterface;
 
@@ -12,8 +13,12 @@
 </script>
 
 <ul class="selectMenu" style="border-top: {player.color || 'whitesmoke'} 5px solid">
-    <li><button class="text-btn" disabled={!player.visitCardUrl} on:click={openVisitCard}>Visit card</button></li>
-    <li><button class="text-btn" disabled>Add friend</button></li>
+    <li>
+        <button class="text-btn" disabled={!player.visitCardUrl} on:click={openVisitCard}
+            >{translator._("chat.menu.visit-card")}</button
+        >
+    </li>
+    <li><button class="text-btn" disabled>{translator._("chat.menu.add-friend")}</button></li>
 </ul>
 
 <style lang="scss">
diff --git a/front/src/Components/CustomCharacterScene/CustomCharacterScene.svelte b/front/src/Components/CustomCharacterScene/CustomCharacterScene.svelte
index 70bd385b..c446ccbc 100644
--- a/front/src/Components/CustomCharacterScene/CustomCharacterScene.svelte
+++ b/front/src/Components/CustomCharacterScene/CustomCharacterScene.svelte
@@ -2,6 +2,7 @@
     import type { Game } from "../../Phaser/Game/Game";
     import { CustomizeScene, CustomizeSceneName } from "../../Phaser/Login/CustomizeScene";
     import { activeRowStore } from "../../Stores/CustomCharacterStore";
+    import { translator } from "../../Translator/Translator";
 
     export let game: Game;
 
@@ -34,7 +35,7 @@
 
 <form class="customCharacterScene">
     <section class="text-center">
-        <h2>Customize your WOKA</h2>
+        <h2>{translator._("custom-character.title")}</h2>
     </section>
     <section class="action action-move">
         <button
@@ -53,26 +54,29 @@
     <section class="action">
         {#if $activeRowStore === 0}
             <button type="submit" class="customCharacterSceneFormBack nes-btn" on:click|preventDefault={previousScene}
-                >Return</button
+                >{translator._("custom-character.navigation.return")}</button
             >
         {/if}
         {#if $activeRowStore !== 0}
             <button type="submit" class="customCharacterSceneFormBack nes-btn" on:click|preventDefault={selectUp}
-                >Back <img src="resources/objects/arrow_up_black.png" alt="" /></button
+                >{translator._("custom-character.navigation.back")}
+                <img src="resources/objects/arrow_up_black.png" alt="" /></button
             >
         {/if}
         {#if $activeRowStore === 5}
             <button
                 type="submit"
                 class="customCharacterSceneFormSubmit nes-btn is-primary"
-                on:click|preventDefault={finish}>Finish</button
+                on:click|preventDefault={finish}>{translator._("custom-character.navigation.finish")}</button
             >
         {/if}
         {#if $activeRowStore !== 5}
             <button
                 type="submit"
                 class="customCharacterSceneFormSubmit nes-btn is-primary"
-                on:click|preventDefault={selectDown}>Next <img src="resources/objects/arrow_down.png" alt="" /></button
+                on:click|preventDefault={selectDown}
+                >{translator._("custom-character.navigation.next")}
+                <img src="resources/objects/arrow_down.png" alt="" /></button
             >
         {/if}
     </section>
diff --git a/front/src/Components/EnableCamera/EnableCameraScene.svelte b/front/src/Components/EnableCamera/EnableCameraScene.svelte
index 5993ee75..7dba267b 100644
--- a/front/src/Components/EnableCamera/EnableCameraScene.svelte
+++ b/front/src/Components/EnableCamera/EnableCameraScene.svelte
@@ -13,6 +13,7 @@
     import cinemaCloseImg from "../images/cinema-close.svg";
     import cinemaImg from "../images/cinema.svg";
     import microphoneImg from "../images/microphone.svg";
+    import { translator } from "../../Translator/Translator";
 
     export let game: Game;
     let selectedCamera: string | undefined = undefined;
@@ -76,7 +77,7 @@
 
 <form class="enableCameraScene" on:submit|preventDefault={submit}>
     <section class="text-center">
-        <h2>Turn on your camera and microphone</h2>
+        <h2>{translator._("camera.enable.title")}</h2>
     </section>
     {#if $localStreamStore.type === "success" && $localStreamStore.stream}
         <video class="myCamVideoSetup" use:srcObject={$localStreamStore.stream} autoplay muted playsinline />
@@ -121,7 +122,7 @@
         {/if}
     </section>
     <section class="action">
-        <button type="submit" class="nes-btn is-primary letsgo">Let's go!</button>
+        <button type="submit" class="nes-btn is-primary letsgo">{translator._("camera.enable.start")}</button>
     </section>
 </form>
 
diff --git a/front/src/Components/FollowMenu/FollowMenu.svelte b/front/src/Components/FollowMenu/FollowMenu.svelte
index aaa23b3e..b41e0fd4 100644
--- a/front/src/Components/FollowMenu/FollowMenu.svelte
+++ b/front/src/Components/FollowMenu/FollowMenu.svelte
@@ -6,11 +6,13 @@ vim: ft=typescript
     import followImg from "../images/follow.svg";
 
     import { followStateStore, followRoleStore, followUsersStore } from "../../Stores/FollowStore";
+    import { translator } from "../../Translator/Translator";
 
     const gameScene = gameManager.getCurrentGameScene();
 
-    function name(userId: number): string | undefined {
-        return gameScene.MapPlayersByKey.get(userId)?.PlayerValue;
+    function name(userId: number): string {
+        const user = gameScene.MapPlayersByKey.get(userId);
+        return user ? user.PlayerValue : "";
     }
 
     function sendFollowRequest() {
@@ -42,11 +44,15 @@ vim: ft=typescript
 {#if $followStateStore === "requesting" && $followRoleStore === "follower"}
     <div class="interact-menu nes-container is-rounded">
         <section class="interact-menu-title">
-            <h2>Do you want to follow {name($followUsersStore[0])}?</h2>
+            <h2>{translator._("follow.interact-menu.title.follow", { leader: name($followUsersStore[0]) })}</h2>
         </section>
         <section class="interact-menu-action">
-            <button type="button" class="nes-btn is-success" on:click|preventDefault={acceptFollowRequest}>Yes</button>
-            <button type="button" class="nes-btn is-error" on:click|preventDefault={reset}>No</button>
+            <button type="button" class="nes-btn is-success" on:click|preventDefault={acceptFollowRequest}
+                >{translator._("follow.interact-menu.yes")}</button
+            >
+            <button type="button" class="nes-btn is-error" on:click|preventDefault={reset}
+                >{translator._("follow.interact-menu.no")}</button
+            >
         </section>
     </div>
 {/if}
@@ -54,20 +60,24 @@ vim: ft=typescript
 {#if $followStateStore === "ending"}
     <div class="interact-menu nes-container is-rounded">
         <section class="interact-menu-title">
-            <h2>Interaction</h2>
+            <h2>{translator._("follow.interact-menu.title.interact")}</h2>
         </section>
         {#if $followRoleStore === "follower"}
             <section class="interact-menu-question">
-                <p>Do you want to stop following {name($followUsersStore[0])}?</p>
+                <p>{translator._("follow.interact-menu.stop.follower", { leader: name($followUsersStore[0]) })}</p>
             </section>
         {:else if $followRoleStore === "leader"}
             <section class="interact-menu-question">
-                <p>Do you want to stop leading the way?</p>
+                <p>{translator._("follow.interact-menu.stop.leader")}</p>
             </section>
         {/if}
         <section class="interact-menu-action">
-            <button type="button" class="nes-btn is-success" on:click|preventDefault={reset}>Yes</button>
-            <button type="button" class="nes-btn is-error" on:click|preventDefault={abortEnding}>No</button>
+            <button type="button" class="nes-btn is-success" on:click|preventDefault={reset}
+                >{translator._("follow.interact-menu.yes")}</button
+            >
+            <button type="button" class="nes-btn is-error" on:click|preventDefault={abortEnding}
+                >{translator._("follow.interact-menu.no")}</button
+            >
         </section>
     </div>
 {/if}
@@ -76,18 +86,24 @@ vim: ft=typescript
     <div class="interact-status nes-container is-rounded">
         <section class="interact-status">
             {#if $followRoleStore === "follower"}
-                <p>Following {name($followUsersStore[0])}</p>
+                <p>{translator._("follow.interact-status.following", { leader: name($followUsersStore[0]) })}</p>
             {:else if $followUsersStore.length === 0}
-                <p>Waiting for followers' confirmation</p>
+                <p>{translator._("follow.interact-status.waiting-followers")}</p>
             {:else if $followUsersStore.length === 1}
-                <p>{name($followUsersStore[0])} is following you</p>
+                <p>{translator._("follow.interact-status.followed.one", { follower: name($followUsersStore[0]) })}</p>
             {:else if $followUsersStore.length === 2}
-                <p>{name($followUsersStore[0])} and {name($followUsersStore[1])} are following you</p>
+                <p>
+                    {translator._("follow.interact-status.followed.one", {
+                        firstFollower: name($followUsersStore[0]),
+                        secondFollower: name($followUsersStore[1]),
+                    })}
+                </p>
             {:else}
                 <p>
-                    {$followUsersStore.slice(0, -1).map(name).join(", ")} and {name(
-                        $followUsersStore[$followUsersStore.length - 1]
-                    )} are following you
+                    {translator._("follow.interact-status.followed.many", {
+                        followers: $followUsersStore.slice(0, -1).map(name).join(", "),
+                        lastFollower: name($followUsersStore[$followUsersStore.length - 1]),
+                    })}
                 </p>
             {/if}
         </section>
diff --git a/front/src/Components/HelpCameraSettings/HelpCameraSettingsPopup.svelte b/front/src/Components/HelpCameraSettings/HelpCameraSettingsPopup.svelte
index 78380174..c7cdb9aa 100644
--- a/front/src/Components/HelpCameraSettings/HelpCameraSettingsPopup.svelte
+++ b/front/src/Components/HelpCameraSettings/HelpCameraSettingsPopup.svelte
@@ -4,6 +4,7 @@
     import firefoxImg from "./images/help-setting-camera-permission-firefox.png";
     import chromeImg from "./images/help-setting-camera-permission-chrome.png";
     import { getNavigatorType, isAndroid as isAndroidFct, NavigatorType } from "../../WebRtc/DeviceUtils";
+    import { translator } from "../../Translator/Translator";
 
     let isAndroid = isAndroidFct();
     let isFirefox = getNavigatorType() === NavigatorType.firefox;
@@ -24,14 +25,13 @@
     transition:fly={{ y: -900, duration: 500 }}
 >
     <section>
-        <h2>Camera / Microphone access needed</h2>
-        <p class="err">Permission denied</p>
-        <p>You must allow camera and microphone access in your browser.</p>
+        <h2>{translator._("camera.help.title")}</h2>
+        <p class="err">{translator._("camera.help.permission-denied")}</p>
+        <p>{translator._("camera.help.content")}</p>
         <p>
             {#if isFirefox}
                 <p class="err">
-                    Please click the "Remember this decision" checkbox, if you don't want Firefox to keep asking you the
-                    authorization.
+                    {translator._("camera.help.firefox-content")}
                 </p>
                 <img src={firefoxImg} alt="" />
             {:else if isChrome && !isAndroid}
@@ -40,9 +40,11 @@
         </p>
     </section>
     <section>
-        <button class="helpCameraSettingsFormRefresh nes-btn" on:click|preventDefault={refresh}>Refresh</button>
+        <button class="helpCameraSettingsFormRefresh nes-btn" on:click|preventDefault={refresh}
+            >{translator._("camera.help.refresh")}</button
+        >
         <button type="submit" class="helpCameraSettingsFormContinue nes-btn is-primary" on:click|preventDefault={close}
-            >Continue without webcam</button
+            >{translator._("camera.help.continue")}</button
         >
     </section>
 </form>
diff --git a/front/src/Components/Login/LoginScene.svelte b/front/src/Components/Login/LoginScene.svelte
index bebc49b6..e4f47d60 100644
--- a/front/src/Components/Login/LoginScene.svelte
+++ b/front/src/Components/Login/LoginScene.svelte
@@ -4,6 +4,7 @@
     import { DISPLAY_TERMS_OF_USE, MAX_USERNAME_LENGTH } from "../../Enum/EnvironmentVariable";
     import logoImg from "../images/logo.png";
     import { gameManager } from "../../Phaser/Game/GameManager";
+    import { translator } from "../../Translator/Translator";
 
     export let game: Game;
 
@@ -27,7 +28,7 @@
         <img src={logoImg} alt="WorkAdventure logo" />
     </section>
     <section class="text-center">
-        <h2>Enter your name</h2>
+        <h2>{translator._("login.input.name.placeholder")}</h2>
     </section>
     <!-- svelte-ignore a11y-autofocus -->
     <input
@@ -44,22 +45,20 @@
     />
     <section class="error-section">
         {#if name.trim() === "" && startValidating}
-            <p class="err">The name is empty</p>
+            <p class="err">{translator._("login.input.name.empty")}</p>
         {/if}
     </section>
 
     {#if DISPLAY_TERMS_OF_USE}
         <section class="terms-and-conditions">
+            <a style="display: none;" href="traduction">Need for traduction</a>
             <p>
-                By continuing, you are agreeing our <a href="https://workadventu.re/terms-of-use" target="_blank"
-                    >terms of use</a
-                >, <a href="https://workadventu.re/privacy-policy" target="_blank">privacy policy</a> and
-                <a href="https://workadventu.re/cookie-policy" target="_blank">cookie policy</a>.
+                {translator._("login.terms")}
             </p>
         </section>
     {/if}
     <section class="action">
-        <button type="submit" class="nes-btn is-primary loginSceneFormSubmit">Continue</button>
+        <button type="submit" class="nes-btn is-primary loginSceneFormSubmit">{translator._("login.continue")}</button>
     </section>
 </form>
 
diff --git a/front/src/Components/Menu/AboutRoomSubMenu.svelte b/front/src/Components/Menu/AboutRoomSubMenu.svelte
index 2bbb4d3c..ee560340 100644
--- a/front/src/Components/Menu/AboutRoomSubMenu.svelte
+++ b/front/src/Components/Menu/AboutRoomSubMenu.svelte
@@ -1,6 +1,7 @@
 <script lang="ts">
     import { gameManager } from "../../Phaser/Game/GameManager";
     import { onMount } from "svelte";
+    import { translator } from "../../Translator/Translator";
 
     let gameScene = gameManager.getCurrentGameScene();
 
@@ -11,7 +12,7 @@
     let mapName: string = "";
     let mapLink: string = "";
     let mapDescription: string = "";
-    let mapCopyright: string = "The map creator did not declare a copyright for the map.";
+    let mapCopyright: string = translator._("menu.about.copyrights.map.empty");
     let tilesetCopyright: string[] = [];
     let audioCopyright: string[] = [];
 
@@ -62,41 +63,37 @@
 </script>
 
 <div class="about-room-main">
-    <h2>Information on the map</h2>
+    <h2>{translator._("menu.about.map-info")}</h2>
     <section class="container-overflow">
         <h3>{mapName}</h3>
         <p class="string-HTML">{mapDescription}</p>
         {#if mapLink}
-            <p class="string-HTML">&gt; <a href={mapLink} target="_blank">link to this map</a> &lt;</p>
+            <p class="string-HTML">
+                &gt; <a href={mapLink} target="_blank">{translator._("menu.about.map-link")}</a> &lt;
+            </p>
         {/if}
         <h3 class="nes-pointer hoverable" on:click={() => (expandedMapCopyright = !expandedMapCopyright)}>
-            Copyrights of the map
+            {translator._("menu.about.copyrights.map.title")}
         </h3>
         <p class="string-HTML" hidden={!expandedMapCopyright}>{mapCopyright}</p>
         <h3 class="nes-pointer hoverable" on:click={() => (expandedTilesetCopyright = !expandedTilesetCopyright)}>
-            Copyrights of the tilesets
+            {translator._("menu.about.copyrights.tileset.title")}
         </h3>
         <section hidden={!expandedTilesetCopyright}>
             {#each tilesetCopyright as copyright}
                 <p class="string-HTML">{copyright}</p>
             {:else}
-                <p>
-                    The map creator did not declare a copyright for the tilesets. This doesn't mean that those tilesets
-                    have no license.
-                </p>
+                <p>{translator._("menu.about.copyrights.tileset.empty")}</p>
             {/each}
         </section>
         <h3 class="nes-pointer hoverable" on:click={() => (expandedAudioCopyright = !expandedAudioCopyright)}>
-            Copyrights of audio files
+            {translator._("menu.about.copyrights.audio.title")}
         </h3>
         <section hidden={!expandedAudioCopyright}>
             {#each audioCopyright as copyright}
                 <p class="string-HTML">{copyright}</p>
             {:else}
-                <p>
-                    The map creator did not declare a copyright for audio files. This doesn't mean that those tilesets
-                    have no license.
-                </p>
+                <p>{translator._("menu.about.copyrights.audio.empty")}</p>
             {/each}
         </section>
     </section>
diff --git a/front/src/Components/Menu/AudioGlobalMessage.svelte b/front/src/Components/Menu/AudioGlobalMessage.svelte
index 51caee17..edc9568d 100644
--- a/front/src/Components/Menu/AudioGlobalMessage.svelte
+++ b/front/src/Components/Menu/AudioGlobalMessage.svelte
@@ -4,6 +4,7 @@
     import { AdminMessageEventTypes } from "../../Connexion/AdminMessagesService";
     import uploadFile from "../images/music-file.svg";
     import type { PlayGlobalMessageInterface } from "../../Connexion/ConnexionModels";
+    import { translator } from "../../Translator/Translator";
 
     interface EventTargetFiles extends EventTarget {
         files: Array<File>;
@@ -76,7 +77,7 @@
     <img
         class="nes-pointer"
         src={uploadFile}
-        alt="Upload a file"
+        alt={translator._("menu.global-audio.upload-info")}
         on:click|preventDefault={() => {
             fileInput.click();
         }}
@@ -85,7 +86,7 @@
         <p>{fileName} : {fileSize}</p>
     {/if}
     {#if errorFile}
-        <p class="err">No file selected. You need to upload a file before sending it.</p>
+        <p class="err">{translator._("menu.global-audio.error")}</p>
     {/if}
     <input
         type="file"
diff --git a/front/src/Components/Menu/ContactSubMenu.svelte b/front/src/Components/Menu/ContactSubMenu.svelte
index a5bf0331..6eb7c963 100644
--- a/front/src/Components/Menu/ContactSubMenu.svelte
+++ b/front/src/Components/Menu/ContactSubMenu.svelte
@@ -1,4 +1,7 @@
 <script lang="ts">
+    import { contactPageStore } from "../../Stores/MenuStore";
+    import { translator } from "../../Translator/Translator";
+
     function goToGettingStarted() {
         const sparkHost = "https://workadventu.re/getting-started";
         window.open(sparkHost, "_blank");
@@ -8,25 +11,24 @@
         const sparkHost = "https://workadventu.re/map-building/";
         window.open(sparkHost, "_blank");
     }
-
-    import { contactPageStore } from "../../Stores/MenuStore";
 </script>
 
 <div class="create-map-main">
     <section class="container-overflow">
         <section>
-            <h3>Getting started</h3>
-            <p>
-                WorkAdventure allows you to create an online space to communicate spontaneously with others. And it all
-                starts with creating your own space. Choose from a large selection of prefabricated maps by our team.
-            </p>
-            <button type="button" class="nes-btn is-primary" on:click={goToGettingStarted}>Getting started</button>
+            <h3>{translator._("menu.contact.getting-started.title")}</h3>
+            <p>{translator._("menu.contact.getting-started.description")}</p>
+            <button type="button" class="nes-btn is-primary" on:click={goToGettingStarted}
+                >{translator._("menu.contact.getting-started.title")}</button
+            >
         </section>
 
         <section>
-            <h3>Create your map</h3>
-            <p>You can also create your own custom map by following the step of the documentation.</p>
-            <button type="button" class="nes-btn" on:click={goToBuildingMap}>Create your map</button>
+            <h3>{translator._("menu.contact.create-map.title")}</h3>
+            <p>{translator._("menu.contact.create-map.description")}</p>
+            <button type="button" class="nes-btn" on:click={goToBuildingMap}
+                >{translator._("menu.contact.create-map.title")}</button
+            >
         </section>
 
         <iframe
diff --git a/front/src/Components/Menu/GlobalMessagesSubMenu.svelte b/front/src/Components/Menu/GlobalMessagesSubMenu.svelte
index e755a243..654c0449 100644
--- a/front/src/Components/Menu/GlobalMessagesSubMenu.svelte
+++ b/front/src/Components/Menu/GlobalMessagesSubMenu.svelte
@@ -1,6 +1,7 @@
 <script lang="ts">
     import TextGlobalMessage from "./TextGlobalMessage.svelte";
     import AudioGlobalMessage from "./AudioGlobalMessage.svelte";
+    import { translator } from "../../Translator/Translator";
 
     let handleSendText: { sendTextMessage(broadcast: boolean): void };
     let handleSendAudio: { sendAudioMessage(broadcast: boolean): Promise<void> };
@@ -35,14 +36,14 @@
             <button
                 type="button"
                 class="nes-btn {inputSendTextActive ? 'is-disabled' : ''}"
-                on:click|preventDefault={activateInputText}>Text</button
+                on:click|preventDefault={activateInputText}>{translator._("menu.global-message.text")}</button
             >
         </section>
         <section>
             <button
                 type="button"
                 class="nes-btn {uploadAudioActive ? 'is-disabled' : ''}"
-                on:click|preventDefault={activateUploadAudio}>Audio</button
+                on:click|preventDefault={activateUploadAudio}>{translator._("menu.global-message.audio")}</button
             >
         </section>
     </div>
@@ -57,10 +58,12 @@
     <div class="global-message-footer">
         <label>
             <input type="checkbox" class="nes-checkbox is-dark nes-pointer" bind:checked={broadcastToWorld} />
-            <span>Broadcast to all rooms of the world</span>
+            <span>{translator._("menu.global-message.warning")}</span>
         </label>
         <section>
-            <button class="nes-btn is-primary" on:click|preventDefault={send}>Send</button>
+            <button class="nes-btn is-primary" on:click|preventDefault={send}
+                >{translator._("menu.global-message.send")}</button
+            >
         </section>
     </div>
 </div>
diff --git a/front/src/Components/Menu/GuestSubMenu.svelte b/front/src/Components/Menu/GuestSubMenu.svelte
index 408dcbce..e83cd682 100644
--- a/front/src/Components/Menu/GuestSubMenu.svelte
+++ b/front/src/Components/Menu/GuestSubMenu.svelte
@@ -1,4 +1,6 @@
 <script lang="ts">
+    import { translator } from "../../Translator/Translator";
+
     function copyLink() {
         const input: HTMLInputElement = document.getElementById("input-share-link") as HTMLInputElement;
         input.focus();
@@ -21,14 +23,18 @@
 <div class="guest-main">
     <section class="container-overflow">
         <section class="share-url not-mobile">
-            <h3>Share the link of the room!</h3>
+            <h3>{translator._("menu.invite.description")}</h3>
             <input type="text" readonly id="input-share-link" value={location.toString()} />
-            <button type="button" class="nes-btn is-primary" on:click={copyLink}>Copy</button>
+            <button type="button" class="nes-btn is-primary" on:click={copyLink}
+                >{translator._("menu.invite.copy")}</button
+            >
         </section>
         <section class="is-mobile">
-            <h3>Share the link of the room!</h3>
+            <h3>{translator._("menu.invite.description")}</h3>
             <input type="hidden" readonly id="input-share-link" value={location.toString()} />
-            <button type="button" class="nes-btn is-primary" on:click={shareLink}>Share</button>
+            <button type="button" class="nes-btn is-primary" on:click={shareLink}
+                >{translator._("menu.invite.share")}</button
+            >
         </section>
     </section>
 </div>
diff --git a/front/src/Components/Menu/Menu.svelte b/front/src/Components/Menu/Menu.svelte
index b02df36d..a8606653 100644
--- a/front/src/Components/Menu/Menu.svelte
+++ b/front/src/Components/Menu/Menu.svelte
@@ -18,6 +18,7 @@
     import { get } from "svelte/store";
     import type { Unsubscriber } from "svelte/store";
     import { sendMenuClickedEvent } from "../../Api/iframe/Ui/MenuItem";
+    import { translator } from "../../Translator/Translator";
 
     let activeSubMenu: string = SubMenusInterface.profile;
     let activeComponent: typeof ProfileSubMenu | typeof CustomSubMenu = ProfileSubMenu;
@@ -82,18 +83,26 @@
     function closeMenu() {
         menuVisiblilityStore.set(false);
     }
+
     function onKeyDown(e: KeyboardEvent) {
         if (e.key === "Escape") {
             closeMenu();
         }
     }
+
+    function translateMenuName(menuName: string) {
+        const nameFormatted = "menu.sub." + menuName.toLowerCase().replaceAll(" ", "-");
+        const translation = translator._(nameFormatted);
+
+        return translation === nameFormatted ? menuName : translation;
+    }
 </script>
 
 <svelte:window on:keydown={onKeyDown} />
 
 <div class="menu-container-main">
     <div class="menu-nav-sidebar nes-container is-rounded" transition:fly={{ x: -1000, duration: 500 }}>
-        <h2>Menu</h2>
+        <h2>{translator._("menu.title")}</h2>
         <nav>
             {#each $subMenusStore as submenu}
                 <button
@@ -101,14 +110,14 @@
                     class="nes-btn {activeSubMenu === submenu ? 'is-disabled' : ''}"
                     on:click|preventDefault={() => switchMenu(submenu)}
                 >
-                    {submenu}
+                    {translateMenuName(submenu)}
                 </button>
             {/each}
         </nav>
     </div>
     <div class="menu-submenu-container nes-container is-rounded" transition:fly={{ y: -1000, duration: 500 }}>
         <button type="button" class="nes-btn is-error close" on:click={closeMenu}>&times</button>
-        <h2>{activeSubMenu}</h2>
+        <h2>{translateMenuName(activeSubMenu)}</h2>
         <svelte:component this={activeComponent} {...props} />
     </div>
 </div>
diff --git a/front/src/Components/Menu/MenuIcon.svelte b/front/src/Components/Menu/MenuIcon.svelte
index 9d3f72dd..5c0a1304 100644
--- a/front/src/Components/Menu/MenuIcon.svelte
+++ b/front/src/Components/Menu/MenuIcon.svelte
@@ -9,6 +9,7 @@
     import { get } from "svelte/store";
     import { ADMIN_URL } from "../../Enum/EnvironmentVariable";
     import { showShareLinkMapModalStore } from "../../Stores/ModalStore";
+    import { translator } from "../../Translator/Translator";
 
     function showMenu() {
         menuVisiblilityStore.set(!get(menuVisiblilityStore));
@@ -29,11 +30,31 @@
 
 <main class="menuIcon">
     {#if $limitMapStore}
-        <img src={logoInvite} alt="open menu" class="nes-pointer" on:click|preventDefault={showInvite} />
-        <img src={logoRegister} alt="open menu" class="nes-pointer" on:click|preventDefault={register} />
+        <img
+            src={logoInvite}
+            alt={translator._("menu.icon.open.invite")}
+            class="nes-pointer"
+            on:click|preventDefault={showInvite}
+        />
+        <img
+            src={logoRegister}
+            alt={translator._("menu.icon.open.register")}
+            class="nes-pointer"
+            on:click|preventDefault={register}
+        />
     {:else}
-        <img src={logoWA} alt="open menu" class="nes-pointer" on:click|preventDefault={showMenu} />
-        <img src={logoTalk} alt="open menu" class="nes-pointer" on:click|preventDefault={showChat} />
+        <img
+            src={logoWA}
+            alt={translator._("menu.icon.open.menu")}
+            class="nes-pointer"
+            on:click|preventDefault={showMenu}
+        />
+        <img
+            src={logoTalk}
+            alt={translator._("menu.icon.open.chat")}
+            class="nes-pointer"
+            on:click|preventDefault={showChat}
+        />
     {/if}
 </main>
 
diff --git a/front/src/Components/Menu/ProfileSubMenu.svelte b/front/src/Components/Menu/ProfileSubMenu.svelte
index 87bf57c9..621670ec 100644
--- a/front/src/Components/Menu/ProfileSubMenu.svelte
+++ b/front/src/Components/Menu/ProfileSubMenu.svelte
@@ -17,6 +17,7 @@
     import btnProfileSubMenuCompanion from "../images/btn-menu-profile-companion.svg";
     import Woka from "../Woka/Woka.svelte";
     import Companion from "../Companion/Companion.svelte";
+    import { translator } from "../../Translator/Translator";
 
     function disableMenuStores() {
         menuVisiblilityStore.set(false);
@@ -62,20 +63,20 @@
     <div class="submenu">
         <section>
             <button type="button" class="nes-btn" on:click|preventDefault={openEditNameScene}>
-                <img src={btnProfileSubMenuIdentity} alt="Edit your name" />
-                <span class="btn-hover">Edit your name</span>
+                <img src={btnProfileSubMenuIdentity} alt={translator._("menu.profile.edit.name")} />
+                <span class="btn-hover">{translator._("menu.profile.edit.name")}</span>
             </button>
             <button type="button" class="nes-btn" on:click|preventDefault={openEditSkinScene}>
                 <Woka userId={-1} placeholderSrc="" width="26px" height="26px" />
-                <span class="btn-hover">Edit your WOKA</span>
+                <span class="btn-hover">{translator._("menu.profile.edit.woka")}</span>
             </button>
             <button type="button" class="nes-btn" on:click|preventDefault={openEditCompanionScene}>
                 <Companion userId={-1} placeholderSrc={btnProfileSubMenuCompanion} width="26px" height="26px" />
-                <span class="btn-hover">Edit your companion</span>
+                <span class="btn-hover">{translator._("menu.profile.edit.companion")}</span>
             </button>
             <button type="button" class="nes-btn" on:click|preventDefault={openEnableCameraScene}>
-                <img src={btnProfileSubMenuCamera} alt="Edit your camera" />
-                <span class="btn-hover">Edit your camera</span>
+                <img src={btnProfileSubMenuCamera} alt={translator._("menu.profile.edit.camera")} />
+                <span class="btn-hover">{translator._("menu.profile.edit.camera")}</span>
             </button>
         </section>
     </div>
@@ -88,11 +89,13 @@
                 {/if}
             </section>
             <section>
-                <button type="button" class="nes-btn" on:click|preventDefault={logOut}>Log out</button>
+                <button type="button" class="nes-btn" on:click|preventDefault={logOut}
+                    >{translator._("menu.profile.logout")}</button
+                >
             </section>
         {:else}
             <section>
-                <a type="button" class="nes-btn" href="/login">Sign in</a>
+                <a type="button" class="nes-btn" href="/login">{translator._("menu.profile.login")}</a>
             </section>
         {/if}
     </div>
diff --git a/front/src/Components/Menu/SettingsSubMenu.svelte b/front/src/Components/Menu/SettingsSubMenu.svelte
index 1ad1ac8b..53503902 100644
--- a/front/src/Components/Menu/SettingsSubMenu.svelte
+++ b/front/src/Components/Menu/SettingsSubMenu.svelte
@@ -4,6 +4,7 @@
     import { HtmlUtils } from "../../WebRtc/HtmlUtils";
     import { isMobile } from "../../Enum/EnvironmentVariable";
     import { menuVisiblilityStore } from "../../Stores/MenuStore";
+import { translator } from "../../Translator/Translator";
 
     let fullscreen: boolean = localUserStore.getFullscreen();
     let notification: boolean = localUserStore.getNotification() === "granted";
@@ -73,34 +74,64 @@
 
 <div class="settings-main" on:submit|preventDefault={saveSetting}>
     <section>
-        <h3>Game quality</h3>
+        <h3>{translator._("menu.settings.game-quality.title")}</h3>
         <div class="nes-select is-dark">
             <select bind:value={valueGame}>
-                <option value={120}>{isMobile() ? "High (120 fps)" : "High video quality (120 fps)"}</option>
-                <option value={60}
-                    >{isMobile() ? "Medium (60 fps)" : "Medium video quality (60 fps, recommended)"}</option
+                <option value={120}
+                    >{isMobile()
+                        ? translator._("menu.settings.game-quality.short.high")
+                        : translator._("menu.settings.game-quality.long.high")}</option
+                >
+                <option value={60}
+                    >{isMobile()
+                        ? translator._("menu.settings.game-quality.short.medium")
+                        : translator._("menu.settings.game-quality.long.medium")}</option
+                >
+                <option value={40}
+                    >{isMobile()
+                        ? translator._("menu.settings.game-quality.short.minimum")
+                        : translator._("menu.settings.game-quality.long.minimum")}</option
+                >
+                <option value={20}
+                    >{isMobile()
+                        ? translator._("menu.settings.game-quality.short.small")
+                        : translator._("menu.settings.game-quality.long.small")}</option
                 >
-                <option value={40}>{isMobile() ? "Minimum (40 fps)" : "Minimum video quality (40 fps)"}</option>
-                <option value={20}>{isMobile() ? "Small (20 fps)" : "Small video quality (20 fps)"}</option>
             </select>
         </div>
     </section>
     <section>
-        <h3>Video quality</h3>
+        <h3>{translator._("menu.settings.video-quality.title")}</h3>
         <div class="nes-select is-dark">
             <select bind:value={valueVideo}>
-                <option value={30}>{isMobile() ? "High (30 fps)" : "High video quality (30 fps)"}</option>
-                <option value={20}
-                    >{isMobile() ? "Medium (20 fps)" : "Medium video quality (20 fps, recommended)"}</option
+                <option value={30}
+                    >{isMobile()
+                        ? translator._("menu.settings.video-quality.short.high")
+                        : translator._("menu.settings.video-quality.long.high")}</option
+                >
+                <option value={20}
+                    >{isMobile()
+                        ? translator._("menu.settings.video-quality.short.medium")
+                        : translator._("menu.settings.video-quality.long.medium")}</option
+                >
+                <option value={10}
+                    >{isMobile()
+                        ? translator._("menu.settings.video-quality.short.minimum")
+                        : translator._("menu.settings.video-quality.long.minimum")}</option
+                >
+                <option value={5}
+                    >{isMobile()
+                        ? translator._("menu.settings.video-quality.short.small")
+                        : translator._("menu.settings.video-quality.long.small")}</option
                 >
-                <option value={10}>{isMobile() ? "Minimum (10 fps)" : "Minimum video quality (10 fps)"}</option>
-                <option value={5}>{isMobile() ? "Small (5 fps)" : "Small video quality (5 fps)"}</option>
             </select>
         </div>
     </section>
     <section class="settings-section-save">
-        <p>(Saving these settings will restart the game)</p>
-        <button type="button" class="nes-btn is-primary" on:click|preventDefault={saveSetting}>Save</button>
+        <p>{translator._("menu.settings.save.warning")}</p>
+        <button type="button" class="nes-btn is-primary" on:click|preventDefault={saveSetting}
+            >{translator._("menu.settings.save.button")}</button
+        >
     </section>
     <section class="settings-section-noSaveOption">
         <label>
@@ -110,7 +141,7 @@
                 bind:checked={fullscreen}
                 on:change={changeFullscreen}
             />
-            <span>Fullscreen</span>
+            <span>{translator._("menu.settings.fullscreen")}</span>
         </label>
         <label>
             <input
@@ -119,7 +150,7 @@
                 bind:checked={notification}
                 on:change={changeNotification}
             />
-            <span>Notifications</span>
+            <span>{translator._("menu.settings.notifications")}</span>
         </label>
         <label>
             <input
@@ -128,7 +159,7 @@
                 bind:checked={forceCowebsiteTrigger}
                 on:change={changeForceCowebsiteTrigger}
             />
-            <span>Always ask before opening websites and Jitsi Meet rooms</span>
+            <span>{translator._("menu.settings.cowebsite-trigger")}</span>
         </label>
         <label>
             <input
@@ -137,7 +168,7 @@
                 bind:checked={ignoreFollowRequests}
                 on:change={changeIgnoreFollowRequests}
             />
-            <span>Ignore requests to follow other users</span>
+            <span>{translator._("menu.settings.ignore-follow-request")}</span>
         </label>
     </section>
 </div>
diff --git a/front/src/Components/Menu/TextGlobalMessage.svelte b/front/src/Components/Menu/TextGlobalMessage.svelte
index ed39d573..8f984f68 100644
--- a/front/src/Components/Menu/TextGlobalMessage.svelte
+++ b/front/src/Components/Menu/TextGlobalMessage.svelte
@@ -5,6 +5,7 @@
     import { AdminMessageEventTypes } from "../../Connexion/AdminMessagesService";
     import type { Quill } from "quill";
     import type { PlayGlobalMessageInterface } from "../../Connexion/ConnexionModels";
+    import { translator } from "../../Translator/Translator";
 
     //toolbar
     const toolbarOptions = [
@@ -58,7 +59,7 @@
         const { default: Quill } = await import("quill"); // eslint-disable-line @typescript-eslint/no-explicit-any
 
         quill = new Quill(QUILL_EDITOR, {
-            placeholder: "Enter your message here...",
+            placeholder: translator._("menu.global-message.enter"),
             theme: "snow",
             modules: {
                 toolbar: toolbarOptions,
diff --git a/front/src/Components/MyCamera.svelte b/front/src/Components/MyCamera.svelte
index 5db9171c..6c259b54 100644
--- a/front/src/Components/MyCamera.svelte
+++ b/front/src/Components/MyCamera.svelte
@@ -4,6 +4,7 @@
     import SoundMeterWidget from "./SoundMeterWidget.svelte";
     import { onDestroy } from "svelte";
     import { srcObject } from "./Video/utils";
+    import { translator } from "../Translator/Translator";
 
     let stream: MediaStream | null;
 
@@ -32,5 +33,5 @@
             <SoundMeterWidget {stream} />
         {/if}
     </div>
-    <div class="is-silent" class:hide={isSilent}>Silent zone</div>
+    <div class="is-silent" class:hide={isSilent}>{translator._("camera.my.silent-zone")}</div>
 </div>
diff --git a/front/src/Components/ReportMenu/BlockSubMenu.svelte b/front/src/Components/ReportMenu/BlockSubMenu.svelte
index c27169bf..765b0202 100644
--- a/front/src/Components/ReportMenu/BlockSubMenu.svelte
+++ b/front/src/Components/ReportMenu/BlockSubMenu.svelte
@@ -2,6 +2,7 @@
     import { blackListManager } from "../../WebRtc/BlackListManager";
     import { showReportScreenStore, userReportEmpty } from "../../Stores/ShowReportScreenStore";
     import { onMount } from "svelte";
+    import { translator } from "../../Translator/Translator";
 
     export let userUUID: string | undefined;
     export let userName: string;
@@ -29,10 +30,10 @@
 </script>
 
 <div class="block-container">
-    <h3>Block</h3>
-    <p>Block any communication from and to {userName}. This can be reverted.</p>
+    <h3>{translator._("report.block.title")}</h3>
+    <p>{translator._("report.block.content", { userName })}</p>
     <button type="button" class="nes-btn is-error" on:click|preventDefault={blockUser}>
-        {userIsBlocked ? "Unblock this user" : "Block this user"}
+        {userIsBlocked ? translator._("report.block.unblock") : translator._("report.block.block")}
     </button>
 </div>
 
diff --git a/front/src/Components/ReportMenu/ReportMenu.svelte b/front/src/Components/ReportMenu/ReportMenu.svelte
index 92601774..0b482dc6 100644
--- a/front/src/Components/ReportMenu/ReportMenu.svelte
+++ b/front/src/Components/ReportMenu/ReportMenu.svelte
@@ -7,6 +7,7 @@
     import { playersStore } from "../../Stores/PlayersStore";
     import { connectionManager } from "../../Connexion/ConnectionManager";
     import { get } from "svelte/store";
+    import { translator } from "../../Translator/Translator";
 
     let blockActive = true;
     let reportActive = !blockActive;
@@ -59,7 +60,7 @@
 
 <div class="report-menu-main nes-container is-rounded">
     <section class="report-menu-title">
-        <h2>Moderate {userName}</h2>
+        <h2>{translator._("moderate.title", { userName })}</h2>
         <section class="justify-center">
             <button type="button" class="nes-btn" on:click|preventDefault={close}>X</button>
         </section>
@@ -69,14 +70,14 @@
             <button
                 type="button"
                 class="nes-btn {blockActive ? 'is-disabled' : ''}"
-                on:click|preventDefault={activateBlock}>Block</button
+                on:click|preventDefault={activateBlock}>{translator._("moderate.block")}</button
             >
         </section>
         <section class="justify-center">
             <button
                 type="button"
                 class="nes-btn {reportActive ? 'is-disabled' : ''}"
-                on:click|preventDefault={activateReport}>Report</button
+                on:click|preventDefault={activateReport}>{translator._("moderate.report")}</button
             >
         </section>
     </section>
@@ -86,7 +87,7 @@
         {:else if reportActive}
             <ReportSubMenu {userUUID} />
         {:else}
-            <p>ERROR : There is no action selected.</p>
+            <p>{translator._("moderate.no-select")}</p>
         {/if}
     </section>
 </div>
diff --git a/front/src/Components/ReportMenu/ReportSubMenu.svelte b/front/src/Components/ReportMenu/ReportSubMenu.svelte
index 379dd663..20a38a9b 100644
--- a/front/src/Components/ReportMenu/ReportSubMenu.svelte
+++ b/front/src/Components/ReportMenu/ReportSubMenu.svelte
@@ -1,6 +1,7 @@
 <script lang="ts">
     import { showReportScreenStore, userReportEmpty } from "../../Stores/ShowReportScreenStore";
     import { gameManager } from "../../Phaser/Game/GameManager";
+    import { translator } from "../../Translator/Translator";
 
     export let userUUID: string | undefined;
     let reportMessage: string;
@@ -22,18 +23,20 @@
 </script>
 
 <div class="report-container-main">
-    <h3>Report</h3>
-    <p>Send a report message to the administrators of this room. They may later ban this user.</p>
+    <h3>{translator._("report.title")}</h3>
+    <p>{translator._("report.message")}</p>
     <form>
         <section>
             <label>
-                <span>Your message: </span>
+                <span>{translator._("report.message.title")}</span>
                 <textarea type="text" class="nes-textarea" bind:value={reportMessage} />
             </label>
-            <p hidden={hiddenError}>Report message cannot to be empty.</p>
+            <p hidden={hiddenError}>{translator._("report.message.empty")}</p>
         </section>
         <section>
-            <button type="submit" class="nes-btn is-error" on:click={submitReport}>Report this user</button>
+            <button type="submit" class="nes-btn is-error" on:click={submitReport}
+                >{translator._("report.submit")}</button
+            >
         </section>
     </form>
 </div>
diff --git a/front/src/Components/SelectCompanion/SelectCompanionScene.svelte b/front/src/Components/SelectCompanion/SelectCompanionScene.svelte
index 99c654ce..94c1d9c6 100644
--- a/front/src/Components/SelectCompanion/SelectCompanionScene.svelte
+++ b/front/src/Components/SelectCompanion/SelectCompanionScene.svelte
@@ -1,6 +1,7 @@
 <script lang="typescript">
     import type { Game } from "../../Phaser/Game/Game";
     import { SelectCompanionScene, SelectCompanionSceneName } from "../../Phaser/Login/SelectCompanionScene";
+    import { translator } from "../../Translator/Translator";
 
     export let game: Game;
 
@@ -25,7 +26,7 @@
 
 <form class="selectCompanionScene">
     <section class="text-center">
-        <h2>Select your companion</h2>
+        <h2>{translator._("companion.select.title")}</h2>
         <button class="selectCharacterButton selectCharacterButtonLeft nes-btn" on:click|preventDefault={selectLeft}>
             &lt;
         </button>
@@ -35,12 +36,12 @@
     </section>
     <section class="action">
         <button href="/" class="selectCompanionSceneFormBack nes-btn" on:click|preventDefault={noCompanion}
-            >No companion</button
+            >{translator._("companion.select.any")}</button
         >
         <button
             type="submit"
             class="selectCompanionSceneFormSubmit nes-btn is-primary"
-            on:click|preventDefault={selectCompanion}>Continue</button
+            on:click|preventDefault={selectCompanion}>{translator._("companion.select.continue")}</button
         >
     </section>
 </form>
diff --git a/front/src/Components/TypeMessage/BanMessage.svelte b/front/src/Components/TypeMessage/BanMessage.svelte
index ce230067..4b19523b 100644
--- a/front/src/Components/TypeMessage/BanMessage.svelte
+++ b/front/src/Components/TypeMessage/BanMessage.svelte
@@ -3,6 +3,7 @@
     import { onMount } from "svelte";
     import type { Message } from "../../Stores/TypeMessageStore/MessageStore";
     import { banMessageStore } from "../../Stores/TypeMessageStore/BanMessageStore";
+    import { translator } from "../../Translator/Translator";
 
     export let message: Message;
 
@@ -37,7 +38,8 @@
     out:fade={{ duration: 200 }}
 >
     <h2 class="title-ban-message">
-        <img src="resources/logos/report.svg" alt="***" /> Important message
+        <img src="resources/logos/report.svg" alt="***" />
+        {translator._("important-message")}
         <img src="resources/logos/report.svg" alt="***" />
     </h2>
     <div class="content-ban-message">
diff --git a/front/src/Components/UI/AudioPlaying.svelte b/front/src/Components/UI/AudioPlaying.svelte
index a8d12ec9..bfe34157 100644
--- a/front/src/Components/UI/AudioPlaying.svelte
+++ b/front/src/Components/UI/AudioPlaying.svelte
@@ -3,6 +3,7 @@
     import megaphoneImg from "./images/megaphone.svg";
     import { soundPlayingStore } from "../../Stores/SoundPlayingStore";
     import { afterUpdate } from "svelte";
+    import { translator } from "../../Translator/Translator";
 
     export let url: string;
     let audio: HTMLAudioElement;
@@ -18,7 +19,7 @@
 
 <div class="audio-playing" transition:fly={{ x: 210, duration: 500 }}>
     <img src={megaphoneImg} alt="Audio playing" />
-    <p>Audio message</p>
+    <p>{translator._("audio.message")}</p>
     <audio bind:this={audio} src={url} on:ended={soundEnded}>
         <track kind="captions" />
     </audio>
diff --git a/front/src/Components/VisitCard/VisitCard.svelte b/front/src/Components/VisitCard/VisitCard.svelte
index 5bf8c57e..df1342a8 100644
--- a/front/src/Components/VisitCard/VisitCard.svelte
+++ b/front/src/Components/VisitCard/VisitCard.svelte
@@ -2,6 +2,7 @@
     import { fly } from "svelte/transition";
     import { requestVisitCardsStore } from "../../Stores/GameStore";
     import { onMount } from "svelte";
+    import { translator } from "../../Translator/Translator";
 
     export let visitCardUrl: string;
     let w = "500px";
@@ -40,7 +41,8 @@
     />
     {#if !hidden}
         <div class="buttonContainer">
-            <button class="nes-btn is-popUpElement" on:click={closeCard}>Close</button>
+            <button class="nes-btn is-popUpElement" on:click={closeCard}>{translator._("menu.visit-card.close")}</button
+            >
         </div>
     {/if}
 </section>
diff --git a/front/src/Components/WarningContainer/WarningContainer.svelte b/front/src/Components/WarningContainer/WarningContainer.svelte
index f75050fc..2791d462 100644
--- a/front/src/Components/WarningContainer/WarningContainer.svelte
+++ b/front/src/Components/WarningContainer/WarningContainer.svelte
@@ -2,6 +2,7 @@
     import { fly } from "svelte/transition";
     import { userIsAdminStore, limitMapStore } from "../../Stores/GameStore";
     import { ADMIN_URL } from "../../Enum/EnvironmentVariable";
+    import { translator } from "../../Translator/Translator";
 
     const upgradeLink = ADMIN_URL + "/pricing";
     const registerLink = ADMIN_URL + "/second-step-register";
@@ -9,19 +10,17 @@
 
 <main class="warningMain" transition:fly={{ y: -200, duration: 500 }}>
     {#if $userIsAdminStore}
-        <h2>Warning!</h2>
+        <h2>{translator._("warning.title")}</h2>
         <p>
-            This world is close to its limit!. You can upgrade its capacity <a href={upgradeLink} target="_blank"
-                >here</a
-            >
+            {translator._("warning.content", { upgradeLink })}
         </p>
     {:else if $limitMapStore}
         <p>
             This map is available for 2 days. You can register your domain <a href={registerLink}>here</a>!
         </p>
     {:else}
-        <h2>Warning!</h2>
-        <p>This world is close to its limit!</p>
+        <h2>{translator._("warning.title")}</h2>
+        <p>{translator._("warning.limit")}</p>
     {/if}
 </main>
 
diff --git a/front/src/Components/selectCharacter/SelectCharacterScene.svelte b/front/src/Components/selectCharacter/SelectCharacterScene.svelte
index 77db49e9..f7e3be5b 100644
--- a/front/src/Components/selectCharacter/SelectCharacterScene.svelte
+++ b/front/src/Components/selectCharacter/SelectCharacterScene.svelte
@@ -1,6 +1,7 @@
 <script lang="typescript">
     import type { Game } from "../../Phaser/Game/Game";
     import { SelectCharacterScene, SelectCharacterSceneName } from "../../Phaser/Login/SelectCharacterScene";
+    import { translator } from "../../Translator/Translator";
 
     export let game: Game;
 
@@ -25,7 +26,7 @@
 
 <form class="selectCharacterScene">
     <section class="text-center">
-        <h2>Select your WOKA</h2>
+        <h2>{translator._("select-woka.title")}</h2>
         <button class="selectCharacterButton selectCharacterButtonLeft nes-btn" on:click|preventDefault={selectLeft}>
             &lt;
         </button>
@@ -37,12 +38,12 @@
         <button
             type="submit"
             class="selectCharacterSceneFormSubmit nes-btn is-primary"
-            on:click|preventDefault={cameraScene}>Continue</button
+            on:click|preventDefault={cameraScene}>{translator._("select-woka.continue")}</button
         >
         <button
             type="submit"
             class="selectCharacterSceneFormCustomYourOwnSubmit nes-btn"
-            on:click|preventDefault={customizeScene}>Customize your WOKA</button
+            on:click|preventDefault={customizeScene}>{translator._("select-woka.customize")}</button
         >
     </section>
 </form>
diff --git a/front/src/Phaser/Login/EntryScene.ts b/front/src/Phaser/Login/EntryScene.ts
index 37b77048..b67b559a 100644
--- a/front/src/Phaser/Login/EntryScene.ts
+++ b/front/src/Phaser/Login/EntryScene.ts
@@ -13,7 +13,6 @@ export const EntrySceneName = "EntryScene";
  * and to route to the next correct scene.
  */
 export class EntryScene extends Scene {
-
     constructor() {
         super({
             key: EntrySceneName,
@@ -48,20 +47,20 @@ export class EntryScene extends Scene {
                         if (err.response && err.response.status == 404) {
                             ErrorScene.showError(
                                 new WAError(
-                                    "Access link incorrect",
-                                    "Could not find map. Please check your access link.",
-                                    "If you want more information, you may contact administrator or contact us at: hello@workadventu.re"
+                                    translator._("error.access-link.title"),
+                                    translator._("error.access-link.sub-title"),
+                                    translator._("error.access-link.details")
                                 ),
                                 this.scene
                             );
                         } else if (err.response && err.response.status == 403) {
                             ErrorScene.showError(
                                 new WAError(
-                                    "Connection rejected",
-                                    "You cannot join the World. Try again later" +
-                                        (err.response.data ? ". \n\r \n\r" + `${err.response.data}` : "") +
-                                        ".",
-                                    "If you want more information, you may contact administrator or contact us at: hello@workadventu.re"
+                                    translator._("error.connection-rejected.title"),
+                                    translator._("error.connection-rejected.sub-title", {
+                                        error: err.response.data ? ". \n\r \n\r" + `${err.response.data}` : "",
+                                    }),
+                                    translator._("error.connection-rejected.details")
                                 ),
                                 this.scene
                             );
diff --git a/front/src/Phaser/Reconnecting/ReconnectingScene.ts b/front/src/Phaser/Reconnecting/ReconnectingScene.ts
index aa19bd21..08092488 100644
--- a/front/src/Phaser/Reconnecting/ReconnectingScene.ts
+++ b/front/src/Phaser/Reconnecting/ReconnectingScene.ts
@@ -1,3 +1,4 @@
+import { translator } from "../../Translator/Translator";
 import { TextField } from "../Components/TextField";
 import Image = Phaser.GameObjects.Image;
 import Sprite = Phaser.GameObjects.Sprite;
@@ -38,7 +39,7 @@ export class ReconnectingScene extends Phaser.Scene {
             this,
             this.game.renderer.width / 2,
             this.game.renderer.height / 2,
-            "Connection lost. Reconnecting..."
+            translator._("connection-lost")
         );
 
         const cat = this.add.sprite(this.game.renderer.width / 2, this.game.renderer.height / 2 - 32, "cat");
diff --git a/front/src/Translator/Translator.ts b/front/src/Translator/Translator.ts
index 35785e95..7cae4c5f 100644
--- a/front/src/Translator/Translator.ts
+++ b/front/src/Translator/Translator.ts
@@ -224,7 +224,9 @@ class Translator {
             return params ? this.formatStringWithParams(fallbackLanguageValue, params) : fallbackLanguageValue;
         }
 
-        console.warn(`"${key}" key cannot be found in ${this.getStringByLanguage(this.fallbackLanguage)} fallback language`);
+        console.warn(
+            `"${key}" key cannot be found in ${this.getStringByLanguage(this.fallbackLanguage)} fallback language`
+        );
 
         return key;
     }
diff --git a/front/src/WebRtc/MediaManager.ts b/front/src/WebRtc/MediaManager.ts
index 7b32699b..6302f217 100644
--- a/front/src/WebRtc/MediaManager.ts
+++ b/front/src/WebRtc/MediaManager.ts
@@ -13,6 +13,7 @@ import { layoutManagerActionStore, layoutManagerVisibilityStore } from "../Store
 import { get } from "svelte/store";
 import { localUserStore } from "../Connexion/LocalUserStore";
 import { MediaStreamConstraintsError } from "../Stores/Errors/MediaStreamConstraintsError";
+import { translator } from "../Translator/Translator";
 
 export class MediaManager {
     startScreenSharingCallBacks: Set<StartScreenSharingCallback> = new Set<StartScreenSharingCallback>();
@@ -29,7 +30,7 @@ export class MediaManager {
                     layoutManagerActionStore.addAction({
                         uuid: "cameraAccessDenied",
                         type: "warning",
-                        message: "Camera access denied. Click here and check your browser permissions.",
+                        message: translator._("warning.access-denied.camera"),
                         callback: () => {
                             helpCameraSettingsVisibleStore.set(true);
                         },
@@ -50,7 +51,7 @@ export class MediaManager {
                 layoutManagerActionStore.addAction({
                     uuid: "screenSharingAccessDenied",
                     type: "warning",
-                    message: "Screen sharing denied. Click here and check your browser permissions.",
+                    message: translator._("warning.access-denied.screen-sharing"),
                     callback: () => {
                         helpCameraSettingsVisibleStore.set(true);
                     },
diff --git a/front/translations/en-US/audio.en-US.json b/front/translations/en-US/audio.en-US.json
new file mode 100644
index 00000000..677b67b1
--- /dev/null
+++ b/front/translations/en-US/audio.en-US.json
@@ -0,0 +1,8 @@
+{
+    "audio": {
+        "manager": {
+            "reduce": "reduce in conversations"
+        },
+        "message": "Audio message"
+    }
+}
diff --git a/front/translations/en-US/camera.en-US.json b/front/translations/en-US/camera.en-US.json
new file mode 100644
index 00000000..35d03221
--- /dev/null
+++ b/front/translations/en-US/camera.en-US.json
@@ -0,0 +1,19 @@
+{
+    "camera": {
+        "enable": {
+            "title": "Turn on your camera and microphone",
+            "start": "Let's go!"
+        },
+        "help": {
+            "title": "Camera / Microphone access needed",
+            "permission-denied": "Permission denied",
+            "content": "You must allow camera and microphone access in your browser.",
+            "firefox-content": "Please click the \"Remember this decision\" checkbox, if you don't want Firefox to keep asking you the authorization.",
+            "refresh": "Refresh",
+            "continue": "Continue without webcam"
+        },
+        "my": {
+            "silent-zone": "Silent zone"
+        }
+    }
+}
diff --git a/front/translations/en-US/chat.en-US.json b/front/translations/en-US/chat.en-US.json
new file mode 100644
index 00000000..1c05f15b
--- /dev/null
+++ b/front/translations/en-US/chat.en-US.json
@@ -0,0 +1,10 @@
+{
+    "chat": {
+        "intro": "Here is your chat history:",
+        "enter": "Enter your message...",
+        "menu": {
+            "visit-card": "Visit card",
+            "add-friend": "Add friend"
+        }
+    }
+}
diff --git a/front/translations/en-US/companion.en-US.json b/front/translations/en-US/companion.en-US.json
new file mode 100644
index 00000000..8346c992
--- /dev/null
+++ b/front/translations/en-US/companion.en-US.json
@@ -0,0 +1,9 @@
+{
+    "companion": {
+        "select": {
+            "title": "Select your companion",
+            "any": "No companion",
+            "continue": "Continue"
+        }
+    }
+}
diff --git a/front/translations/en-US/custom-character.en-US.json b/front/translations/en-US/custom-character.en-US.json
new file mode 100644
index 00000000..56f7dac4
--- /dev/null
+++ b/front/translations/en-US/custom-character.en-US.json
@@ -0,0 +1,16 @@
+{
+    "custom-character": {
+        "title": "Customize your WOKA",
+        "navigation": {
+            "return": "Return",
+            "back": "Back",
+            "finish": "Finish",
+            "next": "Next"
+        }
+    },
+    "select-woka": {
+        "title": "Select your WOKA",
+        "continue": "Continue",
+        "customize": "Customize your WOKA"
+    }
+}
diff --git a/front/translations/en-US/error.en-US.json b/front/translations/en-US/error.en-US.json
new file mode 100644
index 00000000..d91d7dd0
--- /dev/null
+++ b/front/translations/en-US/error.en-US.json
@@ -0,0 +1,14 @@
+{
+    "error": {
+        "access-link": {
+            "title": "Access link incorrect",
+            "sub-title": "Could not find map. Please check your access link.",
+            "details": "If you want more information, you may contact administrator or contact us at: hello@workadventu.re"
+        },
+        "connection-rejected": {
+            "title": "Connection rejected",
+            "sub-title": "You cannot join the World. Try again later {{error}}.",
+            "details": "If you want more information, you may contact administrator or contact us at: hello@workadventu.re"
+        }
+    }
+}
\ No newline at end of file
diff --git a/front/translations/en-US/follow.en-US.json b/front/translations/en-US/follow.en-US.json
new file mode 100644
index 00000000..baa32baf
--- /dev/null
+++ b/front/translations/en-US/follow.en-US.json
@@ -0,0 +1,25 @@
+{
+    "follow": {
+        "interact-status": {
+            "following": "Following {{leader}}",
+            "waiting-followers": "Waiting for followers confirmation",
+            "followed": {
+                "one": "{{follower}} is following you",
+                "two": "{{firstFollower}} and {{secondFollower}} are following you",
+                "many": "{{followers}} and {{lastFollower}} are following you"
+            }
+        },
+        "interact-menu": {
+            "title": {
+                "interact": "Interaction",
+                "follow": "Do you want to follow {{leader}}?"
+            },
+            "stop": {
+                "leader": "Do you want to stop leading the way?",
+                "follower": "Do you want to stop following {{leader}}?"
+            },
+            "yes": "Yes",
+            "no": "No"
+        }
+    }
+}
diff --git a/front/translations/en-US/login.en-US.json b/front/translations/en-US/login.en-US.json
new file mode 100644
index 00000000..8cb20637
--- /dev/null
+++ b/front/translations/en-US/login.en-US.json
@@ -0,0 +1,12 @@
+{
+    "login": {
+        "input": {
+            "name": {
+                "placeholder": "Enter your name",
+                "empty": "The name is empty"
+            }
+        },
+        "terms": "By continuing, you are agreeing our <a href=\"https://workadventu.re/terms-of-use\" target=\"_blank\">terms of use</a>, <a href=\"https://workadventu.re/privacy-policy\" target=\"_blank\">privacy policy</a> and <a href=\"https://workadventu.re/cookie-policy\" target=\"_blank\">cookie policy</a>.",
+        "continue": "Continue"
+    }
+}
diff --git a/front/translations/en-US/menu.en-US.json b/front/translations/en-US/menu.en-US.json
new file mode 100644
index 00000000..f6170423
--- /dev/null
+++ b/front/translations/en-US/menu.en-US.json
@@ -0,0 +1,118 @@
+{
+    "menu": {
+        "title": "Menu",
+        "icon": {
+            "open": {
+                "menu": "Open menu",
+                "invite": "Show invite",
+                "register": "Register",
+                "chat": "Open chat"
+            }
+        },
+        "visit-card": {
+            "close": "Close"
+        },
+        "profile": {
+            "edit": {
+                "name": "Edit your name",
+                "woka": "Edit your WOKA",
+                "companion": "Edit your companion",
+                "camera": "Edit your camera"
+            },
+            "login": "Sign in",
+            "logout": "Log out"
+        },
+        "settings": {
+            "game-quality": {
+                "title": "Game quality",
+                "short": {
+                    "high": "High (120 fps)",
+                    "medium": "Medium (60 fps)",
+                    "minimum": "Minimum (40 fps)",
+                    "small": "Small (20 fps)"
+                },
+                "long": {
+                    "high": "High video quality (120 fps)",
+                    "medium": "Medium video quality (60 fps, recommended)",
+                    "minimum": "Minimum video quality (40 fps)",
+                    "small": "Small video quality (20 fps)"
+                }
+            },
+            "video-quality": {
+                "title": "Video quality",
+                "short": {
+                    "high": "High (30 fps)",
+                    "medium": "Medium (20 fps)",
+                    "minimum": "Minimum (10 fps)",
+                    "small": "Small (5 fps)"
+                },
+                "long": {
+                    "high": "High video quality (30 fps)",
+                    "medium": "Medium video quality (20 fps, recommended)",
+                    "minimum": "Minimum video quality (10 fps)",
+                    "small": "Small video quality (5 fps)"
+                }
+            },
+            "save": {
+                "warning": "(Saving these settings will restart the game)",
+                "button": "Save"
+            },
+            "fullscreen": "Fullscreen",
+            "notifications": "Notifications",
+            "cowebsite-trigger": "Always ask before opening websites and Jitsi Meet rooms",
+            "ignore-follow-request": "Ignore requests to follow other users"
+        },
+        "invite": {
+            "description": "Share the link of the room!",
+            "copy": "Copy",
+            "share": "Share"
+        },
+        "global-message": {
+            "text": "Text",
+            "audio": "Audio",
+            "warning": "Broadcast to all rooms of the world",
+            "enter": "Enter your message here...",
+            "send": "Send"
+        },
+        "global-audio": {
+            "upload-info": "Upload a file",
+            "error": "No file selected. You need to upload a file before sending it."
+        },
+        "contact": {
+            "getting-started": {
+                "title": "Getting started",
+                "description": "WorkAdventure allows you to create an online space to communicate spontaneously with others. And it all starts with creating your own space. Choose from a large selection of prefabricated maps by our team."
+            },
+            "create-map": {
+                "title": "Create your map",
+                "description": "You can also create your own custom map by following the step of the documentation."
+            }
+        },
+        "about": {
+            "map-info": "Information on the map",
+            "map-link": "link to this map",
+            "copyrights": {
+                "map": {
+                    "title": "Copyrights of the map",
+                    "empty": "The map creator did not declare a copyright for the map."
+                },
+                "tileset": {
+                    "title": "Copyrights of the tilesets",
+                    "empty": "The map creator did not declare a copyright for the tilesets. This doesn't mean that those tilesets have no license."
+                },
+                "audio": {
+                    "title": "Copyrights of audio files",
+                    "empty": "The map creator did not declare a copyright for audio files. This doesn't mean that those audio files have no license."
+                }
+            }
+        },
+        "sub": {
+            "profile": "Profile",
+            "settings": "Settings",
+            "invite": "Invite",
+            "credit": "Credit",
+            "global-message": "Global Messages",
+            "contact": "Contact"
+        }
+    }
+}
diff --git a/front/translations/en-US/report.en-US.json b/front/translations/en-US/report.en-US.json
new file mode 100644
index 00000000..97eafc1c
--- /dev/null
+++ b/front/translations/en-US/report.en-US.json
@@ -0,0 +1,23 @@
+{
+    "report": {
+        "block": {
+            "title": "Block",
+            "content": "Block any communication from and to {{userName}}. This can be reverted.",
+            "unblock": "Unblock this user",
+            "block": "Block this user"
+        },
+        "title": "Report",
+        "content": "Send a report message to the administrators of this room. They may later ban this user.",
+        "message": {
+            "title": "Your message: ",
+            "empty": "Report message cannot to be empty."
+        },
+        "submit": "Report this user"
+    },
+    "moderate": {
+        "title": "Moderate {{userName}}",
+        "block": "Block",
+        "report": "Report",
+        "no-select": "ERROR : There is no action selected."
+    }
+}
diff --git a/front/translations/en-US/test.en-US.json b/front/translations/en-US/test.en-US.json
deleted file mode 100644
index 5bc56b94..00000000
--- a/front/translations/en-US/test.en-US.json
+++ /dev/null
@@ -1,5 +0,0 @@
-{
-    "test": {
-        "nolway": "Too mutch cofee"
-    }
-}
diff --git a/front/translations/en-US/warning.en-US.json b/front/translations/en-US/warning.en-US.json
new file mode 100644
index 00000000..028e68a0
--- /dev/null
+++ b/front/translations/en-US/warning.en-US.json
@@ -0,0 +1,13 @@
+{
+    "warning": {
+        "title": "Warning!",
+        "content": "This world is close to its limit!. You can upgrade its capacity <a href={{upgradeLink}} target=\"_blank\">here</a>",
+        "limit": "This world is close to its limit!",
+        "access-denied": {
+            "camera": "Camera access denied. Click here and check your browser permissions.",
+            "screen-sharing": "Screen sharing denied. Click here and check your browser permissions."
+        }
+    },
+    "important-message": "Important message",
+    "connection-lost": "Connection lost. Reconnecting..."
+}

From 6ff4d6d6349abbc5a5479727e4b35a40abe180bb Mon Sep 17 00:00:00 2001
From: Nolway <faizeau.alexis@gmail.com>
Date: Thu, 6 Jan 2022 23:08:15 +0100
Subject: [PATCH 21/40] Add fr-FR translations

---
 front/translations/fr-FR/audio.fr-FR.json     |   8 ++
 front/translations/fr-FR/camera.fr-FR.json    |  19 +++
 front/translations/fr-FR/chat.fr-FR.json      |  10 ++
 front/translations/fr-FR/companion.fr-FR.json |   9 ++
 .../fr-FR/custom-character.fr-FR.json         |  16 +++
 front/translations/fr-FR/error.fr-FR.json     |  14 +++
 front/translations/fr-FR/follow.fr-FR.json    |  25 ++++
 front/translations/fr-FR/login.fr-FR.json     |  12 ++
 front/translations/fr-FR/menu.fr-FR.json      | 118 ++++++++++++++++++
 front/translations/fr-FR/report.fr-FR.json    |  23 ++++
 front/translations/fr-FR/test.fr-FR.json      |   5 -
 front/translations/fr-FR/warning.fr-FR.json   |  13 ++
 12 files changed, 267 insertions(+), 5 deletions(-)
 create mode 100644 front/translations/fr-FR/audio.fr-FR.json
 create mode 100644 front/translations/fr-FR/camera.fr-FR.json
 create mode 100644 front/translations/fr-FR/chat.fr-FR.json
 create mode 100644 front/translations/fr-FR/companion.fr-FR.json
 create mode 100644 front/translations/fr-FR/custom-character.fr-FR.json
 create mode 100644 front/translations/fr-FR/error.fr-FR.json
 create mode 100644 front/translations/fr-FR/follow.fr-FR.json
 create mode 100644 front/translations/fr-FR/login.fr-FR.json
 create mode 100644 front/translations/fr-FR/menu.fr-FR.json
 create mode 100644 front/translations/fr-FR/report.fr-FR.json
 delete mode 100644 front/translations/fr-FR/test.fr-FR.json
 create mode 100644 front/translations/fr-FR/warning.fr-FR.json

diff --git a/front/translations/fr-FR/audio.fr-FR.json b/front/translations/fr-FR/audio.fr-FR.json
new file mode 100644
index 00000000..67357b1f
--- /dev/null
+++ b/front/translations/fr-FR/audio.fr-FR.json
@@ -0,0 +1,8 @@
+{
+    "audio": {
+        "manager": {
+            "reduce": "réduit dans les conversations"
+        },
+        "message": "Message audio"
+    }
+}
diff --git a/front/translations/fr-FR/camera.fr-FR.json b/front/translations/fr-FR/camera.fr-FR.json
new file mode 100644
index 00000000..885dae49
--- /dev/null
+++ b/front/translations/fr-FR/camera.fr-FR.json
@@ -0,0 +1,19 @@
+{
+    "camera": {
+        "enable": {
+            "title": "Allumez votre caméra et votre microphone",
+            "start": "C'est partie!"
+        },
+        "help": {
+            "title": "Accès à la caméra / au microphone nécessaire",
+            "permission-denied": "Permission refusée",
+            "content": "Vous devez autoriser l'accès à la caméra et au microphone dans votre navigateur.",
+            "firefox-content": "Veuillez cocher la case \"Se souvenir de cette décision\" si vous ne voulez pas que Firefox vous demande sans cesse l'autorisation.",
+            "refresh": "Rafraîchir",
+            "continue": "Continuer sans webcam"
+        },
+        "my": {
+            "silent-zone": "Zone silencieuse"
+        }
+    }
+}
diff --git a/front/translations/fr-FR/chat.fr-FR.json b/front/translations/fr-FR/chat.fr-FR.json
new file mode 100644
index 00000000..8eb568ff
--- /dev/null
+++ b/front/translations/fr-FR/chat.fr-FR.json
@@ -0,0 +1,10 @@
+{
+    "chat": {
+        "intro": "Voici l'historique de votre chat:",
+        "enter": "Entrez votre message...",
+        "menu": {
+            "visit-card": "Carte de visite",
+            "add-friend": "Ajouter un ami"
+        }
+    }
+}
diff --git a/front/translations/fr-FR/companion.fr-FR.json b/front/translations/fr-FR/companion.fr-FR.json
new file mode 100644
index 00000000..c32a5022
--- /dev/null
+++ b/front/translations/fr-FR/companion.fr-FR.json
@@ -0,0 +1,9 @@
+{
+    "companion": {
+        "select": {
+            "title": "Sélectionnez votre compagnon",
+            "any": "Pas de compagnon",
+            "continue": "Continuer"
+        }
+    }
+}
diff --git a/front/translations/fr-FR/custom-character.fr-FR.json b/front/translations/fr-FR/custom-character.fr-FR.json
new file mode 100644
index 00000000..a9acc288
--- /dev/null
+++ b/front/translations/fr-FR/custom-character.fr-FR.json
@@ -0,0 +1,16 @@
+{
+    "custom-character": {
+        "title": "Personnalisez votre WOKA",
+        "navigation": {
+            "return": "Retour",
+            "back": "Précédent",
+            "finish": "Terminer",
+            "next": "Suivant"
+        }
+    },
+    "select-woka": {
+        "title": "Sélectionnez votre WOKA",
+        "continue": "Continuer",
+        "customize": "Personnalisez votre WOKA"
+    }
+}
diff --git a/front/translations/fr-FR/error.fr-FR.json b/front/translations/fr-FR/error.fr-FR.json
new file mode 100644
index 00000000..ea7679f4
--- /dev/null
+++ b/front/translations/fr-FR/error.fr-FR.json
@@ -0,0 +1,14 @@
+{
+    "error": {
+        "access-link": {
+            "title": "Lien d'accès incorrect",
+            "sub-title": "Impossible de trouver la carte. Veuillez vérifier votre lien d'accès.",
+            "details": "Si vous souhaitez obtenir de plus amples informations, vous pouvez contacter l'administrateur ou nous contacter à l'adresse suivante: hello@workadventu.re"
+        },
+        "connection-rejected": {
+            "title": "Connexion rejetée",
+            "sub-title": "Vous ne pouvez pas rejoindre le monde. Réessayer plus tard {{error}}.",
+            "details": "Si vous souhaitez obtenir de plus amples informations, vous pouvez contacter l'administrateur ou nous contacter à l'adresse suivante: hello@workadventu.re"
+        }
+    }
+}
\ No newline at end of file
diff --git a/front/translations/fr-FR/follow.fr-FR.json b/front/translations/fr-FR/follow.fr-FR.json
new file mode 100644
index 00000000..e46978ac
--- /dev/null
+++ b/front/translations/fr-FR/follow.fr-FR.json
@@ -0,0 +1,25 @@
+{
+    "follow": {
+        "interact-status": {
+            "following": "Vous suivez {{leader}}",
+            "waiting-followers": "En attente de la confirmation des suiveurs",
+            "followed": {
+                "one": "{{follower}} vous suit",
+                "two": "{{firstFollower}} et {{secondFollower}} vous suivent",
+                "many": "{{followers}} et {{lastFollower}} vous suivent"
+            }
+        },
+        "interact-menu": {
+            "title": {
+                "interact": "Interaction",
+                "follow": "Voulez-vous suivre {{leader}}?"
+            },
+            "stop": {
+                "leader": "Voulez-vous qu'on arrête de vous suivre?",
+                "follower": "Voulez-vous arrêter de suivre {{leader}}?"
+            },
+            "yes": "Oui",
+            "no": "Non"
+        }
+    }
+}
diff --git a/front/translations/fr-FR/login.fr-FR.json b/front/translations/fr-FR/login.fr-FR.json
new file mode 100644
index 00000000..9e690b8e
--- /dev/null
+++ b/front/translations/fr-FR/login.fr-FR.json
@@ -0,0 +1,12 @@
+{
+    "login": {
+        "input": {
+            "name": {
+                "placeholder": "Entrez votre nom",
+                "empty": "Le nom est vide"
+            }
+        },
+        "terms": "En continuant, vous acceptez nos <a href=\"https://workadventu.re/terms-of-use\" target=\"_blank\">conditions d'utilisation</a>, notre <a href=\"https://workadventu.re/privacy-policy\" target=\"_blank\">politique de confidentialité</a> et notre <a href=\"https://workadventu.re/cookie-policy\" target=\"_blank\">politique relative aux cookies</a>.",
+        "continue": "Continuer"
+    }
+}
diff --git a/front/translations/fr-FR/menu.fr-FR.json b/front/translations/fr-FR/menu.fr-FR.json
new file mode 100644
index 00000000..83490bc5
--- /dev/null
+++ b/front/translations/fr-FR/menu.fr-FR.json
@@ -0,0 +1,118 @@
+{
+    "menu": {
+        "title": "Menu",
+        "icon": {
+            "open": {
+                "menu": "Ouvrir le menu",
+                "invite": "Afficher l'invitation",
+                "register": "Enregistrez vous",
+                "chat": "Ouvrir le chat"
+            }
+        },
+        "visit-card": {
+            "close": "Fermer"
+        },
+        "profile": {
+            "edit": {
+                "name": "Modifier votre nom",
+                "woka": "Modifier votre WOKA",
+                "companion": "Modifier votre compagnon",
+                "camera": "Modifier votre caméra"
+            },
+            "login": "S'identifier",
+            "logout": "Déconnexion"
+        },
+        "settings": {
+            "game-quality": {
+                "title": "Qualité du jeu",
+                "short": {
+                    "high": "Haute (120 fps)",
+                    "medium": "Moyenne (60 fps)",
+                    "minimum": "Minimale (40 fps)",
+                    "small": "Reduite (20 fps)"
+                },
+                "long": {
+                    "high": "Haute (120 fps)",
+                    "medium": "Moyenne (60 fps, recommandée)",
+                    "minimum": "Minimale (40 fps)",
+                    "small": "Reduite (20 fps)"
+                }
+            },
+            "video-quality": {
+                "title": "Qualité de la vidéo",
+                "short": {
+                    "high": "Haute (30 fps)",
+                    "medium": "Moyenne (20 fps)",
+                    "minimum": "Minimale (10 fps)",
+                    "small": "Small (5 fps)"
+                },
+                "long": {
+                    "high": "Haute (30 fps)",
+                    "medium": "Moyenne (20 fps, recommandée)",
+                    "minimum": "Minimale (10 fps)",
+                    "small": "Reduite (5 fps)"
+                }
+            },
+            "save": {
+                "warning": "(La sauvegarde de ces paramètres redémarre le jeu)",
+                "button": "Sauvegarder"
+            },
+            "fullscreen": "Plein écran",
+            "notifications": "Notifications",
+            "cowebsite-trigger": "Demander toujours avant d'ouvrir des sites web et des salles de réunion Jitsi",
+            "ignore-follow-request": "Ignorer les demandes de suivi des autres utilisateurs"
+        },
+        "invite": {
+            "description": "Partager le lien de la salle!",
+            "copy": "Copier",
+            "share": "Partager"
+        },
+        "global-message": {
+            "text": "Texte",
+            "audio": "Audio",
+            "warning": "Diffusion dans toutes les salles du monde",
+            "enter": "Entrez votre message ici...",
+            "send": "Envoyer"
+        },
+        "global-audio": {
+            "upload-info": "Télécharger un fichier",
+            "error": "Aucun fichier sélectionné. Vous devez télécharger un fichier avant de l'envoyer."
+        },
+        "contact": {
+            "getting-started": {
+                "title": "Pour commencer",
+                "description": "WorkAdventure vous permet de créer un espace en ligne pour communiquer spontanément avec d'autres personnes. Et tout commence par la création de votre propre espace. Choisissez parmi une large sélection de cartes préfabriquées par notre équipe."
+            },
+            "create-map": {
+                "title": "Créer votre carte",
+                "description": "Vous pouvez également créer votre propre carte personnalisée en suivant la documentation."
+            }
+        },
+        "about": {
+            "map-info": "Informations sur la carte",
+            "map-link": "lien vers cette carte",
+            "copyrights": {
+                "map": {
+                    "title": "Droits d'auteur de la carte",
+                    "empty": "Le créateur de la carte n'a pas déclaré de droit d'auteur pour la carte."
+                },
+                "tileset": {
+                    "title": "Droits d'auteur des tilesets",
+                    "empty": "Le créateur de la carte n'a pas déclaré de droit d'auteur pour les tilesets. Cela ne signifie pas que les tilesets n'ont pas de licence."
+                },
+                "audio": {
+                    "title": "Droits d'auteur des fichiers audio",
+                    "empty": "Le créateur de la carte n'a pas déclaré de droit d'auteur pour les fichiers audio. Cela ne signifie pas que les fichiers audio n'ont pas de licence."
+                }
+            }
+        },
+        "sub": {
+            "profile": "Profile",
+            "settings": "Paramètres",
+            "invite": "Inviter",
+            "credit": "Crédits",
+            "global-message": "Messages globaux",
+            "contact": "Contact"
+        }
+    }
+}
diff --git a/front/translations/fr-FR/report.fr-FR.json b/front/translations/fr-FR/report.fr-FR.json
new file mode 100644
index 00000000..75d62ac0
--- /dev/null
+++ b/front/translations/fr-FR/report.fr-FR.json
@@ -0,0 +1,23 @@
+{
+    "report": {
+        "block": {
+            "title": "Bloquer",
+            "content": "Bloquer toute communication en provenance et à destination de {{userName}}. Cela peut être annulé.",
+            "unblock": "Débloquer cet utilisateur",
+            "block": "Bloquer cet utilisateur"
+        },
+        "title": "Signaler",
+        "content": "Signaler aux administrateurs de cette salle. Ils pourront par la suite bannir cet utilisateur.",
+        "message": {
+            "title": "Votre message: ",
+            "empty": "Le message du signalement ne peut pas être vide."
+        },
+        "submit": "Signaler cet utilisateur"
+    },
+    "moderate": {
+        "title": "Modérer {{userName}}",
+        "block": "Bloquer",
+        "report": "Signaler",
+        "no-select": "ERREUR : Il n'y a pas d'action sélectionnée."
+    }
+}
diff --git a/front/translations/fr-FR/test.fr-FR.json b/front/translations/fr-FR/test.fr-FR.json
deleted file mode 100644
index ab428962..00000000
--- a/front/translations/fr-FR/test.fr-FR.json
+++ /dev/null
@@ -1,5 +0,0 @@
-{
-    "test": {
-        "nolway": "Trop de café"
-    }
-}
diff --git a/front/translations/fr-FR/warning.fr-FR.json b/front/translations/fr-FR/warning.fr-FR.json
new file mode 100644
index 00000000..0a145c7f
--- /dev/null
+++ b/front/translations/fr-FR/warning.fr-FR.json
@@ -0,0 +1,13 @@
+{
+    "warning": {
+        "title": "Attention!",
+        "content": "Ce monde est proche de sa limite ! Vous pouvez améliorer sa capacité <a href={{upgradeLink}} target=\"_blank\">içi</a>",
+        "limit": "Ce monde est proche de ses limites!",
+        "access-denied": {
+            "camera": "Accès à la caméra refusé. Cliquez ici et vérifiez les autorisations de votre navigateur.",
+            "screen-sharing": "Partage d'écran refusé. Cliquez ici et vérifiez les autorisations de votre navigateur."
+        }
+    },
+    "important-message": "Message important",
+    "connection-lost": "Connexion perdue. Reconnexion..."
+}

From 54ae3bf215061ab1a59ad53da44bf361108bee17 Mon Sep 17 00:00:00 2001
From: Nolway <faizeau.alexis@gmail.com>
Date: Fri, 7 Jan 2022 01:50:47 +0100
Subject: [PATCH 22/40] Add language switcher on settings

---
 .../Components/Menu/SettingsSubMenu.svelte    | 39 ++++++++++++++++---
 front/src/Translator/TranslationCompiler.ts   | 32 ++++++---------
 front/src/Translator/Translator.ts            | 30 +++++++++++---
 front/src/define-plugin.d.ts                  | 15 ++++++-
 front/translations/en-US/menu.en-US.json      |  3 ++
 front/translations/fr-FR/menu.fr-FR.json      |  3 ++
 front/webpack.config.ts                       |  5 +--
 7 files changed, 91 insertions(+), 36 deletions(-)

diff --git a/front/src/Components/Menu/SettingsSubMenu.svelte b/front/src/Components/Menu/SettingsSubMenu.svelte
index 53503902..776acbbe 100644
--- a/front/src/Components/Menu/SettingsSubMenu.svelte
+++ b/front/src/Components/Menu/SettingsSubMenu.svelte
@@ -4,7 +4,7 @@
     import { HtmlUtils } from "../../WebRtc/HtmlUtils";
     import { isMobile } from "../../Enum/EnvironmentVariable";
     import { menuVisiblilityStore } from "../../Stores/MenuStore";
-import { translator } from "../../Translator/Translator";
+    import { languages, translator } from "../../Translator/Translator";
 
     let fullscreen: boolean = localUserStore.getFullscreen();
     let notification: boolean = localUserStore.getNotification() === "granted";
@@ -12,14 +12,18 @@ import { translator } from "../../Translator/Translator";
     let ignoreFollowRequests: boolean = localUserStore.getIgnoreFollowRequests();
     let valueGame: number = localUserStore.getGameQualityValue();
     let valueVideo: number = localUserStore.getVideoQualityValue();
+    let valueLanguage: string = translator.getStringByLanguage(translator.getCurrentLanguage()) ?? "en-US";
     let previewValueGame = valueGame;
     let previewValueVideo = valueVideo;
+    let previewValueLanguage = valueLanguage;
 
     function saveSetting() {
-        if (valueGame !== previewValueGame) {
-            previewValueGame = valueGame;
-            localUserStore.setGameQualityValue(valueGame);
-            window.location.reload();
+        let change = false;
+
+        if (valueLanguage !== previewValueLanguage) {
+            previewValueLanguage = valueLanguage;
+            translator.switchLanguage(previewValueLanguage);
+            change = true;
         }
 
         if (valueVideo !== previewValueVideo) {
@@ -27,6 +31,16 @@ import { translator } from "../../Translator/Translator";
             videoConstraintStore.setFrameRate(valueVideo);
         }
 
+        if (valueGame !== previewValueGame) {
+            previewValueGame = valueGame;
+            localUserStore.setGameQualityValue(valueGame);
+            change = true;
+        }
+
+        if (change) {
+            window.location.reload();
+        }
+
         closeMenu();
     }
 
@@ -127,6 +141,17 @@ import { translator } from "../../Translator/Translator";
             </select>
         </div>
     </section>
+    <section>
+        <h3>{translator._("menu.settings.language.title")}</h3>
+        <div class="nes-select is-dark">
+            <select class="languages-switcher" bind:value={valueLanguage}>
+                <!-- svelte-ignore missing-declaration -->
+                {#each languages as language}
+                    <option value={language.id}>{`${language.language} (${language.country})`}</option>
+                {/each}
+            </select>
+        </div>
+    </section>
     <section class="settings-section-save">
         <p>{translator._("menu.settings.save.warning")}</p>
         <button type="button" class="nes-btn is-primary" on:click|preventDefault={saveSetting}
@@ -205,6 +230,10 @@ import { translator } from "../../Translator/Translator";
                 margin: 0 0 15px;
             }
         }
+
+        .languages-switcher option {
+            text-transform: capitalize;
+        }
     }
 
     @media only screen and (max-width: 800px), only screen and (max-height: 800px) {
diff --git a/front/src/Translator/TranslationCompiler.ts b/front/src/Translator/TranslationCompiler.ts
index 6b43ba2c..5d06571f 100644
--- a/front/src/Translator/TranslationCompiler.ts
+++ b/front/src/Translator/TranslationCompiler.ts
@@ -3,11 +3,6 @@ import fs from "fs";
 const translationsBasePath = "./translations";
 const fallbackLanguage = process.env.FALLBACK_LANGUAGE || "en-US";
 
-export type LanguageFound = {
-    id: string;
-    default: boolean;
-};
-
 const getAllLanguagesByFiles = (dirPath: string, languages: Array<LanguageFound> | undefined) => {
     const files = fs.readdirSync(dirPath);
     languages = languages || new Array<LanguageFound>();
@@ -25,10 +20,18 @@ const getAllLanguagesByFiles = (dirPath: string, languages: Array<LanguageFound>
             const rawData = fs.readFileSync(dirPath + "/" + file, "utf-8");
             const languageObject = JSON.parse(rawData);
 
-            languages?.push({
-                id: parts[1],
-                default: languageObject.default !== undefined && languageObject.default,
-            });
+            if (
+                "language" in languageObject && typeof languageObject.language === "string" &&
+                "country" in languageObject && typeof languageObject.country === "string" &&
+                "default" in languageObject && typeof languageObject.default === "boolean"
+            ) {
+                languages?.push({
+                    id: parts[1],
+                    language: languageObject.language,
+                    country: languageObject.country,
+                    default: languageObject.default
+                });
+            }
         }
     });
 
@@ -57,16 +60,5 @@ const getFallbackLanguageObject = (dirPath: string, languageObject: Object | und
     return languageObject;
 };
 
-const languagesToObject = () => {
-    const object: { [key: string]: boolean } = {};
-
-    languages.forEach((language) => {
-        object[language.id] = false;
-    });
-
-    return object;
-};
-
 export const languages = getAllLanguagesByFiles(translationsBasePath, undefined);
-export const languagesObject = languagesToObject();
 export const fallbackLanguageObject = getFallbackLanguageObject(translationsBasePath, undefined);
diff --git a/front/src/Translator/Translator.ts b/front/src/Translator/Translator.ts
index 7cae4c5f..df1539dc 100644
--- a/front/src/Translator/Translator.ts
+++ b/front/src/Translator/Translator.ts
@@ -77,6 +77,15 @@ class Translator {
         });
     }
 
+    /**
+     * TypeGuard to check if is a LanguageObject
+     * @param {unknown} object Presume LanguageObject
+     * @returns {boolean} Is a LanguageObject or not
+     */
+    private isLanguageObject(object: unknown): object is LanguageObject {
+        return typeof object === "object";
+    }
+
     /**
      * Get from the Phase cache the current language object and promise to load it
      * @param {Phaser.Cache.CacheManager} cacheManager Phaser CacheManager
@@ -92,7 +101,11 @@ class Translator {
                 return reject(new Error("Language not found in cache"));
             }
 
-            this.currentLanguageObject = languageObject as LanguageObject;
+            if (!this.isLanguageObject(languageObject)) {
+                throw new Error("Cannot load a bad language object");
+            }
+
+            this.currentLanguageObject = languageObject;
             return resolve();
         });
     }
@@ -109,11 +122,9 @@ class Translator {
 
         let languageFound = undefined;
 
-        const languages: { [key: string]: boolean } = LANGUAGES as { [key: string]: boolean };
-
-        for (const language in languages) {
-            if (language.startsWith(languageString) && languages[language]) {
-                languageFound = this.getLanguageByString(language);
+        for (const language of LANGUAGES) {
+            if (language.id.startsWith(languageString) && language.default) {
+                languageFound = this.getLanguageByString(language.id);
                 break;
             }
         }
@@ -129,6 +140,12 @@ class Translator {
         return this.currentLanguage;
     }
 
+    public switchLanguage(languageString: string) {
+        if (this.getLanguageByString(languageString)) {
+            localStorage.setItem("language", languageString);
+        }
+    }
+
     /**
      * Define the current language by the navigator or a cookie
      */
@@ -232,4 +249,5 @@ class Translator {
     }
 }
 
+export const languages: LanguageFound[] = LANGUAGES;
 export const translator = new Translator();
diff --git a/front/src/define-plugin.d.ts b/front/src/define-plugin.d.ts
index 679cf2e0..b43443ec 100644
--- a/front/src/define-plugin.d.ts
+++ b/front/src/define-plugin.d.ts
@@ -1,2 +1,13 @@
-declare const FALLBACK_LANGUAGE_OBJECT: Object;
-declare const LANGUAGES: Object;
+type LanguageObject = {
+    [key: string]: string | LanguageObject;
+};
+
+type LanguageFound = {
+    id: string;
+    language: string;
+    country: string;
+    default: boolean;
+};
+
+declare const FALLBACK_LANGUAGE_OBJECT: LanguageObject;
+declare const LANGUAGES: LanguageFound[];
diff --git a/front/translations/en-US/menu.en-US.json b/front/translations/en-US/menu.en-US.json
index f6170423..c0375ebe 100644
--- a/front/translations/en-US/menu.en-US.json
+++ b/front/translations/en-US/menu.en-US.json
@@ -53,6 +53,9 @@
                     "small": "Small video quality (5 fps)"
                 }
             },
+            "language": {
+                "title": "Language"
+            },
             "save": {
                 "warning": "(Saving these settings will restart the game)",
                 "button": "Save"
diff --git a/front/translations/fr-FR/menu.fr-FR.json b/front/translations/fr-FR/menu.fr-FR.json
index 83490bc5..4f009543 100644
--- a/front/translations/fr-FR/menu.fr-FR.json
+++ b/front/translations/fr-FR/menu.fr-FR.json
@@ -53,6 +53,9 @@
                     "small": "Reduite (5 fps)"
                 }
             },
+            "language": {
+                "title": "Langage"
+            },
             "save": {
                 "warning": "(La sauvegarde de ces paramètres redémarre le jeu)",
                 "button": "Sauvegarder"
diff --git a/front/webpack.config.ts b/front/webpack.config.ts
index b407adb9..498499cd 100644
--- a/front/webpack.config.ts
+++ b/front/webpack.config.ts
@@ -7,8 +7,7 @@ import sveltePreprocess from "svelte-preprocess";
 import type { Configuration } from "webpack";
 import webpack from "webpack";
 import type WebpackDevServer from "webpack-dev-server";
-import type { LanguageFound } from "./src/Translator/TranslationCompiler";
-import { fallbackLanguageObject, languages, languagesObject } from "./src/Translator/TranslationCompiler";
+import { fallbackLanguageObject, languages } from "./src/Translator/TranslationCompiler";
 
 const MergeJsonWebpackPlugin = require("merge-jsons-webpack-plugin");
 
@@ -223,7 +222,7 @@ module.exports = {
         }),
         new webpack.DefinePlugin({
             FALLBACK_LANGUAGE_OBJECT: JSON.stringify(fallbackLanguageObject),
-            LANGUAGES: JSON.stringify(languagesObject),
+            LANGUAGES: JSON.stringify(languages),
         }),
         new MergeJsonWebpackPlugin({
             output: {

From 68dc7c25551a525d4c80fab25b428789bb72b9b2 Mon Sep 17 00:00:00 2001
From: Alexis Faizeau <a.faizeau@workadventu.re>
Date: Mon, 10 Jan 2022 16:12:58 +0100
Subject: [PATCH 23/40] Fix languageFound type error on build

---
 front/src/Translator/TranslationCompiler.ts | 7 +++++++
 front/webpack.config.ts                     | 1 +
 2 files changed, 8 insertions(+)

diff --git a/front/src/Translator/TranslationCompiler.ts b/front/src/Translator/TranslationCompiler.ts
index 5d06571f..fe83f41f 100644
--- a/front/src/Translator/TranslationCompiler.ts
+++ b/front/src/Translator/TranslationCompiler.ts
@@ -1,5 +1,12 @@
 import fs from "fs";
 
+export type LanguageFound = {
+    id: string;
+    language: string;
+    country: string;
+    default: boolean;
+};
+
 const translationsBasePath = "./translations";
 const fallbackLanguage = process.env.FALLBACK_LANGUAGE || "en-US";
 
diff --git a/front/webpack.config.ts b/front/webpack.config.ts
index 498499cd..9134d506 100644
--- a/front/webpack.config.ts
+++ b/front/webpack.config.ts
@@ -8,6 +8,7 @@ import type { Configuration } from "webpack";
 import webpack from "webpack";
 import type WebpackDevServer from "webpack-dev-server";
 import { fallbackLanguageObject, languages } from "./src/Translator/TranslationCompiler";
+import type { LanguageFound } from "./src/Translator/TranslationCompiler";
 
 const MergeJsonWebpackPlugin = require("merge-jsons-webpack-plugin");
 

From 1789f36a63ce056b1086cff52d5b415c07eb8af5 Mon Sep 17 00:00:00 2001
From: Alexis Faizeau <a.faizeau@workadventu.re>
Date: Mon, 10 Jan 2022 17:40:04 +0100
Subject: [PATCH 24/40] Implement zod checking on translator compiler

---
 front/package.json                          |  3 +-
 front/src/Translator/TranslationCompiler.ts | 44 +++++++++++++++------
 front/src/Translator/Translator.ts          | 14 +++----
 front/src/define-plugin.d.ts                |  2 +-
 front/yarn.lock                             |  5 +++
 5 files changed, 48 insertions(+), 20 deletions(-)

diff --git a/front/package.json b/front/package.json
index c7b819bd..81da765c 100644
--- a/front/package.json
+++ b/front/package.json
@@ -65,7 +65,8 @@
     "socket.io-client": "^2.3.0",
     "standardized-audio-context": "^25.2.4",
     "ts-proto": "^1.96.0",
-    "uuidv4": "^6.2.10"
+    "uuidv4": "^6.2.10",
+    "zod": "^3.11.6"
   },
   "scripts": {
     "start": "run-p templater serve svelte-check-watch",
diff --git a/front/src/Translator/TranslationCompiler.ts b/front/src/Translator/TranslationCompiler.ts
index fe83f41f..e13c134e 100644
--- a/front/src/Translator/TranslationCompiler.ts
+++ b/front/src/Translator/TranslationCompiler.ts
@@ -1,4 +1,5 @@
 import fs from "fs";
+import { z } from "zod";
 
 export type LanguageFound = {
     id: string;
@@ -7,6 +8,10 @@ export type LanguageFound = {
     default: boolean;
 };
 
+type LanguageObject = {
+    [key: string]: string | boolean | LanguageObject;
+};
+
 const translationsBasePath = "./translations";
 const fallbackLanguage = process.env.FALLBACK_LANGUAGE || "en-US";
 
@@ -27,17 +32,23 @@ const getAllLanguagesByFiles = (dirPath: string, languages: Array<LanguageFound>
             const rawData = fs.readFileSync(dirPath + "/" + file, "utf-8");
             const languageObject = JSON.parse(rawData);
 
-            if (
-                "language" in languageObject && typeof languageObject.language === "string" &&
-                "country" in languageObject && typeof languageObject.country === "string" &&
-                "default" in languageObject && typeof languageObject.default === "boolean"
-            ) {
+            const indexLanguageObject = z.object({
+                language: z.string(),
+                country: z.string(),
+                default: z.boolean(),
+            });
+
+            try {
+                const indexLanguage = indexLanguageObject.parse(languageObject);
+
                 languages?.push({
                     id: parts[1],
-                    language: languageObject.language,
-                    country: languageObject.country,
-                    default: languageObject.default
+                    language: indexLanguage.language,
+                    country: indexLanguage.country,
+                    default: indexLanguage.default,
                 });
+            } catch (e) {
+                console.error(e);
             }
         }
     });
@@ -45,7 +56,7 @@ const getAllLanguagesByFiles = (dirPath: string, languages: Array<LanguageFound>
     return languages;
 };
 
-const getFallbackLanguageObject = (dirPath: string, languageObject: Object | undefined) => {
+const getFallbackLanguageObject = (dirPath: string, languageObject: LanguageObject | undefined) => {
     const files = fs.readdirSync(dirPath);
     languageObject = languageObject || {};
 
@@ -59,8 +70,19 @@ const getFallbackLanguageObject = (dirPath: string, languageObject: Object | und
                 return;
             }
 
-            const rawData = fs.readFileSync(dirPath + "/" + file, "utf-8");
-            languageObject = { ...languageObject, ...JSON.parse(rawData) };
+            const data = JSON.parse(fs.readFileSync(dirPath + "/" + file, "utf-8"));
+
+            try {
+                const languageObjectFormat: z.ZodType<LanguageObject> = z.lazy(() => {
+                    return z.object({}).catchall(z.union([z.string(), z.boolean(), languageObjectFormat]));
+                });
+
+                const languageObjectData = languageObjectFormat.parse(data);
+
+                languageObject = { ...languageObject, ...languageObjectData };
+            } catch (e) {
+                console.error(e);
+            }
         }
     });
 
diff --git a/front/src/Translator/Translator.ts b/front/src/Translator/Translator.ts
index df1539dc..b8af8e05 100644
--- a/front/src/Translator/Translator.ts
+++ b/front/src/Translator/Translator.ts
@@ -5,10 +5,6 @@ export type Language = {
     country: string;
 };
 
-type LanguageObject = {
-    [key: string]: string | LanguageObject;
-};
-
 type TranslationParams = {
     [key: string]: string | number;
 };
@@ -19,7 +15,7 @@ class Translator {
         country: "US",
     };
 
-    private readonly fallbackLanguageObject: LanguageObject = FALLBACK_LANGUAGE_OBJECT as LanguageObject;
+    private readonly fallbackLanguageObject: LanguageObject = FALLBACK_LANGUAGE_OBJECT;
 
     /**
      * Current language
@@ -186,10 +182,14 @@ class Translator {
      */
     private getObjectValueByPath(key: string, object: LanguageObject): string | undefined {
         const paths = key.split(".");
-        let currentValue: LanguageObject | string = object;
+        let currentValue: string | boolean | LanguageObject = object;
 
         for (const path of paths) {
-            if (typeof currentValue === "string" || currentValue[path] === undefined) {
+            if (
+                typeof currentValue === "string" ||
+                typeof currentValue === "boolean" ||
+                currentValue[path] === undefined
+            ) {
                 return undefined;
             }
 
diff --git a/front/src/define-plugin.d.ts b/front/src/define-plugin.d.ts
index b43443ec..8987e134 100644
--- a/front/src/define-plugin.d.ts
+++ b/front/src/define-plugin.d.ts
@@ -1,5 +1,5 @@
 type LanguageObject = {
-    [key: string]: string | LanguageObject;
+    [key: string]: string | boolean | LanguageObject;
 };
 
 type LanguageFound = {
diff --git a/front/yarn.lock b/front/yarn.lock
index d6768844..b84ed603 100644
--- a/front/yarn.lock
+++ b/front/yarn.lock
@@ -6553,3 +6553,8 @@ yocto-queue@^0.1.0:
   version "0.1.0"
   resolved "https://registry.yarnpkg.com/yocto-queue/-/yocto-queue-0.1.0.tgz#0294eb3dee05028d31ee1a5fa2c556a6aaf10a1b"
   integrity sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==
+
+zod@^3.11.6:
+  version "3.11.6"
+  resolved "https://registry.yarnpkg.com/zod/-/zod-3.11.6.tgz#e43a5e0c213ae2e02aefe7cb2b1a6fa3d7f1f483"
+  integrity sha512-daZ80A81I3/9lIydI44motWe6n59kRBfNzTuS2bfzVh1nAXi667TOTWWtatxyG+fwgNUiagSj/CWZwRRbevJIg==

From 51c3f1d9725bd17927a90a4e1525f9e36e08f952 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?David=20N=C3=A9grier?= <d.negrier@thecodingmachine.com>
Date: Wed, 19 Jan 2022 09:28:08 +0100
Subject: [PATCH 25/40] Refactoring translator to use "_" instead of
 "translator._".

This is shorter and pollutes less the code.
---
 docs/dev/how-to-translate.md                  | 10 ++--
 .../AudioManager/AudioManager.svelte          |  4 +-
 front/src/Components/Chat/Chat.svelte         |  4 +-
 .../Components/Chat/ChatMessageForm.svelte    |  4 +-
 front/src/Components/Chat/ChatSubMenu.svelte  |  6 +--
 .../CustomCharacterScene.svelte               | 12 ++---
 .../EnableCamera/EnableCameraScene.svelte     |  6 +--
 .../Components/FollowMenu/FollowMenu.svelte   | 28 +++++-----
 .../HelpCameraSettingsPopup.svelte            | 14 ++---
 front/src/Components/Login/LoginScene.svelte  | 10 ++--
 .../Components/Menu/AboutRoomSubMenu.svelte   | 18 +++----
 .../Components/Menu/AudioGlobalMessage.svelte |  6 +--
 .../src/Components/Menu/ContactSubMenu.svelte | 14 ++---
 .../Menu/GlobalMessagesSubMenu.svelte         | 12 ++---
 front/src/Components/Menu/GuestSubMenu.svelte | 14 ++---
 front/src/Components/Menu/Menu.svelte         |  6 +--
 front/src/Components/Menu/MenuIcon.svelte     | 20 ++-----
 .../src/Components/Menu/ProfileSubMenu.svelte | 18 +++----
 .../Components/Menu/SettingsSubMenu.svelte    | 52 +++++++++----------
 .../Components/Menu/TextGlobalMessage.svelte  |  4 +-
 front/src/Components/MyCamera.svelte          |  4 +-
 .../Components/ReportMenu/BlockSubMenu.svelte |  8 +--
 .../Components/ReportMenu/ReportMenu.svelte   | 10 ++--
 .../ReportMenu/ReportSubMenu.svelte           | 14 +++--
 .../SelectCompanionScene.svelte               |  8 +--
 .../Components/TypeMessage/BanMessage.svelte  |  4 +-
 front/src/Components/UI/AudioPlaying.svelte   |  4 +-
 .../src/Components/VisitCard/VisitCard.svelte |  5 +-
 .../WarningContainer/WarningContainer.svelte  | 10 ++--
 .../SelectCharacterScene.svelte               |  8 +--
 front/src/Phaser/Login/EntryScene.ts          | 14 ++---
 .../Phaser/Reconnecting/ReconnectingScene.ts  |  4 +-
 front/src/Translator/Translator.ts            |  3 +-
 front/src/WebRtc/MediaManager.ts              |  6 +--
 34 files changed, 174 insertions(+), 190 deletions(-)

diff --git a/docs/dev/how-to-translate.md b/docs/dev/how-to-translate.md
index 86fd5129..77cbe3f4 100644
--- a/docs/dev/how-to-translate.md
+++ b/docs/dev/how-to-translate.md
@@ -73,10 +73,12 @@ Example:
 }
 ```
 
-In the code you can use it like this:
+In the code you can translate using `translator.translate`, or the shortcut alias: `_`.
 
 ```js
-translator._('messages.coffe-machine.start');
+import { _ } from "../../Translator/Translator";
+
+console.log(_('messages.coffe-machine.start'));
 ```
 
 ### Add a key with parameters
@@ -99,7 +101,7 @@ Example:
 In the code you can use it like this:
 
 ```js
-translator._('messages.coffe-machine.player-start', {
+_('messages.coffe-machine.player-start', {
     playerName: "John"
 });
-```
\ No newline at end of file
+```
diff --git a/front/src/Components/AudioManager/AudioManager.svelte b/front/src/Components/AudioManager/AudioManager.svelte
index 5bf02fc9..aab2747e 100644
--- a/front/src/Components/AudioManager/AudioManager.svelte
+++ b/front/src/Components/AudioManager/AudioManager.svelte
@@ -5,7 +5,7 @@
     import { get } from "svelte/store";
     import type { Unsubscriber } from "svelte/store";
     import { onDestroy, onMount } from "svelte";
-    import { translator } from "../../Translator/Translator";
+    import { _ } from "../../Translator/Translator";
 
     let HTMLAudioPlayer: HTMLAudioElement;
     let audioPlayerVolumeIcon: HTMLElement;
@@ -145,7 +145,7 @@
     </div>
     <div class="audio-manager-reduce-conversation">
         <label>
-            {translator._("audio.manager.reduce")}
+            {_("audio.manager.reduce")}
             <input type="checkbox" bind:checked={decreaseWhileTalking} on:change={setDecrease} />
         </label>
         <section class="audio-manager-file">
diff --git a/front/src/Components/Chat/Chat.svelte b/front/src/Components/Chat/Chat.svelte
index 2e60e43e..5f66837b 100644
--- a/front/src/Components/Chat/Chat.svelte
+++ b/front/src/Components/Chat/Chat.svelte
@@ -5,7 +5,7 @@
     import ChatElement from "./ChatElement.svelte";
     import { afterUpdate, beforeUpdate, onMount } from "svelte";
     import { HtmlUtils } from "../../WebRtc/HtmlUtils";
-    import { translator } from "../../Translator/Translator";
+    import { _ } from "../../Translator/Translator";
 
     let listDom: HTMLElement;
     let chatWindowElement: HTMLElement;
@@ -46,7 +46,7 @@
     <p class="close-icon" on:click={closeChat}>&times</p>
     <section class="messagesList" bind:this={listDom}>
         <ul>
-            <li><p class="system-text">{translator._("chat.intro")}</p></li>
+            <li><p class="system-text">{_("chat.intro")}</p></li>
             {#each $chatMessagesStore as message, i}
                 <li><ChatElement {message} line={i} /></li>
             {/each}
diff --git a/front/src/Components/Chat/ChatMessageForm.svelte b/front/src/Components/Chat/ChatMessageForm.svelte
index 6853d669..345c4b7d 100644
--- a/front/src/Components/Chat/ChatMessageForm.svelte
+++ b/front/src/Components/Chat/ChatMessageForm.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
     import { chatMessagesStore, chatInputFocusStore } from "../../Stores/ChatStore";
-    import { translator } from "../../Translator/Translator";
+    import { _ } from "../../Translator/Translator";
 
     export const handleForm = {
         blur() {
@@ -28,7 +28,7 @@
     <input
         type="text"
         bind:value={newMessageText}
-        placeholder={translator._("chat.enter")}
+        placeholder={_("chat.enter")}
         on:focus={onFocus}
         on:blur={onBlur}
         bind:this={inputElement}
diff --git a/front/src/Components/Chat/ChatSubMenu.svelte b/front/src/Components/Chat/ChatSubMenu.svelte
index 48f59e65..a6c09b83 100644
--- a/front/src/Components/Chat/ChatSubMenu.svelte
+++ b/front/src/Components/Chat/ChatSubMenu.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
     import type { PlayerInterface } from "../../Phaser/Game/PlayerInterface";
     import { requestVisitCardsStore } from "../../Stores/GameStore";
-    import { translator } from "../../Translator/Translator";
+    import { _ } from "../../Translator/Translator";
 
     export let player: PlayerInterface;
 
@@ -15,10 +15,10 @@
 <ul class="selectMenu" style="border-top: {player.color || 'whitesmoke'} 5px solid">
     <li>
         <button class="text-btn" disabled={!player.visitCardUrl} on:click={openVisitCard}
-            >{translator._("chat.menu.visit-card")}</button
+            >{_("chat.menu.visit-card")}</button
         >
     </li>
-    <li><button class="text-btn" disabled>{translator._("chat.menu.add-friend")}</button></li>
+    <li><button class="text-btn" disabled>{_("chat.menu.add-friend")}</button></li>
 </ul>
 
 <style lang="scss">
diff --git a/front/src/Components/CustomCharacterScene/CustomCharacterScene.svelte b/front/src/Components/CustomCharacterScene/CustomCharacterScene.svelte
index c446ccbc..b29a27f7 100644
--- a/front/src/Components/CustomCharacterScene/CustomCharacterScene.svelte
+++ b/front/src/Components/CustomCharacterScene/CustomCharacterScene.svelte
@@ -2,7 +2,7 @@
     import type { Game } from "../../Phaser/Game/Game";
     import { CustomizeScene, CustomizeSceneName } from "../../Phaser/Login/CustomizeScene";
     import { activeRowStore } from "../../Stores/CustomCharacterStore";
-    import { translator } from "../../Translator/Translator";
+    import { _ } from "../../Translator/Translator";
 
     export let game: Game;
 
@@ -35,7 +35,7 @@
 
 <form class="customCharacterScene">
     <section class="text-center">
-        <h2>{translator._("custom-character.title")}</h2>
+        <h2>{_("custom-character.title")}</h2>
     </section>
     <section class="action action-move">
         <button
@@ -54,12 +54,12 @@
     <section class="action">
         {#if $activeRowStore === 0}
             <button type="submit" class="customCharacterSceneFormBack nes-btn" on:click|preventDefault={previousScene}
-                >{translator._("custom-character.navigation.return")}</button
+                >{_("custom-character.navigation.return")}</button
             >
         {/if}
         {#if $activeRowStore !== 0}
             <button type="submit" class="customCharacterSceneFormBack nes-btn" on:click|preventDefault={selectUp}
-                >{translator._("custom-character.navigation.back")}
+                >{_("custom-character.navigation.back")}
                 <img src="resources/objects/arrow_up_black.png" alt="" /></button
             >
         {/if}
@@ -67,7 +67,7 @@
             <button
                 type="submit"
                 class="customCharacterSceneFormSubmit nes-btn is-primary"
-                on:click|preventDefault={finish}>{translator._("custom-character.navigation.finish")}</button
+                on:click|preventDefault={finish}>{_("custom-character.navigation.finish")}</button
             >
         {/if}
         {#if $activeRowStore !== 5}
@@ -75,7 +75,7 @@
                 type="submit"
                 class="customCharacterSceneFormSubmit nes-btn is-primary"
                 on:click|preventDefault={selectDown}
-                >{translator._("custom-character.navigation.next")}
+                >{_("custom-character.navigation.next")}
                 <img src="resources/objects/arrow_down.png" alt="" /></button
             >
         {/if}
diff --git a/front/src/Components/EnableCamera/EnableCameraScene.svelte b/front/src/Components/EnableCamera/EnableCameraScene.svelte
index 7dba267b..5387a3c5 100644
--- a/front/src/Components/EnableCamera/EnableCameraScene.svelte
+++ b/front/src/Components/EnableCamera/EnableCameraScene.svelte
@@ -13,7 +13,7 @@
     import cinemaCloseImg from "../images/cinema-close.svg";
     import cinemaImg from "../images/cinema.svg";
     import microphoneImg from "../images/microphone.svg";
-    import { translator } from "../../Translator/Translator";
+    import { _ } from "../../Translator/Translator";
 
     export let game: Game;
     let selectedCamera: string | undefined = undefined;
@@ -77,7 +77,7 @@
 
 <form class="enableCameraScene" on:submit|preventDefault={submit}>
     <section class="text-center">
-        <h2>{translator._("camera.enable.title")}</h2>
+        <h2>{_("camera.enable.title")}</h2>
     </section>
     {#if $localStreamStore.type === "success" && $localStreamStore.stream}
         <video class="myCamVideoSetup" use:srcObject={$localStreamStore.stream} autoplay muted playsinline />
@@ -122,7 +122,7 @@
         {/if}
     </section>
     <section class="action">
-        <button type="submit" class="nes-btn is-primary letsgo">{translator._("camera.enable.start")}</button>
+        <button type="submit" class="nes-btn is-primary letsgo">{_("camera.enable.start")}</button>
     </section>
 </form>
 
diff --git a/front/src/Components/FollowMenu/FollowMenu.svelte b/front/src/Components/FollowMenu/FollowMenu.svelte
index b41e0fd4..170c884f 100644
--- a/front/src/Components/FollowMenu/FollowMenu.svelte
+++ b/front/src/Components/FollowMenu/FollowMenu.svelte
@@ -6,7 +6,7 @@ vim: ft=typescript
     import followImg from "../images/follow.svg";
 
     import { followStateStore, followRoleStore, followUsersStore } from "../../Stores/FollowStore";
-    import { translator } from "../../Translator/Translator";
+    import { _ } from "../../Translator/Translator";
 
     const gameScene = gameManager.getCurrentGameScene();
 
@@ -44,14 +44,14 @@ vim: ft=typescript
 {#if $followStateStore === "requesting" && $followRoleStore === "follower"}
     <div class="interact-menu nes-container is-rounded">
         <section class="interact-menu-title">
-            <h2>{translator._("follow.interact-menu.title.follow", { leader: name($followUsersStore[0]) })}</h2>
+            <h2>{_("follow.interact-menu.title.follow", { leader: name($followUsersStore[0]) })}</h2>
         </section>
         <section class="interact-menu-action">
             <button type="button" class="nes-btn is-success" on:click|preventDefault={acceptFollowRequest}
-                >{translator._("follow.interact-menu.yes")}</button
+                >{_("follow.interact-menu.yes")}</button
             >
             <button type="button" class="nes-btn is-error" on:click|preventDefault={reset}
-                >{translator._("follow.interact-menu.no")}</button
+                >{_("follow.interact-menu.no")}</button
             >
         </section>
     </div>
@@ -60,23 +60,23 @@ vim: ft=typescript
 {#if $followStateStore === "ending"}
     <div class="interact-menu nes-container is-rounded">
         <section class="interact-menu-title">
-            <h2>{translator._("follow.interact-menu.title.interact")}</h2>
+            <h2>{_("follow.interact-menu.title.interact")}</h2>
         </section>
         {#if $followRoleStore === "follower"}
             <section class="interact-menu-question">
-                <p>{translator._("follow.interact-menu.stop.follower", { leader: name($followUsersStore[0]) })}</p>
+                <p>{_("follow.interact-menu.stop.follower", { leader: name($followUsersStore[0]) })}</p>
             </section>
         {:else if $followRoleStore === "leader"}
             <section class="interact-menu-question">
-                <p>{translator._("follow.interact-menu.stop.leader")}</p>
+                <p>{_("follow.interact-menu.stop.leader")}</p>
             </section>
         {/if}
         <section class="interact-menu-action">
             <button type="button" class="nes-btn is-success" on:click|preventDefault={reset}
-                >{translator._("follow.interact-menu.yes")}</button
+                >{_("follow.interact-menu.yes")}</button
             >
             <button type="button" class="nes-btn is-error" on:click|preventDefault={abortEnding}
-                >{translator._("follow.interact-menu.no")}</button
+                >{_("follow.interact-menu.no")}</button
             >
         </section>
     </div>
@@ -86,21 +86,21 @@ vim: ft=typescript
     <div class="interact-status nes-container is-rounded">
         <section class="interact-status">
             {#if $followRoleStore === "follower"}
-                <p>{translator._("follow.interact-status.following", { leader: name($followUsersStore[0]) })}</p>
+                <p>{_("follow.interact-status.following", { leader: name($followUsersStore[0]) })}</p>
             {:else if $followUsersStore.length === 0}
-                <p>{translator._("follow.interact-status.waiting-followers")}</p>
+                <p>{_("follow.interact-status.waiting-followers")}</p>
             {:else if $followUsersStore.length === 1}
-                <p>{translator._("follow.interact-status.followed.one", { follower: name($followUsersStore[0]) })}</p>
+                <p>{_("follow.interact-status.followed.one", { follower: name($followUsersStore[0]) })}</p>
             {:else if $followUsersStore.length === 2}
                 <p>
-                    {translator._("follow.interact-status.followed.one", {
+                    {_("follow.interact-status.followed.one", {
                         firstFollower: name($followUsersStore[0]),
                         secondFollower: name($followUsersStore[1]),
                     })}
                 </p>
             {:else}
                 <p>
-                    {translator._("follow.interact-status.followed.many", {
+                    {_("follow.interact-status.followed.many", {
                         followers: $followUsersStore.slice(0, -1).map(name).join(", "),
                         lastFollower: name($followUsersStore[$followUsersStore.length - 1]),
                     })}
diff --git a/front/src/Components/HelpCameraSettings/HelpCameraSettingsPopup.svelte b/front/src/Components/HelpCameraSettings/HelpCameraSettingsPopup.svelte
index c7cdb9aa..f63ebaf5 100644
--- a/front/src/Components/HelpCameraSettings/HelpCameraSettingsPopup.svelte
+++ b/front/src/Components/HelpCameraSettings/HelpCameraSettingsPopup.svelte
@@ -4,7 +4,7 @@
     import firefoxImg from "./images/help-setting-camera-permission-firefox.png";
     import chromeImg from "./images/help-setting-camera-permission-chrome.png";
     import { getNavigatorType, isAndroid as isAndroidFct, NavigatorType } from "../../WebRtc/DeviceUtils";
-    import { translator } from "../../Translator/Translator";
+    import { _ } from "../../Translator/Translator";
 
     let isAndroid = isAndroidFct();
     let isFirefox = getNavigatorType() === NavigatorType.firefox;
@@ -25,13 +25,13 @@
     transition:fly={{ y: -900, duration: 500 }}
 >
     <section>
-        <h2>{translator._("camera.help.title")}</h2>
-        <p class="err">{translator._("camera.help.permission-denied")}</p>
-        <p>{translator._("camera.help.content")}</p>
+        <h2>{_("camera.help.title")}</h2>
+        <p class="err">{_("camera.help.permission-denied")}</p>
+        <p>{_("camera.help.content")}</p>
         <p>
             {#if isFirefox}
                 <p class="err">
-                    {translator._("camera.help.firefox-content")}
+                    {_("camera.help.firefox-content")}
                 </p>
                 <img src={firefoxImg} alt="" />
             {:else if isChrome && !isAndroid}
@@ -41,10 +41,10 @@
     </section>
     <section>
         <button class="helpCameraSettingsFormRefresh nes-btn" on:click|preventDefault={refresh}
-            >{translator._("camera.help.refresh")}</button
+            >{_("camera.help.refresh")}</button
         >
         <button type="submit" class="helpCameraSettingsFormContinue nes-btn is-primary" on:click|preventDefault={close}
-            >{translator._("camera.help.continue")}</button
+            >{_("camera.help.continue")}</button
         >
     </section>
 </form>
diff --git a/front/src/Components/Login/LoginScene.svelte b/front/src/Components/Login/LoginScene.svelte
index e4f47d60..2543b97e 100644
--- a/front/src/Components/Login/LoginScene.svelte
+++ b/front/src/Components/Login/LoginScene.svelte
@@ -4,7 +4,7 @@
     import { DISPLAY_TERMS_OF_USE, MAX_USERNAME_LENGTH } from "../../Enum/EnvironmentVariable";
     import logoImg from "../images/logo.png";
     import { gameManager } from "../../Phaser/Game/GameManager";
-    import { translator } from "../../Translator/Translator";
+    import { _ } from "../../Translator/Translator";
 
     export let game: Game;
 
@@ -28,7 +28,7 @@
         <img src={logoImg} alt="WorkAdventure logo" />
     </section>
     <section class="text-center">
-        <h2>{translator._("login.input.name.placeholder")}</h2>
+        <h2>{_("login.input.name.placeholder")}</h2>
     </section>
     <!-- svelte-ignore a11y-autofocus -->
     <input
@@ -45,7 +45,7 @@
     />
     <section class="error-section">
         {#if name.trim() === "" && startValidating}
-            <p class="err">{translator._("login.input.name.empty")}</p>
+            <p class="err">{_("login.input.name.empty")}</p>
         {/if}
     </section>
 
@@ -53,12 +53,12 @@
         <section class="terms-and-conditions">
             <a style="display: none;" href="traduction">Need for traduction</a>
             <p>
-                {translator._("login.terms")}
+                {_("login.terms")}
             </p>
         </section>
     {/if}
     <section class="action">
-        <button type="submit" class="nes-btn is-primary loginSceneFormSubmit">{translator._("login.continue")}</button>
+        <button type="submit" class="nes-btn is-primary loginSceneFormSubmit">{_("login.continue")}</button>
     </section>
 </form>
 
diff --git a/front/src/Components/Menu/AboutRoomSubMenu.svelte b/front/src/Components/Menu/AboutRoomSubMenu.svelte
index ee560340..75f17132 100644
--- a/front/src/Components/Menu/AboutRoomSubMenu.svelte
+++ b/front/src/Components/Menu/AboutRoomSubMenu.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
     import { gameManager } from "../../Phaser/Game/GameManager";
     import { onMount } from "svelte";
-    import { translator } from "../../Translator/Translator";
+    import { _ } from "../../Translator/Translator";
 
     let gameScene = gameManager.getCurrentGameScene();
 
@@ -12,7 +12,7 @@
     let mapName: string = "";
     let mapLink: string = "";
     let mapDescription: string = "";
-    let mapCopyright: string = translator._("menu.about.copyrights.map.empty");
+    let mapCopyright: string = _("menu.about.copyrights.map.empty");
     let tilesetCopyright: string[] = [];
     let audioCopyright: string[] = [];
 
@@ -63,37 +63,37 @@
 </script>
 
 <div class="about-room-main">
-    <h2>{translator._("menu.about.map-info")}</h2>
+    <h2>{_("menu.about.map-info")}</h2>
     <section class="container-overflow">
         <h3>{mapName}</h3>
         <p class="string-HTML">{mapDescription}</p>
         {#if mapLink}
             <p class="string-HTML">
-                &gt; <a href={mapLink} target="_blank">{translator._("menu.about.map-link")}</a> &lt;
+                &gt; <a href={mapLink} target="_blank">{_("menu.about.map-link")}</a> &lt;
             </p>
         {/if}
         <h3 class="nes-pointer hoverable" on:click={() => (expandedMapCopyright = !expandedMapCopyright)}>
-            {translator._("menu.about.copyrights.map.title")}
+            {_("menu.about.copyrights.map.title")}
         </h3>
         <p class="string-HTML" hidden={!expandedMapCopyright}>{mapCopyright}</p>
         <h3 class="nes-pointer hoverable" on:click={() => (expandedTilesetCopyright = !expandedTilesetCopyright)}>
-            {translator._("menu.about.copyrights.tileset.title")}
+            {_("menu.about.copyrights.tileset.title")}
         </h3>
         <section hidden={!expandedTilesetCopyright}>
             {#each tilesetCopyright as copyright}
                 <p class="string-HTML">{copyright}</p>
             {:else}
-                <p>{translator._("menu.about.copyrights.tileset.empty")}</p>
+                <p>{_("menu.about.copyrights.tileset.empty")}</p>
             {/each}
         </section>
         <h3 class="nes-pointer hoverable" on:click={() => (expandedAudioCopyright = !expandedAudioCopyright)}>
-            {translator._("menu.about.copyrights.audio.title")}
+            {_("menu.about.copyrights.audio.title")}
         </h3>
         <section hidden={!expandedAudioCopyright}>
             {#each audioCopyright as copyright}
                 <p class="string-HTML">{copyright}</p>
             {:else}
-                <p>{translator._("menu.about.copyrights.audio.empty")}</p>
+                <p>{_("menu.about.copyrights.audio.empty")}</p>
             {/each}
         </section>
     </section>
diff --git a/front/src/Components/Menu/AudioGlobalMessage.svelte b/front/src/Components/Menu/AudioGlobalMessage.svelte
index edc9568d..12f7a848 100644
--- a/front/src/Components/Menu/AudioGlobalMessage.svelte
+++ b/front/src/Components/Menu/AudioGlobalMessage.svelte
@@ -4,7 +4,7 @@
     import { AdminMessageEventTypes } from "../../Connexion/AdminMessagesService";
     import uploadFile from "../images/music-file.svg";
     import type { PlayGlobalMessageInterface } from "../../Connexion/ConnexionModels";
-    import { translator } from "../../Translator/Translator";
+    import { _ } from "../../Translator/Translator";
 
     interface EventTargetFiles extends EventTarget {
         files: Array<File>;
@@ -77,7 +77,7 @@
     <img
         class="nes-pointer"
         src={uploadFile}
-        alt={translator._("menu.global-audio.upload-info")}
+        alt={_("menu.global-audio.upload-info")}
         on:click|preventDefault={() => {
             fileInput.click();
         }}
@@ -86,7 +86,7 @@
         <p>{fileName} : {fileSize}</p>
     {/if}
     {#if errorFile}
-        <p class="err">{translator._("menu.global-audio.error")}</p>
+        <p class="err">{_("menu.global-audio.error")}</p>
     {/if}
     <input
         type="file"
diff --git a/front/src/Components/Menu/ContactSubMenu.svelte b/front/src/Components/Menu/ContactSubMenu.svelte
index 6eb7c963..54a674d5 100644
--- a/front/src/Components/Menu/ContactSubMenu.svelte
+++ b/front/src/Components/Menu/ContactSubMenu.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
     import { contactPageStore } from "../../Stores/MenuStore";
-    import { translator } from "../../Translator/Translator";
+    import { _ } from "../../Translator/Translator";
 
     function goToGettingStarted() {
         const sparkHost = "https://workadventu.re/getting-started";
@@ -16,18 +16,18 @@
 <div class="create-map-main">
     <section class="container-overflow">
         <section>
-            <h3>{translator._("menu.contact.getting-started.title")}</h3>
-            <p>{translator._("menu.contact.getting-started.description")}</p>
+            <h3>{_("menu.contact.getting-started.title")}</h3>
+            <p>{_("menu.contact.getting-started.description")}</p>
             <button type="button" class="nes-btn is-primary" on:click={goToGettingStarted}
-                >{translator._("menu.contact.getting-started.title")}</button
+                >{_("menu.contact.getting-started.title")}</button
             >
         </section>
 
         <section>
-            <h3>{translator._("menu.contact.create-map.title")}</h3>
-            <p>{translator._("menu.contact.create-map.description")}</p>
+            <h3>{_("menu.contact.create-map.title")}</h3>
+            <p>{_("menu.contact.create-map.description")}</p>
             <button type="button" class="nes-btn" on:click={goToBuildingMap}
-                >{translator._("menu.contact.create-map.title")}</button
+                >{_("menu.contact.create-map.title")}</button
             >
         </section>
 
diff --git a/front/src/Components/Menu/GlobalMessagesSubMenu.svelte b/front/src/Components/Menu/GlobalMessagesSubMenu.svelte
index 654c0449..31bd674a 100644
--- a/front/src/Components/Menu/GlobalMessagesSubMenu.svelte
+++ b/front/src/Components/Menu/GlobalMessagesSubMenu.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
     import TextGlobalMessage from "./TextGlobalMessage.svelte";
     import AudioGlobalMessage from "./AudioGlobalMessage.svelte";
-    import { translator } from "../../Translator/Translator";
+    import { _ } from "../../Translator/Translator";
 
     let handleSendText: { sendTextMessage(broadcast: boolean): void };
     let handleSendAudio: { sendAudioMessage(broadcast: boolean): Promise<void> };
@@ -36,14 +36,14 @@
             <button
                 type="button"
                 class="nes-btn {inputSendTextActive ? 'is-disabled' : ''}"
-                on:click|preventDefault={activateInputText}>{translator._("menu.global-message.text")}</button
+                on:click|preventDefault={activateInputText}>{_("menu.global-message.text")}</button
             >
         </section>
         <section>
             <button
                 type="button"
                 class="nes-btn {uploadAudioActive ? 'is-disabled' : ''}"
-                on:click|preventDefault={activateUploadAudio}>{translator._("menu.global-message.audio")}</button
+                on:click|preventDefault={activateUploadAudio}>{_("menu.global-message.audio")}</button
             >
         </section>
     </div>
@@ -58,12 +58,10 @@
     <div class="global-message-footer">
         <label>
             <input type="checkbox" class="nes-checkbox is-dark nes-pointer" bind:checked={broadcastToWorld} />
-            <span>{translator._("menu.global-message.warning")}</span>
+            <span>{_("menu.global-message.warning")}</span>
         </label>
         <section>
-            <button class="nes-btn is-primary" on:click|preventDefault={send}
-                >{translator._("menu.global-message.send")}</button
-            >
+            <button class="nes-btn is-primary" on:click|preventDefault={send}>{_("menu.global-message.send")}</button>
         </section>
     </div>
 </div>
diff --git a/front/src/Components/Menu/GuestSubMenu.svelte b/front/src/Components/Menu/GuestSubMenu.svelte
index e83cd682..805525b0 100644
--- a/front/src/Components/Menu/GuestSubMenu.svelte
+++ b/front/src/Components/Menu/GuestSubMenu.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-    import { translator } from "../../Translator/Translator";
+    import { _ } from "../../Translator/Translator";
 
     function copyLink() {
         const input: HTMLInputElement = document.getElementById("input-share-link") as HTMLInputElement;
@@ -23,18 +23,14 @@
 <div class="guest-main">
     <section class="container-overflow">
         <section class="share-url not-mobile">
-            <h3>{translator._("menu.invite.description")}</h3>
+            <h3>{_("menu.invite.description")}</h3>
             <input type="text" readonly id="input-share-link" value={location.toString()} />
-            <button type="button" class="nes-btn is-primary" on:click={copyLink}
-                >{translator._("menu.invite.copy")}</button
-            >
+            <button type="button" class="nes-btn is-primary" on:click={copyLink}>{_("menu.invite.copy")}</button>
         </section>
         <section class="is-mobile">
-            <h3>{translator._("menu.invite.description")}</h3>
+            <h3>{_("menu.invite.description")}</h3>
             <input type="hidden" readonly id="input-share-link" value={location.toString()} />
-            <button type="button" class="nes-btn is-primary" on:click={shareLink}
-                >{translator._("menu.invite.share")}</button
-            >
+            <button type="button" class="nes-btn is-primary" on:click={shareLink}>{_("menu.invite.share")}</button>
         </section>
     </section>
 </div>
diff --git a/front/src/Components/Menu/Menu.svelte b/front/src/Components/Menu/Menu.svelte
index a8606653..f2a94a95 100644
--- a/front/src/Components/Menu/Menu.svelte
+++ b/front/src/Components/Menu/Menu.svelte
@@ -18,7 +18,7 @@
     import { get } from "svelte/store";
     import type { Unsubscriber } from "svelte/store";
     import { sendMenuClickedEvent } from "../../Api/iframe/Ui/MenuItem";
-    import { translator } from "../../Translator/Translator";
+    import { _ } from "../../Translator/Translator";
 
     let activeSubMenu: string = SubMenusInterface.profile;
     let activeComponent: typeof ProfileSubMenu | typeof CustomSubMenu = ProfileSubMenu;
@@ -92,7 +92,7 @@
 
     function translateMenuName(menuName: string) {
         const nameFormatted = "menu.sub." + menuName.toLowerCase().replaceAll(" ", "-");
-        const translation = translator._(nameFormatted);
+        const translation = _(nameFormatted);
 
         return translation === nameFormatted ? menuName : translation;
     }
@@ -102,7 +102,7 @@
 
 <div class="menu-container-main">
     <div class="menu-nav-sidebar nes-container is-rounded" transition:fly={{ x: -1000, duration: 500 }}>
-        <h2>{translator._("menu.title")}</h2>
+        <h2>{_("menu.title")}</h2>
         <nav>
             {#each $subMenusStore as submenu}
                 <button
diff --git a/front/src/Components/Menu/MenuIcon.svelte b/front/src/Components/Menu/MenuIcon.svelte
index 5c0a1304..e3068bb6 100644
--- a/front/src/Components/Menu/MenuIcon.svelte
+++ b/front/src/Components/Menu/MenuIcon.svelte
@@ -9,7 +9,7 @@
     import { get } from "svelte/store";
     import { ADMIN_URL } from "../../Enum/EnvironmentVariable";
     import { showShareLinkMapModalStore } from "../../Stores/ModalStore";
-    import { translator } from "../../Translator/Translator";
+    import { _ } from "../../Translator/Translator";
 
     function showMenu() {
         menuVisiblilityStore.set(!get(menuVisiblilityStore));
@@ -32,29 +32,19 @@
     {#if $limitMapStore}
         <img
             src={logoInvite}
-            alt={translator._("menu.icon.open.invite")}
+            alt={_("menu.icon.open.invite")}
             class="nes-pointer"
             on:click|preventDefault={showInvite}
         />
         <img
             src={logoRegister}
-            alt={translator._("menu.icon.open.register")}
+            alt={_("menu.icon.open.register")}
             class="nes-pointer"
             on:click|preventDefault={register}
         />
     {:else}
-        <img
-            src={logoWA}
-            alt={translator._("menu.icon.open.menu")}
-            class="nes-pointer"
-            on:click|preventDefault={showMenu}
-        />
-        <img
-            src={logoTalk}
-            alt={translator._("menu.icon.open.chat")}
-            class="nes-pointer"
-            on:click|preventDefault={showChat}
-        />
+        <img src={logoWA} alt={_("menu.icon.open.menu")} class="nes-pointer" on:click|preventDefault={showMenu} />
+        <img src={logoTalk} alt={_("menu.icon.open.chat")} class="nes-pointer" on:click|preventDefault={showChat} />
     {/if}
 </main>
 
diff --git a/front/src/Components/Menu/ProfileSubMenu.svelte b/front/src/Components/Menu/ProfileSubMenu.svelte
index 621670ec..88269711 100644
--- a/front/src/Components/Menu/ProfileSubMenu.svelte
+++ b/front/src/Components/Menu/ProfileSubMenu.svelte
@@ -17,7 +17,7 @@
     import btnProfileSubMenuCompanion from "../images/btn-menu-profile-companion.svg";
     import Woka from "../Woka/Woka.svelte";
     import Companion from "../Companion/Companion.svelte";
-    import { translator } from "../../Translator/Translator";
+    import { _ } from "../../Translator/Translator";
 
     function disableMenuStores() {
         menuVisiblilityStore.set(false);
@@ -63,20 +63,20 @@
     <div class="submenu">
         <section>
             <button type="button" class="nes-btn" on:click|preventDefault={openEditNameScene}>
-                <img src={btnProfileSubMenuIdentity} alt={translator._("menu.profile.edit.name")} />
-                <span class="btn-hover">{translator._("menu.profile.edit.name")}</span>
+                <img src={btnProfileSubMenuIdentity} alt={_("menu.profile.edit.name")} />
+                <span class="btn-hover">{_("menu.profile.edit.name")}</span>
             </button>
             <button type="button" class="nes-btn" on:click|preventDefault={openEditSkinScene}>
                 <Woka userId={-1} placeholderSrc="" width="26px" height="26px" />
-                <span class="btn-hover">{translator._("menu.profile.edit.woka")}</span>
+                <span class="btn-hover">{_("menu.profile.edit.woka")}</span>
             </button>
             <button type="button" class="nes-btn" on:click|preventDefault={openEditCompanionScene}>
                 <Companion userId={-1} placeholderSrc={btnProfileSubMenuCompanion} width="26px" height="26px" />
-                <span class="btn-hover">{translator._("menu.profile.edit.companion")}</span>
+                <span class="btn-hover">{_("menu.profile.edit.companion")}</span>
             </button>
             <button type="button" class="nes-btn" on:click|preventDefault={openEnableCameraScene}>
-                <img src={btnProfileSubMenuCamera} alt={translator._("menu.profile.edit.camera")} />
-                <span class="btn-hover">{translator._("menu.profile.edit.camera")}</span>
+                <img src={btnProfileSubMenuCamera} alt={_("menu.profile.edit.camera")} />
+                <span class="btn-hover">{_("menu.profile.edit.camera")}</span>
             </button>
         </section>
     </div>
@@ -90,12 +90,12 @@
             </section>
             <section>
                 <button type="button" class="nes-btn" on:click|preventDefault={logOut}
-                    >{translator._("menu.profile.logout")}</button
+                    >{_("menu.profile.logout")}</button
                 >
             </section>
         {:else}
             <section>
-                <a type="button" class="nes-btn" href="/login">{translator._("menu.profile.login")}</a>
+                <a type="button" class="nes-btn" href="/login">{_("menu.profile.login")}</a>
             </section>
         {/if}
     </div>
diff --git a/front/src/Components/Menu/SettingsSubMenu.svelte b/front/src/Components/Menu/SettingsSubMenu.svelte
index 776acbbe..a2eba2be 100644
--- a/front/src/Components/Menu/SettingsSubMenu.svelte
+++ b/front/src/Components/Menu/SettingsSubMenu.svelte
@@ -4,7 +4,7 @@
     import { HtmlUtils } from "../../WebRtc/HtmlUtils";
     import { isMobile } from "../../Enum/EnvironmentVariable";
     import { menuVisiblilityStore } from "../../Stores/MenuStore";
-    import { languages, translator } from "../../Translator/Translator";
+    import { languages, translator, _ } from "../../Translator/Translator";
 
     let fullscreen: boolean = localUserStore.getFullscreen();
     let notification: boolean = localUserStore.getNotification() === "granted";
@@ -88,61 +88,61 @@
 
 <div class="settings-main" on:submit|preventDefault={saveSetting}>
     <section>
-        <h3>{translator._("menu.settings.game-quality.title")}</h3>
+        <h3>{_("menu.settings.game-quality.title")}</h3>
         <div class="nes-select is-dark">
             <select bind:value={valueGame}>
                 <option value={120}
                     >{isMobile()
-                        ? translator._("menu.settings.game-quality.short.high")
-                        : translator._("menu.settings.game-quality.long.high")}</option
+                        ? _("menu.settings.game-quality.short.high")
+                        : _("menu.settings.game-quality.long.high")}</option
                 >
                 <option value={60}
                     >{isMobile()
-                        ? translator._("menu.settings.game-quality.short.medium")
-                        : translator._("menu.settings.game-quality.long.medium")}</option
+                        ? _("menu.settings.game-quality.short.medium")
+                        : _("menu.settings.game-quality.long.medium")}</option
                 >
                 <option value={40}
                     >{isMobile()
-                        ? translator._("menu.settings.game-quality.short.minimum")
-                        : translator._("menu.settings.game-quality.long.minimum")}</option
+                        ? _("menu.settings.game-quality.short.minimum")
+                        : _("menu.settings.game-quality.long.minimum")}</option
                 >
                 <option value={20}
                     >{isMobile()
-                        ? translator._("menu.settings.game-quality.short.small")
-                        : translator._("menu.settings.game-quality.long.small")}</option
+                        ? _("menu.settings.game-quality.short.small")
+                        : _("menu.settings.game-quality.long.small")}</option
                 >
             </select>
         </div>
     </section>
     <section>
-        <h3>{translator._("menu.settings.video-quality.title")}</h3>
+        <h3>{_("menu.settings.video-quality.title")}</h3>
         <div class="nes-select is-dark">
             <select bind:value={valueVideo}>
                 <option value={30}
                     >{isMobile()
-                        ? translator._("menu.settings.video-quality.short.high")
-                        : translator._("menu.settings.video-quality.long.high")}</option
+                        ? _("menu.settings.video-quality.short.high")
+                        : _("menu.settings.video-quality.long.high")}</option
                 >
                 <option value={20}
                     >{isMobile()
-                        ? translator._("menu.settings.video-quality.short.medium")
-                        : translator._("menu.settings.video-quality.long.medium")}</option
+                        ? _("menu.settings.video-quality.short.medium")
+                        : _("menu.settings.video-quality.long.medium")}</option
                 >
                 <option value={10}
                     >{isMobile()
-                        ? translator._("menu.settings.video-quality.short.minimum")
-                        : translator._("menu.settings.video-quality.long.minimum")}</option
+                        ? _("menu.settings.video-quality.short.minimum")
+                        : _("menu.settings.video-quality.long.minimum")}</option
                 >
                 <option value={5}
                     >{isMobile()
-                        ? translator._("menu.settings.video-quality.short.small")
-                        : translator._("menu.settings.video-quality.long.small")}</option
+                        ? _("menu.settings.video-quality.short.small")
+                        : _("menu.settings.video-quality.long.small")}</option
                 >
             </select>
         </div>
     </section>
     <section>
-        <h3>{translator._("menu.settings.language.title")}</h3>
+        <h3>{_("menu.settings.language.title")}</h3>
         <div class="nes-select is-dark">
             <select class="languages-switcher" bind:value={valueLanguage}>
                 <!-- svelte-ignore missing-declaration -->
@@ -153,9 +153,9 @@
         </div>
     </section>
     <section class="settings-section-save">
-        <p>{translator._("menu.settings.save.warning")}</p>
+        <p>{_("menu.settings.save.warning")}</p>
         <button type="button" class="nes-btn is-primary" on:click|preventDefault={saveSetting}
-            >{translator._("menu.settings.save.button")}</button
+            >{_("menu.settings.save.button")}</button
         >
     </section>
     <section class="settings-section-noSaveOption">
@@ -166,7 +166,7 @@
                 bind:checked={fullscreen}
                 on:change={changeFullscreen}
             />
-            <span>{translator._("menu.settings.fullscreen")}</span>
+            <span>{_("menu.settings.fullscreen")}</span>
         </label>
         <label>
             <input
@@ -175,7 +175,7 @@
                 bind:checked={notification}
                 on:change={changeNotification}
             />
-            <span>{translator._("menu.settings.notifications")}</span>
+            <span>{_("menu.settings.notifications")}</span>
         </label>
         <label>
             <input
@@ -184,7 +184,7 @@
                 bind:checked={forceCowebsiteTrigger}
                 on:change={changeForceCowebsiteTrigger}
             />
-            <span>{translator._("menu.settings.cowebsite-trigger")}</span>
+            <span>{_("menu.settings.cowebsite-trigger")}</span>
         </label>
         <label>
             <input
@@ -193,7 +193,7 @@
                 bind:checked={ignoreFollowRequests}
                 on:change={changeIgnoreFollowRequests}
             />
-            <span>{translator._("menu.settings.ignore-follow-request")}</span>
+            <span>{_("menu.settings.ignore-follow-request")}</span>
         </label>
     </section>
 </div>
diff --git a/front/src/Components/Menu/TextGlobalMessage.svelte b/front/src/Components/Menu/TextGlobalMessage.svelte
index 8f984f68..de863209 100644
--- a/front/src/Components/Menu/TextGlobalMessage.svelte
+++ b/front/src/Components/Menu/TextGlobalMessage.svelte
@@ -5,7 +5,7 @@
     import { AdminMessageEventTypes } from "../../Connexion/AdminMessagesService";
     import type { Quill } from "quill";
     import type { PlayGlobalMessageInterface } from "../../Connexion/ConnexionModels";
-    import { translator } from "../../Translator/Translator";
+    import { _ } from "../../Translator/Translator";
 
     //toolbar
     const toolbarOptions = [
@@ -59,7 +59,7 @@
         const { default: Quill } = await import("quill"); // eslint-disable-line @typescript-eslint/no-explicit-any
 
         quill = new Quill(QUILL_EDITOR, {
-            placeholder: translator._("menu.global-message.enter"),
+            placeholder: _("menu.global-message.enter"),
             theme: "snow",
             modules: {
                 toolbar: toolbarOptions,
diff --git a/front/src/Components/MyCamera.svelte b/front/src/Components/MyCamera.svelte
index 6c259b54..c6acddec 100644
--- a/front/src/Components/MyCamera.svelte
+++ b/front/src/Components/MyCamera.svelte
@@ -4,7 +4,7 @@
     import SoundMeterWidget from "./SoundMeterWidget.svelte";
     import { onDestroy } from "svelte";
     import { srcObject } from "./Video/utils";
-    import { translator } from "../Translator/Translator";
+    import { _ } from "../Translator/Translator";
 
     let stream: MediaStream | null;
 
@@ -33,5 +33,5 @@
             <SoundMeterWidget {stream} />
         {/if}
     </div>
-    <div class="is-silent" class:hide={isSilent}>{translator._("camera.my.silent-zone")}</div>
+    <div class="is-silent" class:hide={isSilent}>{_("camera.my.silent-zone")}</div>
 </div>
diff --git a/front/src/Components/ReportMenu/BlockSubMenu.svelte b/front/src/Components/ReportMenu/BlockSubMenu.svelte
index 765b0202..afabe450 100644
--- a/front/src/Components/ReportMenu/BlockSubMenu.svelte
+++ b/front/src/Components/ReportMenu/BlockSubMenu.svelte
@@ -2,7 +2,7 @@
     import { blackListManager } from "../../WebRtc/BlackListManager";
     import { showReportScreenStore, userReportEmpty } from "../../Stores/ShowReportScreenStore";
     import { onMount } from "svelte";
-    import { translator } from "../../Translator/Translator";
+    import { _ } from "../../Translator/Translator";
 
     export let userUUID: string | undefined;
     export let userName: string;
@@ -30,10 +30,10 @@
 </script>
 
 <div class="block-container">
-    <h3>{translator._("report.block.title")}</h3>
-    <p>{translator._("report.block.content", { userName })}</p>
+    <h3>{_("report.block.title")}</h3>
+    <p>{_("report.block.content", { userName })}</p>
     <button type="button" class="nes-btn is-error" on:click|preventDefault={blockUser}>
-        {userIsBlocked ? translator._("report.block.unblock") : translator._("report.block.block")}
+        {userIsBlocked ? _("report.block.unblock") : _("report.block.block")}
     </button>
 </div>
 
diff --git a/front/src/Components/ReportMenu/ReportMenu.svelte b/front/src/Components/ReportMenu/ReportMenu.svelte
index 0b482dc6..ab44e525 100644
--- a/front/src/Components/ReportMenu/ReportMenu.svelte
+++ b/front/src/Components/ReportMenu/ReportMenu.svelte
@@ -7,7 +7,7 @@
     import { playersStore } from "../../Stores/PlayersStore";
     import { connectionManager } from "../../Connexion/ConnectionManager";
     import { get } from "svelte/store";
-    import { translator } from "../../Translator/Translator";
+    import { _ } from "../../Translator/Translator";
 
     let blockActive = true;
     let reportActive = !blockActive;
@@ -60,7 +60,7 @@
 
 <div class="report-menu-main nes-container is-rounded">
     <section class="report-menu-title">
-        <h2>{translator._("moderate.title", { userName })}</h2>
+        <h2>{_("moderate.title", { userName })}</h2>
         <section class="justify-center">
             <button type="button" class="nes-btn" on:click|preventDefault={close}>X</button>
         </section>
@@ -70,14 +70,14 @@
             <button
                 type="button"
                 class="nes-btn {blockActive ? 'is-disabled' : ''}"
-                on:click|preventDefault={activateBlock}>{translator._("moderate.block")}</button
+                on:click|preventDefault={activateBlock}>{_("moderate.block")}</button
             >
         </section>
         <section class="justify-center">
             <button
                 type="button"
                 class="nes-btn {reportActive ? 'is-disabled' : ''}"
-                on:click|preventDefault={activateReport}>{translator._("moderate.report")}</button
+                on:click|preventDefault={activateReport}>{_("moderate.report")}</button
             >
         </section>
     </section>
@@ -87,7 +87,7 @@
         {:else if reportActive}
             <ReportSubMenu {userUUID} />
         {:else}
-            <p>{translator._("moderate.no-select")}</p>
+            <p>{_("moderate.no-select")}</p>
         {/if}
     </section>
 </div>
diff --git a/front/src/Components/ReportMenu/ReportSubMenu.svelte b/front/src/Components/ReportMenu/ReportSubMenu.svelte
index 20a38a9b..745816c1 100644
--- a/front/src/Components/ReportMenu/ReportSubMenu.svelte
+++ b/front/src/Components/ReportMenu/ReportSubMenu.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
     import { showReportScreenStore, userReportEmpty } from "../../Stores/ShowReportScreenStore";
     import { gameManager } from "../../Phaser/Game/GameManager";
-    import { translator } from "../../Translator/Translator";
+    import { _ } from "../../Translator/Translator";
 
     export let userUUID: string | undefined;
     let reportMessage: string;
@@ -23,20 +23,18 @@
 </script>
 
 <div class="report-container-main">
-    <h3>{translator._("report.title")}</h3>
-    <p>{translator._("report.message")}</p>
+    <h3>{_("report.title")}</h3>
+    <p>{_("report.message")}</p>
     <form>
         <section>
             <label>
-                <span>{translator._("report.message.title")}</span>
+                <span>{_("report.message.title")}</span>
                 <textarea type="text" class="nes-textarea" bind:value={reportMessage} />
             </label>
-            <p hidden={hiddenError}>{translator._("report.message.empty")}</p>
+            <p hidden={hiddenError}>{_("report.message.empty")}</p>
         </section>
         <section>
-            <button type="submit" class="nes-btn is-error" on:click={submitReport}
-                >{translator._("report.submit")}</button
-            >
+            <button type="submit" class="nes-btn is-error" on:click={submitReport}>{_("report.submit")}</button>
         </section>
     </form>
 </div>
diff --git a/front/src/Components/SelectCompanion/SelectCompanionScene.svelte b/front/src/Components/SelectCompanion/SelectCompanionScene.svelte
index 94c1d9c6..9f8ecdc3 100644
--- a/front/src/Components/SelectCompanion/SelectCompanionScene.svelte
+++ b/front/src/Components/SelectCompanion/SelectCompanionScene.svelte
@@ -1,7 +1,7 @@
 <script lang="typescript">
     import type { Game } from "../../Phaser/Game/Game";
     import { SelectCompanionScene, SelectCompanionSceneName } from "../../Phaser/Login/SelectCompanionScene";
-    import { translator } from "../../Translator/Translator";
+    import { _ } from "../../Translator/Translator";
 
     export let game: Game;
 
@@ -26,7 +26,7 @@
 
 <form class="selectCompanionScene">
     <section class="text-center">
-        <h2>{translator._("companion.select.title")}</h2>
+        <h2>{_("companion.select.title")}</h2>
         <button class="selectCharacterButton selectCharacterButtonLeft nes-btn" on:click|preventDefault={selectLeft}>
             &lt;
         </button>
@@ -36,12 +36,12 @@
     </section>
     <section class="action">
         <button href="/" class="selectCompanionSceneFormBack nes-btn" on:click|preventDefault={noCompanion}
-            >{translator._("companion.select.any")}</button
+            >{_("companion.select.any")}</button
         >
         <button
             type="submit"
             class="selectCompanionSceneFormSubmit nes-btn is-primary"
-            on:click|preventDefault={selectCompanion}>{translator._("companion.select.continue")}</button
+            on:click|preventDefault={selectCompanion}>{_("companion.select.continue")}</button
         >
     </section>
 </form>
diff --git a/front/src/Components/TypeMessage/BanMessage.svelte b/front/src/Components/TypeMessage/BanMessage.svelte
index 4b19523b..a664e21c 100644
--- a/front/src/Components/TypeMessage/BanMessage.svelte
+++ b/front/src/Components/TypeMessage/BanMessage.svelte
@@ -3,7 +3,7 @@
     import { onMount } from "svelte";
     import type { Message } from "../../Stores/TypeMessageStore/MessageStore";
     import { banMessageStore } from "../../Stores/TypeMessageStore/BanMessageStore";
-    import { translator } from "../../Translator/Translator";
+    import { _ } from "../../Translator/Translator";
 
     export let message: Message;
 
@@ -39,7 +39,7 @@
 >
     <h2 class="title-ban-message">
         <img src="resources/logos/report.svg" alt="***" />
-        {translator._("important-message")}
+        {_("important-message")}
         <img src="resources/logos/report.svg" alt="***" />
     </h2>
     <div class="content-ban-message">
diff --git a/front/src/Components/UI/AudioPlaying.svelte b/front/src/Components/UI/AudioPlaying.svelte
index bfe34157..12212b13 100644
--- a/front/src/Components/UI/AudioPlaying.svelte
+++ b/front/src/Components/UI/AudioPlaying.svelte
@@ -3,7 +3,7 @@
     import megaphoneImg from "./images/megaphone.svg";
     import { soundPlayingStore } from "../../Stores/SoundPlayingStore";
     import { afterUpdate } from "svelte";
-    import { translator } from "../../Translator/Translator";
+    import { _ } from "../../Translator/Translator";
 
     export let url: string;
     let audio: HTMLAudioElement;
@@ -19,7 +19,7 @@
 
 <div class="audio-playing" transition:fly={{ x: 210, duration: 500 }}>
     <img src={megaphoneImg} alt="Audio playing" />
-    <p>{translator._("audio.message")}</p>
+    <p>{_("audio.message")}</p>
     <audio bind:this={audio} src={url} on:ended={soundEnded}>
         <track kind="captions" />
     </audio>
diff --git a/front/src/Components/VisitCard/VisitCard.svelte b/front/src/Components/VisitCard/VisitCard.svelte
index df1342a8..d56f12ae 100644
--- a/front/src/Components/VisitCard/VisitCard.svelte
+++ b/front/src/Components/VisitCard/VisitCard.svelte
@@ -2,7 +2,7 @@
     import { fly } from "svelte/transition";
     import { requestVisitCardsStore } from "../../Stores/GameStore";
     import { onMount } from "svelte";
-    import { translator } from "../../Translator/Translator";
+    import { _ } from "../../Translator/Translator";
 
     export let visitCardUrl: string;
     let w = "500px";
@@ -41,8 +41,7 @@
     />
     {#if !hidden}
         <div class="buttonContainer">
-            <button class="nes-btn is-popUpElement" on:click={closeCard}>{translator._("menu.visit-card.close")}</button
-            >
+            <button class="nes-btn is-popUpElement" on:click={closeCard}>{_("menu.visit-card.close")}</button>
         </div>
     {/if}
 </section>
diff --git a/front/src/Components/WarningContainer/WarningContainer.svelte b/front/src/Components/WarningContainer/WarningContainer.svelte
index 2791d462..b0cacee3 100644
--- a/front/src/Components/WarningContainer/WarningContainer.svelte
+++ b/front/src/Components/WarningContainer/WarningContainer.svelte
@@ -2,7 +2,7 @@
     import { fly } from "svelte/transition";
     import { userIsAdminStore, limitMapStore } from "../../Stores/GameStore";
     import { ADMIN_URL } from "../../Enum/EnvironmentVariable";
-    import { translator } from "../../Translator/Translator";
+    import { _ } from "../../Translator/Translator";
 
     const upgradeLink = ADMIN_URL + "/pricing";
     const registerLink = ADMIN_URL + "/second-step-register";
@@ -10,17 +10,17 @@
 
 <main class="warningMain" transition:fly={{ y: -200, duration: 500 }}>
     {#if $userIsAdminStore}
-        <h2>{translator._("warning.title")}</h2>
+        <h2>{_("warning.title")}</h2>
         <p>
-            {translator._("warning.content", { upgradeLink })}
+            {_("warning.content", { upgradeLink })}
         </p>
     {:else if $limitMapStore}
         <p>
             This map is available for 2 days. You can register your domain <a href={registerLink}>here</a>!
         </p>
     {:else}
-        <h2>{translator._("warning.title")}</h2>
-        <p>{translator._("warning.limit")}</p>
+        <h2>{_("warning.title")}</h2>
+        <p>{_("warning.limit")}</p>
     {/if}
 </main>
 
diff --git a/front/src/Components/selectCharacter/SelectCharacterScene.svelte b/front/src/Components/selectCharacter/SelectCharacterScene.svelte
index f7e3be5b..d38ba77a 100644
--- a/front/src/Components/selectCharacter/SelectCharacterScene.svelte
+++ b/front/src/Components/selectCharacter/SelectCharacterScene.svelte
@@ -1,7 +1,7 @@
 <script lang="typescript">
     import type { Game } from "../../Phaser/Game/Game";
     import { SelectCharacterScene, SelectCharacterSceneName } from "../../Phaser/Login/SelectCharacterScene";
-    import { translator } from "../../Translator/Translator";
+    import { _ } from "../../Translator/Translator";
 
     export let game: Game;
 
@@ -26,7 +26,7 @@
 
 <form class="selectCharacterScene">
     <section class="text-center">
-        <h2>{translator._("select-woka.title")}</h2>
+        <h2>{_("select-woka.title")}</h2>
         <button class="selectCharacterButton selectCharacterButtonLeft nes-btn" on:click|preventDefault={selectLeft}>
             &lt;
         </button>
@@ -38,12 +38,12 @@
         <button
             type="submit"
             class="selectCharacterSceneFormSubmit nes-btn is-primary"
-            on:click|preventDefault={cameraScene}>{translator._("select-woka.continue")}</button
+            on:click|preventDefault={cameraScene}>{_("select-woka.continue")}</button
         >
         <button
             type="submit"
             class="selectCharacterSceneFormCustomYourOwnSubmit nes-btn"
-            on:click|preventDefault={customizeScene}>{translator._("select-woka.customize")}</button
+            on:click|preventDefault={customizeScene}>{_("select-woka.customize")}</button
         >
     </section>
 </form>
diff --git a/front/src/Phaser/Login/EntryScene.ts b/front/src/Phaser/Login/EntryScene.ts
index b67b559a..93311838 100644
--- a/front/src/Phaser/Login/EntryScene.ts
+++ b/front/src/Phaser/Login/EntryScene.ts
@@ -4,7 +4,7 @@ import { ErrorScene, ErrorSceneName } from "../Reconnecting/ErrorScene";
 import { WAError } from "../Reconnecting/WAError";
 import { waScaleManager } from "../Services/WaScaleManager";
 import { ReconnectingTextures } from "../Reconnecting/ReconnectingScene";
-import { translator } from "../../Translator/Translator";
+import { translator, _ } from "../../Translator/Translator";
 
 export const EntrySceneName = "EntryScene";
 
@@ -47,20 +47,20 @@ export class EntryScene extends Scene {
                         if (err.response && err.response.status == 404) {
                             ErrorScene.showError(
                                 new WAError(
-                                    translator._("error.access-link.title"),
-                                    translator._("error.access-link.sub-title"),
-                                    translator._("error.access-link.details")
+                                    _("error.access-link.title"),
+                                    _("error.access-link.sub-title"),
+                                    _("error.access-link.details")
                                 ),
                                 this.scene
                             );
                         } else if (err.response && err.response.status == 403) {
                             ErrorScene.showError(
                                 new WAError(
-                                    translator._("error.connection-rejected.title"),
-                                    translator._("error.connection-rejected.sub-title", {
+                                    _("error.connection-rejected.title"),
+                                    _("error.connection-rejected.sub-title", {
                                         error: err.response.data ? ". \n\r \n\r" + `${err.response.data}` : "",
                                     }),
-                                    translator._("error.connection-rejected.details")
+                                    _("error.connection-rejected.details")
                                 ),
                                 this.scene
                             );
diff --git a/front/src/Phaser/Reconnecting/ReconnectingScene.ts b/front/src/Phaser/Reconnecting/ReconnectingScene.ts
index 08092488..ab9ec261 100644
--- a/front/src/Phaser/Reconnecting/ReconnectingScene.ts
+++ b/front/src/Phaser/Reconnecting/ReconnectingScene.ts
@@ -1,4 +1,4 @@
-import { translator } from "../../Translator/Translator";
+import { _ } from "../../Translator/Translator";
 import { TextField } from "../Components/TextField";
 import Image = Phaser.GameObjects.Image;
 import Sprite = Phaser.GameObjects.Sprite;
@@ -39,7 +39,7 @@ export class ReconnectingScene extends Phaser.Scene {
             this,
             this.game.renderer.width / 2,
             this.game.renderer.height / 2,
-            translator._("connection-lost")
+            _("connection-lost")
         );
 
         const cat = this.add.sprite(this.game.renderer.width / 2, this.game.renderer.height / 2 - 32, "cat");
diff --git a/front/src/Translator/Translator.ts b/front/src/Translator/Translator.ts
index b8af8e05..f70705bc 100644
--- a/front/src/Translator/Translator.ts
+++ b/front/src/Translator/Translator.ts
@@ -226,7 +226,7 @@ class Translator {
      * @param {TranslationParams} params Tags to replace by value
      * @returns {string} Translation formatted
      */
-    public _(key: string, params?: TranslationParams): string {
+    public translate(key: string, params?: TranslationParams): string {
         const currentLanguageValue = this.getObjectValueByPath(key, this.currentLanguageObject);
 
         if (currentLanguageValue) {
@@ -251,3 +251,4 @@ class Translator {
 
 export const languages: LanguageFound[] = LANGUAGES;
 export const translator = new Translator();
+export const _ = translator.translate.bind(translator);
diff --git a/front/src/WebRtc/MediaManager.ts b/front/src/WebRtc/MediaManager.ts
index 6302f217..cfefae20 100644
--- a/front/src/WebRtc/MediaManager.ts
+++ b/front/src/WebRtc/MediaManager.ts
@@ -13,7 +13,7 @@ import { layoutManagerActionStore, layoutManagerVisibilityStore } from "../Store
 import { get } from "svelte/store";
 import { localUserStore } from "../Connexion/LocalUserStore";
 import { MediaStreamConstraintsError } from "../Stores/Errors/MediaStreamConstraintsError";
-import { translator } from "../Translator/Translator";
+import { _ } from "../Translator/Translator";
 
 export class MediaManager {
     startScreenSharingCallBacks: Set<StartScreenSharingCallback> = new Set<StartScreenSharingCallback>();
@@ -30,7 +30,7 @@ export class MediaManager {
                     layoutManagerActionStore.addAction({
                         uuid: "cameraAccessDenied",
                         type: "warning",
-                        message: translator._("warning.access-denied.camera"),
+                        message: _("warning.access-denied.camera"),
                         callback: () => {
                             helpCameraSettingsVisibleStore.set(true);
                         },
@@ -51,7 +51,7 @@ export class MediaManager {
                 layoutManagerActionStore.addAction({
                     uuid: "screenSharingAccessDenied",
                     type: "warning",
-                    message: translator._("warning.access-denied.screen-sharing"),
+                    message: _("warning.access-denied.screen-sharing"),
                     callback: () => {
                         helpCameraSettingsVisibleStore.set(true);
                     },

From 0be77164eca66e8abd91261678cf426f674074a3 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?David=20N=C3=A9grier?= <d.negrier@thecodingmachine.com>
Date: Wed, 19 Jan 2022 11:36:08 +0100
Subject: [PATCH 26/40] Translating retry connection error message and fixing
 E2E tests

---
 front/src/Components/UI/ErrorDialog.svelte |  3 ++-
 front/src/Connexion/AxiosUtils.ts          | 12 ++++++---
 front/translations/en-US/error.en-US.json  |  8 ++++--
 front/translations/fr-FR/error.fr-FR.json  |  8 ++++--
 tests/tests/reconnect.ts                   |  4 ++-
 tests/tests/translate.ts                   | 29 ++++++++++++++++++++++
 tests/tests/utils/roles.ts                 |  9 +++++--
 7 files changed, 61 insertions(+), 12 deletions(-)
 create mode 100644 tests/tests/translate.ts

diff --git a/front/src/Components/UI/ErrorDialog.svelte b/front/src/Components/UI/ErrorDialog.svelte
index 4e03edb4..b0dc035c 100644
--- a/front/src/Components/UI/ErrorDialog.svelte
+++ b/front/src/Components/UI/ErrorDialog.svelte
@@ -1,5 +1,6 @@
 <script lang="ts">
     import { errorStore, hasClosableMessagesInErrorStore } from "../../Stores/ErrorStore";
+    import { _ } from "../../Translator/Translator";
 
     function close(): boolean {
         errorStore.clearClosableMessages();
@@ -8,7 +9,7 @@
 </script>
 
 <div class="error-div nes-container is-dark is-rounded" open>
-    <p class="nes-text is-error title">Error</p>
+    <p class="nes-text is-error title">{_("error.error")}</p>
     <div class="body">
         {#each $errorStore as error}
             <p>{error.message}</p>
diff --git a/front/src/Connexion/AxiosUtils.ts b/front/src/Connexion/AxiosUtils.ts
index f4cd160f..db6bcfbe 100644
--- a/front/src/Connexion/AxiosUtils.ts
+++ b/front/src/Connexion/AxiosUtils.ts
@@ -1,6 +1,7 @@
 import axios from "axios";
 import * as rax from "retry-axios";
 import { errorStore } from "../Stores/ErrorStore";
+import { _ } from "../Translator/Translator";
 
 /**
  * This instance of Axios will retry in case of an issue and display an error message as a HTML overlay.
@@ -26,10 +27,13 @@ axiosWithRetry.defaults.raxConfig = {
         console.log(err);
         console.log(cfg);
         console.log(`Retry attempt #${cfg?.currentRetryAttempt} on URL '${err.config.url}'`);
-        errorStore.addErrorMessage("Unable to connect to WorkAdventure. Are you connected to internet?", {
-            closable: false,
-            id: "axios_retry",
-        });
+        errorStore.addErrorMessage(
+            _("error.connection-retry.unable-to-connect-to-workAdventure-are-you-connected-to-internet"),
+            {
+                closable: false,
+                id: "axios_retry",
+            }
+        );
     },
 };
 
diff --git a/front/translations/en-US/error.en-US.json b/front/translations/en-US/error.en-US.json
index d91d7dd0..23dde873 100644
--- a/front/translations/en-US/error.en-US.json
+++ b/front/translations/en-US/error.en-US.json
@@ -9,6 +9,10 @@
             "title": "Connection rejected",
             "sub-title": "You cannot join the World. Try again later {{error}}.",
             "details": "If you want more information, you may contact administrator or contact us at: hello@workadventu.re"
-        }
+        },
+        "connection-retry": {
+            "unable-to-connect-to-workAdventure-are-you-connected-to-internet": "Unable to connect to WorkAdventure. Are you connected to internet?"
+        },
+        "error": "Error"
     }
-}
\ No newline at end of file
+}
diff --git a/front/translations/fr-FR/error.fr-FR.json b/front/translations/fr-FR/error.fr-FR.json
index ea7679f4..bc120a6f 100644
--- a/front/translations/fr-FR/error.fr-FR.json
+++ b/front/translations/fr-FR/error.fr-FR.json
@@ -9,6 +9,10 @@
             "title": "Connexion rejetée",
             "sub-title": "Vous ne pouvez pas rejoindre le monde. Réessayer plus tard {{error}}.",
             "details": "Si vous souhaitez obtenir de plus amples informations, vous pouvez contacter l'administrateur ou nous contacter à l'adresse suivante: hello@workadventu.re"
-        }
+        },
+        "connection-retry": {
+            "unable-to-connect-to-workAdventure-are-you-connected-to-internet": "Impossible de se connecter à WorkAdventure. Etes vous connecté à Internet?"
+        },
+        "error": "Erreur"
     }
-}
\ No newline at end of file
+}
diff --git a/tests/tests/reconnect.ts b/tests/tests/reconnect.ts
index 62f92fd2..9b17e339 100644
--- a/tests/tests/reconnect.ts
+++ b/tests/tests/reconnect.ts
@@ -3,7 +3,7 @@ import {assertLogMessage} from "./utils/log";
 const fs = require('fs');
 const Docker = require('dockerode');
 import { Selector } from 'testcafe';
-import {login} from "./utils/roles";
+import {login, resetLanguage} from "./utils/roles";
 import {findContainer, rebootBack, rebootPusher, resetRedis, startContainer, stopContainer} from "./utils/containers";
 
 fixture `Reconnection`
@@ -16,6 +16,8 @@ test("Test that connection can succeed even if WorkAdventure starts while pusher
 
     const errorMessage = Selector('.error-div');
 
+    await resetLanguage('en-US');
+
     await t
         .navigateTo('http://play.workadventure.localhost/_/global/maps.workadventure.localhost/tests/mousewheel.json')
         .expect(errorMessage.innerText).contains('Unable to connect to WorkAdventure')
diff --git a/tests/tests/translate.ts b/tests/tests/translate.ts
new file mode 100644
index 00000000..b0ba9c8a
--- /dev/null
+++ b/tests/tests/translate.ts
@@ -0,0 +1,29 @@
+import { Selector } from 'testcafe';
+import {login} from "./utils/roles";
+
+fixture `Translation`
+    .page `http://play.workadventure.localhost/_/global/maps.workadventure.localhost/tests/mousewheel.json`;
+
+test("Test that I can switch to French", async (t: TestController) => {
+
+    const languageSelect = Selector('.languages-switcher');
+    const languageOption = languageSelect.find('option');
+
+    await login(t, 'http://play.workadventure.localhost/_/global/maps.workadventure.localhost/tests/mousewheel.json');
+
+    await t.click('.menuIcon img:first-child')
+        .click(Selector('button').withText('Settings'))
+        .click('.languages-switcher')
+        .click(languageOption.withText('Français (France)'))
+        .click(Selector('button').withText('Save'))
+
+        .click('.menuIcon img:first-child')
+        .expect(Selector('button').withText('Paramètres').innerText).contains('Paramètres');
+
+    t.ctx.passed = true;
+}).after(async t => {
+    if (!t.ctx.passed) {
+        console.log("Test failed. Browser logs:")
+        console.log(await t.getBrowserConsoleMessages());
+    }
+});
diff --git a/tests/tests/utils/roles.ts b/tests/tests/utils/roles.ts
index 7630f086..819446e7 100644
--- a/tests/tests/utils/roles.ts
+++ b/tests/tests/utils/roles.ts
@@ -1,6 +1,11 @@
-import { Role } from 'testcafe';
+import { Role, ClientFunction } from 'testcafe';
+
+export const resetLanguage = ClientFunction((browserLanguage) => window.localStorage.setItem('language', browserLanguage));
+
+export async function login(t: TestController, url: string, userName: string = "Alice", characterNumber: number = 2, browserLanguage: string|null = 'en-US') {
+
+    await resetLanguage(browserLanguage);
 
-export function login(t: TestController, url: string, userName: string = "Alice", characterNumber: number = 2) {
     t = t
         .navigateTo(url)
         .typeText('input[name="loginSceneName"]', userName)

From 151cdd353a23778ae1d1b8045cd5efacfc8d4fe2 Mon Sep 17 00:00:00 2001
From: "dependabot[bot]" <49699333+dependabot[bot]@users.noreply.github.com>
Date: Sat, 22 Jan 2022 03:06:53 +0000
Subject: [PATCH 27/40] Bump nanoid from 3.1.23 to 3.2.0 in /front

Bumps [nanoid](https://github.com/ai/nanoid) from 3.1.23 to 3.2.0.
- [Release notes](https://github.com/ai/nanoid/releases)
- [Changelog](https://github.com/ai/nanoid/blob/main/CHANGELOG.md)
- [Commits](https://github.com/ai/nanoid/compare/3.1.23...3.2.0)

---
updated-dependencies:
- dependency-name: nanoid
  dependency-type: indirect
...

Signed-off-by: dependabot[bot] <support@github.com>
---
 front/yarn.lock | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/front/yarn.lock b/front/yarn.lock
index d2ac31b3..aa60449e 100644
--- a/front/yarn.lock
+++ b/front/yarn.lock
@@ -4032,9 +4032,9 @@ nan@^2.12.1:
   integrity sha512-M2ufzIiINKCuDfBSAUr1vWQ+vuVcA9kqx8JJUsbQi6yf1uGRyb7HfpdfUr5qLXf3B/t8dPvcjhKMmlfnP47EzQ==
 
 nanoid@^3.1.23:
-  version "3.1.23"
-  resolved "https://registry.yarnpkg.com/nanoid/-/nanoid-3.1.23.tgz#f744086ce7c2bc47ee0a8472574d5c78e4183a81"
-  integrity sha512-FiB0kzdP0FFVGDKlRLEQ1BgDzU87dy5NnzjeW9YZNt+/c3+q82EQDUwniSAUxp/F0gFNI1ZhKU1FqYsMuqZVnw==
+  version "3.2.0"
+  resolved "https://registry.yarnpkg.com/nanoid/-/nanoid-3.2.0.tgz#62667522da6673971cca916a6d3eff3f415ff80c"
+  integrity sha512-fmsZYa9lpn69Ad5eDn7FMcnnSR+8R34W9qJEijxYhTbfOWzr22n1QxCMzXLK+ODyW2973V3Fux959iQoUxzUIA==
 
 nanomatch@^1.2.9:
   version "1.2.13"

From d8327d1b72407548baa765e7ed22f549129e8b0e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?David=20N=C3=A9grier?= <d.negrier@thecodingmachine.com>
Date: Sat, 22 Jan 2022 22:20:41 +0100
Subject: [PATCH 28/40] Apply suggestions from code review

Fixing missing return attribute in doc
---
 docs/maps/api-player.md            | 2 +-
 front/src/Phaser/Game/GameScene.ts | 1 -
 2 files changed, 1 insertion(+), 2 deletions(-)

diff --git a/docs/maps/api-player.md b/docs/maps/api-player.md
index 6480d60a..442661bf 100644
--- a/docs/maps/api-player.md
+++ b/docs/maps/api-player.md
@@ -175,7 +175,7 @@ WA.player.state.toto //will retrieve the variable
 
 ### Move player to position
 ```typescript
-WA.player.moveTo(x: number, y: number, speed?: number): Promise<{ x: number, y: number }>;
+WA.player.moveTo(x: number, y: number, speed?: number): Promise<{ x: number, y: number, cancelled: boolean }>;
 ```
 Player will try to find shortest path to the destination point and proceed to move there.
 ```typescript
diff --git a/front/src/Phaser/Game/GameScene.ts b/front/src/Phaser/Game/GameScene.ts
index 739e195d..05c0483f 100644
--- a/front/src/Phaser/Game/GameScene.ts
+++ b/front/src/Phaser/Game/GameScene.ts
@@ -1462,7 +1462,6 @@ ${escapedMessage}
         });
 
         iframeListener.registerAnswerer("movePlayerTo", async (message) => {
-            // TODO: walk player to position, wait for promise to resolve
             const index = this.getGameMap().getTileIndexAt(message.x, message.y);
             const startTile = this.getGameMap().getTileIndexAt(this.CurrentPlayer.x, this.CurrentPlayer.y);
             const path = await this.getPathfindingManager().findPath(startTile, index, true, true);

From 4829964127396d41e9c54e207715695f966de8c5 Mon Sep 17 00:00:00 2001
From: Alexis Faizeau <a.faizeau@workadventu.re>
Date: Mon, 24 Jan 2022 16:55:58 +0100
Subject: [PATCH 29/40] Display correctly the username on Brave browser

---
 front/src/Phaser/Entity/Character.ts | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/front/src/Phaser/Entity/Character.ts b/front/src/Phaser/Entity/Character.ts
index a7e9c99b..e1fd3a5a 100644
--- a/front/src/Phaser/Entity/Character.ts
+++ b/front/src/Phaser/Entity/Character.ts
@@ -88,6 +88,11 @@ export abstract class Character extends Container {
             fontSize: "8px",
             strokeThickness: 2,
             stroke: "gray",
+            metrics: {
+                ascent: 20,
+                descent: 10,
+                fontSize: 35,
+            },
         });
         this.playerName.setOrigin(0.5).setDepth(DEPTH_INGAME_TEXT_INDEX);
         this.add(this.playerName);

From b5887bceb4452524781198ba07d49a2d3f7e9ece Mon Sep 17 00:00:00 2001
From: Hanusiak Piotr <piotr@ltmp.co>
Date: Mon, 24 Jan 2022 17:03:14 +0100
Subject: [PATCH 30/40] PR fixes

---
 docs/maps/entry-exit.md                   |  17 +++++++++++++++++
 docs/maps/images/moveTo-layer-example.png | Bin 0 -> 34963 bytes
 front/src/Phaser/Game/GameScene.ts        |  22 +++++++++++++---------
 3 files changed, 30 insertions(+), 9 deletions(-)
 create mode 100644 docs/maps/images/moveTo-layer-example.png

diff --git a/docs/maps/entry-exit.md b/docs/maps/entry-exit.md
index 6f98af93..7f74a46b 100644
--- a/docs/maps/entry-exit.md
+++ b/docs/maps/entry-exit.md
@@ -65,3 +65,20 @@ How to use entry point :
 
 *   To enter via this entry point, simply add a hash with the entry point name to the URL ("#[_entryPointName_]"). For instance: "`https://workadventu.re/_/global/mymap.com/path/map.json#my-entry-point`".
 *   You can of course use the "#" notation in an exit scene URL (so an exit scene URL will point to a given entry scene URL)
+
+## Defining destination point with moveTo parameter
+
+We are able to direct WOKA to the desired place immediately after spawn. To make users spawn on entry point and the go to the, for example, meeting room automatically, simply add `moveTo` as an additional parameter of URL:
+
+*Use default entry point*
+```
+.../my_map.json#&moveTo=exit
+```
+*Define entry point and moveTo parameter*
+```
+.../my_map.json#start&moveTo=meeting-room
+```
+
+For this to work, moveTo must be equal to the layer name of interest. This layer should have at least one tile defined. In case of layer having many tiles, user will go to one of them, randomly selected.
+
+![](images/moveTo-layer-example.png)
\ No newline at end of file
diff --git a/docs/maps/images/moveTo-layer-example.png b/docs/maps/images/moveTo-layer-example.png
new file mode 100644
index 0000000000000000000000000000000000000000..66f5e3c6bfd1fa246bb04e73af351e100f34bad8
GIT binary patch
literal 34963
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
Hf1mpwg7VUE

literal 0
HcmV?d00001

diff --git a/front/src/Phaser/Game/GameScene.ts b/front/src/Phaser/Game/GameScene.ts
index 3e53bb3f..c6df222c 100644
--- a/front/src/Phaser/Game/GameScene.ts
+++ b/front/src/Phaser/Game/GameScene.ts
@@ -1727,15 +1727,19 @@ ${escapedMessage}
             });
             const moveToParam = urlManager.getHashParameter("moveTo");
             if (moveToParam) {
-                const endPos = this.gameMap.getRandomPositionFromLayer(moveToParam);
-                this.pathfindingManager
-                    .findPath(this.gameMap.getTileIndexAt(this.CurrentPlayer.x, this.CurrentPlayer.y), endPos)
-                    .then((path) => {
-                        if (path && path.length > 0) {
-                            this.CurrentPlayer.setPathToFollow(path).catch((reason) => console.warn(reason));
-                        }
-                    })
-                    .catch((reason) => console.warn(reason));
+                try {
+                    const endPos = this.gameMap.getRandomPositionFromLayer(moveToParam);
+                    this.pathfindingManager
+                        .findPath(this.gameMap.getTileIndexAt(this.CurrentPlayer.x, this.CurrentPlayer.y), endPos)
+                        .then((path) => {
+                            if (path && path.length > 0) {
+                                this.CurrentPlayer.setPathToFollow(path).catch((reason) => console.warn(reason));
+                            }
+                        })
+                        .catch((reason) => console.warn(reason));
+                } catch (err) {
+                    console.warn(`Cannot proceed with moveTo command:\n\t-> ${err}`);
+                }
             }
         } catch (err) {
             if (err instanceof TextureError) {

From baf1453e146ee56be18e611466463cd60a1dfb6f Mon Sep 17 00:00:00 2001
From: "dependabot[bot]" <49699333+dependabot[bot]@users.noreply.github.com>
Date: Mon, 24 Jan 2022 16:54:52 +0000
Subject: [PATCH 31/40] Bump node-fetch from 2.6.6 to 2.6.7 in /back

Bumps [node-fetch](https://github.com/node-fetch/node-fetch) from 2.6.6 to 2.6.7.
- [Release notes](https://github.com/node-fetch/node-fetch/releases)
- [Commits](https://github.com/node-fetch/node-fetch/compare/v2.6.6...v2.6.7)

---
updated-dependencies:
- dependency-name: node-fetch
  dependency-type: indirect
...

Signed-off-by: dependabot[bot] <support@github.com>
---
 back/yarn.lock | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/back/yarn.lock b/back/yarn.lock
index d22087d2..04c6929b 100644
--- a/back/yarn.lock
+++ b/back/yarn.lock
@@ -1504,9 +1504,9 @@ natural-compare@^1.4.0:
   integrity sha1-Sr6/7tdUHywnrPspvbvRXI1bpPc=
 
 node-fetch@^2.6.5:
-  version "2.6.6"
-  resolved "https://registry.yarnpkg.com/node-fetch/-/node-fetch-2.6.6.tgz#1751a7c01834e8e1697758732e9efb6eeadfaf89"
-  integrity sha512-Z8/6vRlTUChSdIgMa51jxQ4lrw/Jy5SOW10ObaA47/RElsAN2c5Pn8bTgFGWn/ibwzXTE8qwr1Yzx28vsecXEA==
+  version "2.6.7"
+  resolved "https://registry.yarnpkg.com/node-fetch/-/node-fetch-2.6.7.tgz#24de9fba827e3b4ae44dc8b20256a379160052ad"
+  integrity sha512-ZjMPFEfVx5j+y2yF35Kzx5sF7kDzxuDj6ziH4FFbOp87zKDZNx8yExJIb05OGF4Nlt9IHFIMBkRl41VdvcNdbQ==
   dependencies:
     whatwg-url "^5.0.0"
 

From 6684c87efa48cfd4f2026f73004bb38cd1eab114 Mon Sep 17 00:00:00 2001
From: "dependabot[bot]" <49699333+dependabot[bot]@users.noreply.github.com>
Date: Mon, 24 Jan 2022 16:54:59 +0000
Subject: [PATCH 32/40] Bump node-fetch from 2.6.1 to 2.6.7 in /pusher

Bumps [node-fetch](https://github.com/node-fetch/node-fetch) from 2.6.1 to 2.6.7.
- [Release notes](https://github.com/node-fetch/node-fetch/releases)
- [Commits](https://github.com/node-fetch/node-fetch/compare/v2.6.1...v2.6.7)

---
updated-dependencies:
- dependency-name: node-fetch
  dependency-type: indirect
...

Signed-off-by: dependabot[bot] <support@github.com>
---
 pusher/yarn.lock | 26 +++++++++++++++++++++++---
 1 file changed, 23 insertions(+), 3 deletions(-)

diff --git a/pusher/yarn.lock b/pusher/yarn.lock
index bdafd193..1321a9c3 100644
--- a/pusher/yarn.lock
+++ b/pusher/yarn.lock
@@ -1622,9 +1622,11 @@ nice-try@^1.0.4:
   integrity sha512-1nh45deeb5olNY7eX82BkPO7SSxR5SSYJiPTrTdFUVYwAl8CKMA5N9PjTYkHiRjisVcxcQ1HXdLhx2qxxJzLNQ==
 
 node-fetch@^2.6.1:
-  version "2.6.1"
-  resolved "https://registry.yarnpkg.com/node-fetch/-/node-fetch-2.6.1.tgz#045bd323631f76ed2e2b55573394416b639a0052"
-  integrity sha512-V4aYg89jEoVRxRb2fJdAg8FHvI7cEyYdVAh94HH0UIK8oJxUfkjlDQN9RbMx+bEjP7+ggMiFRprSti032Oipxw==
+  version "2.6.7"
+  resolved "https://registry.yarnpkg.com/node-fetch/-/node-fetch-2.6.7.tgz#24de9fba827e3b4ae44dc8b20256a379160052ad"
+  integrity sha512-ZjMPFEfVx5j+y2yF35Kzx5sF7kDzxuDj6ziH4FFbOp87zKDZNx8yExJIb05OGF4Nlt9IHFIMBkRl41VdvcNdbQ==
+  dependencies:
+    whatwg-url "^5.0.0"
 
 nopt@^5.0.0:
   version "5.0.0"
@@ -2265,6 +2267,11 @@ to-regex-range@^5.0.1:
   dependencies:
     is-number "^7.0.0"
 
+tr46@~0.0.3:
+  version "0.0.3"
+  resolved "https://registry.yarnpkg.com/tr46/-/tr46-0.0.3.tgz#8184fd347dac9cdc185992f3a6622e14b9d9ab6a"
+  integrity sha1-gYT9NH2snNwYWZLzpmIuFLnZq2o=
+
 tree-kill@^1.2.2:
   version "1.2.2"
   resolved "https://registry.yarnpkg.com/tree-kill/-/tree-kill-1.2.2.tgz#4ca09a9092c88b73a7cdc5e8a01b507b0790a0cc"
@@ -2376,6 +2383,19 @@ v8-compile-cache@^2.0.3:
   resolved "https://registry.yarnpkg.com/v8-compile-cache/-/v8-compile-cache-2.3.0.tgz#2de19618c66dc247dcfb6f99338035d8245a2cee"
   integrity sha512-l8lCEmLcLYZh4nbunNZvQCJc5pv7+RCwa8q/LdUx8u7lsWvPDKmpodJAJNwkAhJC//dFY48KuIEmjtd4RViDrA==
 
+webidl-conversions@^3.0.0:
+  version "3.0.1"
+  resolved "https://registry.yarnpkg.com/webidl-conversions/-/webidl-conversions-3.0.1.tgz#24534275e2a7bc6be7bc86611cc16ae0a5654871"
+  integrity sha1-JFNCdeKnvGvnvIZhHMFq4KVlSHE=
+
+whatwg-url@^5.0.0:
+  version "5.0.0"
+  resolved "https://registry.yarnpkg.com/whatwg-url/-/whatwg-url-5.0.0.tgz#966454e8765462e37644d3626f6742ce8b70965d"
+  integrity sha1-lmRU6HZUYuN2RNNib2dCzotwll0=
+  dependencies:
+    tr46 "~0.0.3"
+    webidl-conversions "^3.0.0"
+
 which@^1.2.9:
   version "1.3.1"
   resolved "https://registry.yarnpkg.com/which/-/which-1.3.1.tgz#a45043d54f5805316da8d62f9f50918d3da70b0a"

From 446b4639c754747f3a79c279533f856aa9df69cc Mon Sep 17 00:00:00 2001
From: Alexis Faizeau <a.faizeau@workadventu.re>
Date: Fri, 21 Jan 2022 17:06:03 +0100
Subject: [PATCH 33/40] Implement typesafe-i18n

---
 docs/dev/how-to-translate.md                  |  97 +++----
 front/.typesafe-i18n.json                     |   5 +
 front/package.json                            |   7 +-
 .../AudioManager/AudioManager.svelte          |   4 +-
 front/src/Components/Chat/Chat.svelte         |   4 +-
 .../Components/Chat/ChatMessageForm.svelte    |   4 +-
 front/src/Components/Chat/ChatSubMenu.svelte  |   6 +-
 .../CustomCharacterScene.svelte               |  12 +-
 .../EnableCamera/EnableCameraScene.svelte     |   6 +-
 .../Components/FollowMenu/FollowMenu.svelte   |  29 +-
 .../HelpCameraSettingsPopup.svelte            |  14 +-
 front/src/Components/Login/LoginScene.svelte  |  10 +-
 .../Components/Menu/AboutRoomSubMenu.svelte   |  18 +-
 .../Components/Menu/AudioGlobalMessage.svelte |   6 +-
 .../src/Components/Menu/ContactSubMenu.svelte |  14 +-
 .../Menu/GlobalMessagesSubMenu.svelte         |  10 +-
 front/src/Components/Menu/GuestSubMenu.svelte |  10 +-
 front/src/Components/Menu/Menu.svelte         |  54 ++--
 front/src/Components/Menu/MenuIcon.svelte     |  10 +-
 .../src/Components/Menu/ProfileSubMenu.svelte |  18 +-
 .../Components/Menu/SettingsSubMenu.svelte    |  72 ++---
 .../Components/Menu/TextGlobalMessage.svelte  |   4 +-
 front/src/Components/MyCamera.svelte          |   4 +-
 .../Components/ReportMenu/BlockSubMenu.svelte |   8 +-
 .../Components/ReportMenu/ReportMenu.svelte   |  10 +-
 .../ReportMenu/ReportSubMenu.svelte           |  12 +-
 .../SelectCompanionScene.svelte               |   8 +-
 .../Components/TypeMessage/BanMessage.svelte  |   4 +-
 front/src/Components/UI/AudioPlaying.svelte   |   4 +-
 front/src/Components/UI/ErrorDialog.svelte    |   4 +-
 .../src/Components/VisitCard/VisitCard.svelte |   4 +-
 .../WarningContainer/WarningContainer.svelte  |  10 +-
 .../SelectCharacterScene.svelte               |   8 +-
 front/src/Connexion/AxiosUtils.ts             |  14 +-
 front/src/Enum/EnvironmentVariable.ts         |   4 +-
 front/src/Phaser/Game/GameScene.ts            |   4 +-
 front/src/Phaser/Login/EntryScene.ts          |  30 ++-
 .../Phaser/Reconnecting/ReconnectingScene.ts  |   5 +-
 front/src/Stores/MenuStore.ts                 | 119 +++++---
 front/src/Translator/TranslationCompiler.ts   |  93 -------
 front/src/Translator/Translator.ts            | 254 ------------------
 front/src/WebRtc/MediaManager.ts              |  93 ++++---
 front/src/define-plugin.d.ts                  |  13 -
 front/src/i18n/.gitignore                     |   3 +
 front/src/i18n/en-US/audio.ts                 |  10 +
 front/src/i18n/en-US/camera.ts                |  22 ++
 front/src/i18n/en-US/chat.ts                  |  12 +
 front/src/i18n/en-US/companion.ts             |  11 +
 front/src/i18n/en-US/error.ts                 |  20 ++
 front/src/i18n/en-US/follow.ts                |  27 ++
 front/src/i18n/en-US/index.ts                 |  30 +++
 front/src/i18n/en-US/login.ts                 |  14 +
 front/src/i18n/en-US/menu.ts                  | 124 +++++++++
 front/src/i18n/en-US/report.ts                |  25 ++
 front/src/i18n/en-US/warning.ts               |  16 ++
 front/src/i18n/en-US/woka.ts                  |  20 ++
 front/src/i18n/formatters.ts                  |  11 +
 front/src/i18n/fr-FR/audio.ts                 |  10 +
 front/src/i18n/fr-FR/camera.ts                |  22 ++
 front/src/i18n/fr-FR/chat.ts                  |  12 +
 front/src/i18n/fr-FR/companion.ts             |  11 +
 front/src/i18n/fr-FR/error.ts                 |  22 ++
 front/src/i18n/fr-FR/follow.ts                |  27 ++
 front/src/i18n/fr-FR/index.ts                 |  32 +++
 front/src/i18n/fr-FR/login.ts                 |  14 +
 front/src/i18n/fr-FR/menu.ts                  | 124 +++++++++
 front/src/i18n/fr-FR/report.ts                |  25 ++
 front/src/i18n/fr-FR/warning.ts               |  16 ++
 front/src/i18n/fr-FR/woka.ts                  |  20 ++
 front/src/i18n/locales.ts                     |  52 ++++
 front/translations/en-US/audio.en-US.json     |   8 -
 front/translations/en-US/camera.en-US.json    |  19 --
 front/translations/en-US/chat.en-US.json      |  10 -
 front/translations/en-US/companion.en-US.json |   9 -
 .../en-US/custom-character.en-US.json         |  16 --
 front/translations/en-US/error.en-US.json     |  18 --
 front/translations/en-US/follow.en-US.json    |  25 --
 front/translations/en-US/index.en-US.json     |   5 -
 front/translations/en-US/login.en-US.json     |  12 -
 front/translations/en-US/menu.en-US.json      | 121 ---------
 front/translations/en-US/report.en-US.json    |  23 --
 front/translations/en-US/warning.en-US.json   |  13 -
 front/translations/fr-FR/audio.fr-FR.json     |   8 -
 front/translations/fr-FR/camera.fr-FR.json    |  19 --
 front/translations/fr-FR/chat.fr-FR.json      |  10 -
 front/translations/fr-FR/companion.fr-FR.json |   9 -
 .../fr-FR/custom-character.fr-FR.json         |  16 --
 front/translations/fr-FR/error.fr-FR.json     |  18 --
 front/translations/fr-FR/follow.fr-FR.json    |  25 --
 front/translations/fr-FR/index.fr-FR.json     |   5 -
 front/translations/fr-FR/login.fr-FR.json     |  12 -
 front/translations/fr-FR/menu.fr-FR.json      | 121 ---------
 front/translations/fr-FR/report.fr-FR.json    |  23 --
 front/translations/fr-FR/warning.fr-FR.json   |  13 -
 front/webpack.config.ts                       |  21 --
 front/yarn.lock                               |  26 +-
 tests/tests/translate.ts                      |  47 ++--
 97 files changed, 1162 insertions(+), 1341 deletions(-)
 create mode 100644 front/.typesafe-i18n.json
 delete mode 100644 front/src/Translator/TranslationCompiler.ts
 delete mode 100644 front/src/Translator/Translator.ts
 delete mode 100644 front/src/define-plugin.d.ts
 create mode 100644 front/src/i18n/.gitignore
 create mode 100644 front/src/i18n/en-US/audio.ts
 create mode 100644 front/src/i18n/en-US/camera.ts
 create mode 100644 front/src/i18n/en-US/chat.ts
 create mode 100644 front/src/i18n/en-US/companion.ts
 create mode 100644 front/src/i18n/en-US/error.ts
 create mode 100644 front/src/i18n/en-US/follow.ts
 create mode 100644 front/src/i18n/en-US/index.ts
 create mode 100644 front/src/i18n/en-US/login.ts
 create mode 100644 front/src/i18n/en-US/menu.ts
 create mode 100644 front/src/i18n/en-US/report.ts
 create mode 100644 front/src/i18n/en-US/warning.ts
 create mode 100644 front/src/i18n/en-US/woka.ts
 create mode 100644 front/src/i18n/formatters.ts
 create mode 100644 front/src/i18n/fr-FR/audio.ts
 create mode 100644 front/src/i18n/fr-FR/camera.ts
 create mode 100644 front/src/i18n/fr-FR/chat.ts
 create mode 100644 front/src/i18n/fr-FR/companion.ts
 create mode 100644 front/src/i18n/fr-FR/error.ts
 create mode 100644 front/src/i18n/fr-FR/follow.ts
 create mode 100644 front/src/i18n/fr-FR/index.ts
 create mode 100644 front/src/i18n/fr-FR/login.ts
 create mode 100644 front/src/i18n/fr-FR/menu.ts
 create mode 100644 front/src/i18n/fr-FR/report.ts
 create mode 100644 front/src/i18n/fr-FR/warning.ts
 create mode 100644 front/src/i18n/fr-FR/woka.ts
 create mode 100644 front/src/i18n/locales.ts
 delete mode 100644 front/translations/en-US/audio.en-US.json
 delete mode 100644 front/translations/en-US/camera.en-US.json
 delete mode 100644 front/translations/en-US/chat.en-US.json
 delete mode 100644 front/translations/en-US/companion.en-US.json
 delete mode 100644 front/translations/en-US/custom-character.en-US.json
 delete mode 100644 front/translations/en-US/error.en-US.json
 delete mode 100644 front/translations/en-US/follow.en-US.json
 delete mode 100644 front/translations/en-US/index.en-US.json
 delete mode 100644 front/translations/en-US/login.en-US.json
 delete mode 100644 front/translations/en-US/menu.en-US.json
 delete mode 100644 front/translations/en-US/report.en-US.json
 delete mode 100644 front/translations/en-US/warning.en-US.json
 delete mode 100644 front/translations/fr-FR/audio.fr-FR.json
 delete mode 100644 front/translations/fr-FR/camera.fr-FR.json
 delete mode 100644 front/translations/fr-FR/chat.fr-FR.json
 delete mode 100644 front/translations/fr-FR/companion.fr-FR.json
 delete mode 100644 front/translations/fr-FR/custom-character.fr-FR.json
 delete mode 100644 front/translations/fr-FR/error.fr-FR.json
 delete mode 100644 front/translations/fr-FR/follow.fr-FR.json
 delete mode 100644 front/translations/fr-FR/index.fr-FR.json
 delete mode 100644 front/translations/fr-FR/login.fr-FR.json
 delete mode 100644 front/translations/fr-FR/menu.fr-FR.json
 delete mode 100644 front/translations/fr-FR/report.fr-FR.json
 delete mode 100644 front/translations/fr-FR/warning.fr-FR.json

diff --git a/docs/dev/how-to-translate.md b/docs/dev/how-to-translate.md
index 77cbe3f4..b72b045a 100644
--- a/docs/dev/how-to-translate.md
+++ b/docs/dev/how-to-translate.md
@@ -1,107 +1,76 @@
 # How to translate WorkAdventure
 
-## How the translation files work
-
-In the `front/translations` folder, all json files of the form `[namespace].[language code].json` are interpreted to create languages by the language code in the file name.
-
-The only mandatory file (the entry point) is the `index.[language code].json` which must contain the properties `language`, `country` and `default` so that the language can be taken into account.
-
-Example:
-```json
-{
-    "language": "English", # Language that will be used
-    "country": "United States", # Country specification (e.g. British English and American English are not the same thing)
-    "default": true # In some cases WorkAdventure only knows the language, not the country language of the browser. In this case it takes the language with the default property at true.
-}
-```
-
-It does not matter where the file is placed in this folder. However, we have set up the following architecture in order to have a simple reading:
-
-- translations/
-    - [language code]/
-        - [namepace].[language code].json
-
-Example:
-- translations/
-    - en-US/
-        - index.en-US.json
-        - main-menu.en-US.json
-        - chat.en-US.json
-    - fr-FR/
-        - index.fr-FR.json
-        - main-menu.fr-FR.json
-        - chat.fr-FR.json
-
-If a key isn't found then it will be searched in the fallback language and if it isn't found then the key will be returned. By default the fallback language is `en-US` but you can set another one with the `FALLBACK_LANGUAGE` environment variable.
+We use the [typesafe-i18n](https://github.com/ivanhofer/typesafe-i18n) package to handle the translation.
 
 ## Add a new language
 
 It is very easy to add a new language!
 
-First, in the translations folder create a new folder with the language code as name (the language code according to [RFC 5646](https://datatracker.ietf.org/doc/html/rfc5646)).
+First, in the `front/src/i18n` folder create a new folder with the language code as name (the language code according to [RFC 5646](https://datatracker.ietf.org/doc/html/rfc5646)).
 
-In the previously created folder, add a file named as index.[language code].json with the following content:
+In the previously created folder, add a file named index.ts with the following content containing your language information (french from France in this example):
 
-```json
-{
-    "language": "Language Name",
-    "country": "Country Name",
-    "default": true
-}
+```ts
+import type { Translation } from "../i18n-types";
+
+const fr_FR: Translation = {
+  ...en_US,
+  language: "Français",
+  country: "France",
+};
+
+export default fr_FR;
 ```
 
-See the section above (*How the translation files work*) for more information on how this works.
-
-BE CAREFUL if your language has variants by country don't forget to give attention to the default language used. If several languages are default the first one in the list will be used.
-
 ## Add a new key
 
 ### Add a simple key
+
 The keys are searched by a path through the properties of the sub-objects and it is therefore advisable to write your translation as a JavaScript object.
 
-Please use [kebab-case](https://en.wikipedia.org/wiki/Letter_case#Kebab_case) to name your keys!
+Please use kamelcase to name your keys!
 
 Example:
 
-```json
+```ts
 {
-    "messages": {
-        "coffe-machine":{
-            "start": "Coffe machine has been started!"
-        }
+  messages: {
+    coffeMachine: {
+      start: "Coffe machine has been started!";
     }
+  }
 }
 ```
 
-In the code you can translate using `translator.translate`, or the shortcut alias: `_`.
+In the code you can translate using `$LL`:
 
-```js
-import { _ } from "../../Translator/Translator";
+```ts
+import LL from "../../i18n/i18n-svelte";
 
-console.log(_('messages.coffe-machine.start'));
+console.log($LL.messages.coffeMachine.start());
 ```
 
 ### Add a key with parameters
 
 You can also use parameters to make the translation dynamic.
-Use the tag {{ [parameter name] }} to apply your parameters in the translations
+Use the tag { [parameter name] } to apply your parameters in the translations
 
 Example:
 
-```json
+```ts
 {
-    "messages": {
-        "coffe-machine":{
-            "player-start": "{{ playerName }} started the coffee machine!"
-        }
+  messages: {
+    coffeMachine: {
+      playerStart: "{ playerName } started the coffee machine!";
     }
+  }
 }
 ```
 
 In the code you can use it like this:
 
-```js
-_('messages.coffe-machine.player-start', {
-    playerName: "John"
+```ts
+$LL.messages.coffeMachine.playerStart.start({
+  playerName: "John",
 });
 ```
diff --git a/front/.typesafe-i18n.json b/front/.typesafe-i18n.json
new file mode 100644
index 00000000..0cecbe32
--- /dev/null
+++ b/front/.typesafe-i18n.json
@@ -0,0 +1,5 @@
+{
+   "$schema": "https://unpkg.com/typesafe-i18n@2.59.0/schema/typesafe-i18n.json",
+   "baseLocale": "en-US",
+   "adapter": "svelte"
+}
\ No newline at end of file
diff --git a/front/package.json b/front/package.json
index 81da765c..100ae59c 100644
--- a/front/package.json
+++ b/front/package.json
@@ -21,7 +21,6 @@
     "html-webpack-plugin": "^5.3.1",
     "jasmine": "^3.5.0",
     "lint-staged": "^11.0.0",
-    "merge-jsons-webpack-plugin": "^2.0.1",
     "mini-css-extract-plugin": "^1.6.0",
     "node-polyfill-webpack-plugin": "^1.1.2",
     "npm-run-all": "^4.1.5",
@@ -65,11 +64,12 @@
     "socket.io-client": "^2.3.0",
     "standardized-audio-context": "^25.2.4",
     "ts-proto": "^1.96.0",
+    "typesafe-i18n": "^2.59.0",
     "uuidv4": "^6.2.10",
     "zod": "^3.11.6"
   },
   "scripts": {
-    "start": "run-p templater serve svelte-check-watch",
+    "start": "run-p templater serve svelte-check-watch typesafe-i18n",
     "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",
@@ -81,7 +81,8 @@
     "svelte-check-watch": "svelte-check --fail-on-warnings --fail-on-hints --compiler-warnings \"a11y-no-onchange:ignore,a11y-autofocus:ignore,a11y-media-has-caption:ignore\" --watch",
     "svelte-check": "svelte-check --fail-on-warnings --fail-on-hints --compiler-warnings \"a11y-no-onchange:ignore,a11y-autofocus:ignore,a11y-media-has-caption:ignore\"",
     "pretty": "yarn prettier --write 'src/**/*.{ts,svelte}'",
-    "pretty-check": "yarn prettier --check 'src/**/*.{ts,svelte}'"
+    "pretty-check": "yarn prettier --check 'src/**/*.{ts,svelte}'",
+    "typesafe-i18n": "typesafe-i18n"
   },
   "lint-staged": {
     "*.svelte": [
diff --git a/front/src/Components/AudioManager/AudioManager.svelte b/front/src/Components/AudioManager/AudioManager.svelte
index aab2747e..3385d6da 100644
--- a/front/src/Components/AudioManager/AudioManager.svelte
+++ b/front/src/Components/AudioManager/AudioManager.svelte
@@ -5,7 +5,7 @@
     import { get } from "svelte/store";
     import type { Unsubscriber } from "svelte/store";
     import { onDestroy, onMount } from "svelte";
-    import { _ } from "../../Translator/Translator";
+    import LL from "../../i18n/i18n-svelte";
 
     let HTMLAudioPlayer: HTMLAudioElement;
     let audioPlayerVolumeIcon: HTMLElement;
@@ -145,7 +145,7 @@
     </div>
     <div class="audio-manager-reduce-conversation">
         <label>
-            {_("audio.manager.reduce")}
+            {$LL.audio.manager.reduce()}
             <input type="checkbox" bind:checked={decreaseWhileTalking} on:change={setDecrease} />
         </label>
         <section class="audio-manager-file">
diff --git a/front/src/Components/Chat/Chat.svelte b/front/src/Components/Chat/Chat.svelte
index 5f66837b..c4756a36 100644
--- a/front/src/Components/Chat/Chat.svelte
+++ b/front/src/Components/Chat/Chat.svelte
@@ -5,7 +5,7 @@
     import ChatElement from "./ChatElement.svelte";
     import { afterUpdate, beforeUpdate, onMount } from "svelte";
     import { HtmlUtils } from "../../WebRtc/HtmlUtils";
-    import { _ } from "../../Translator/Translator";
+    import LL from "../../i18n/i18n-svelte";
 
     let listDom: HTMLElement;
     let chatWindowElement: HTMLElement;
@@ -46,7 +46,7 @@
     <p class="close-icon" on:click={closeChat}>&times</p>
     <section class="messagesList" bind:this={listDom}>
         <ul>
-            <li><p class="system-text">{_("chat.intro")}</p></li>
+            <li><p class="system-text">{$LL.chat.intro()}</p></li>
             {#each $chatMessagesStore as message, i}
                 <li><ChatElement {message} line={i} /></li>
             {/each}
diff --git a/front/src/Components/Chat/ChatMessageForm.svelte b/front/src/Components/Chat/ChatMessageForm.svelte
index 345c4b7d..dd094394 100644
--- a/front/src/Components/Chat/ChatMessageForm.svelte
+++ b/front/src/Components/Chat/ChatMessageForm.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
+    import LL from "../../i18n/i18n-svelte";
     import { chatMessagesStore, chatInputFocusStore } from "../../Stores/ChatStore";
-    import { _ } from "../../Translator/Translator";
 
     export const handleForm = {
         blur() {
@@ -28,7 +28,7 @@
     <input
         type="text"
         bind:value={newMessageText}
-        placeholder={_("chat.enter")}
+        placeholder={$LL.chat.enter()}
         on:focus={onFocus}
         on:blur={onBlur}
         bind:this={inputElement}
diff --git a/front/src/Components/Chat/ChatSubMenu.svelte b/front/src/Components/Chat/ChatSubMenu.svelte
index a6c09b83..116e6706 100644
--- a/front/src/Components/Chat/ChatSubMenu.svelte
+++ b/front/src/Components/Chat/ChatSubMenu.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
+    import LL from "../../i18n/i18n-svelte";
     import type { PlayerInterface } from "../../Phaser/Game/PlayerInterface";
     import { requestVisitCardsStore } from "../../Stores/GameStore";
-    import { _ } from "../../Translator/Translator";
 
     export let player: PlayerInterface;
 
@@ -15,10 +15,10 @@
 <ul class="selectMenu" style="border-top: {player.color || 'whitesmoke'} 5px solid">
     <li>
         <button class="text-btn" disabled={!player.visitCardUrl} on:click={openVisitCard}
-            >{_("chat.menu.visit-card")}</button
+            >{$LL.chat.menu.visitCard()}</button
         >
     </li>
-    <li><button class="text-btn" disabled>{_("chat.menu.add-friend")}</button></li>
+    <li><button class="text-btn" disabled>{$LL.chat.menu.addFriend}</button></li>
 </ul>
 
 <style lang="scss">
diff --git a/front/src/Components/CustomCharacterScene/CustomCharacterScene.svelte b/front/src/Components/CustomCharacterScene/CustomCharacterScene.svelte
index b29a27f7..1a53e59f 100644
--- a/front/src/Components/CustomCharacterScene/CustomCharacterScene.svelte
+++ b/front/src/Components/CustomCharacterScene/CustomCharacterScene.svelte
@@ -2,7 +2,7 @@
     import type { Game } from "../../Phaser/Game/Game";
     import { CustomizeScene, CustomizeSceneName } from "../../Phaser/Login/CustomizeScene";
     import { activeRowStore } from "../../Stores/CustomCharacterStore";
-    import { _ } from "../../Translator/Translator";
+    import LL from "../../i18n/i18n-svelte";
 
     export let game: Game;
 
@@ -35,7 +35,7 @@
 
 <form class="customCharacterScene">
     <section class="text-center">
-        <h2>{_("custom-character.title")}</h2>
+        <h2>{$LL.woka.customWoka.title()}</h2>
     </section>
     <section class="action action-move">
         <button
@@ -54,12 +54,12 @@
     <section class="action">
         {#if $activeRowStore === 0}
             <button type="submit" class="customCharacterSceneFormBack nes-btn" on:click|preventDefault={previousScene}
-                >{_("custom-character.navigation.return")}</button
+                >{$LL.woka.customWoka.navigation.return()}</button
             >
         {/if}
         {#if $activeRowStore !== 0}
             <button type="submit" class="customCharacterSceneFormBack nes-btn" on:click|preventDefault={selectUp}
-                >{_("custom-character.navigation.back")}
+                >{$LL.woka.customWoka.navigation.back()}
                 <img src="resources/objects/arrow_up_black.png" alt="" /></button
             >
         {/if}
@@ -67,7 +67,7 @@
             <button
                 type="submit"
                 class="customCharacterSceneFormSubmit nes-btn is-primary"
-                on:click|preventDefault={finish}>{_("custom-character.navigation.finish")}</button
+                on:click|preventDefault={finish}>{$LL.woka.customWoka.navigation.finish()}</button
             >
         {/if}
         {#if $activeRowStore !== 5}
@@ -75,7 +75,7 @@
                 type="submit"
                 class="customCharacterSceneFormSubmit nes-btn is-primary"
                 on:click|preventDefault={selectDown}
-                >{_("custom-character.navigation.next")}
+                >{$LL.woka.customWoka.navigation.next()}
                 <img src="resources/objects/arrow_down.png" alt="" /></button
             >
         {/if}
diff --git a/front/src/Components/EnableCamera/EnableCameraScene.svelte b/front/src/Components/EnableCamera/EnableCameraScene.svelte
index 5387a3c5..2b2e0bc0 100644
--- a/front/src/Components/EnableCamera/EnableCameraScene.svelte
+++ b/front/src/Components/EnableCamera/EnableCameraScene.svelte
@@ -13,7 +13,7 @@
     import cinemaCloseImg from "../images/cinema-close.svg";
     import cinemaImg from "../images/cinema.svg";
     import microphoneImg from "../images/microphone.svg";
-    import { _ } from "../../Translator/Translator";
+    import LL from "../../i18n/i18n-svelte";
 
     export let game: Game;
     let selectedCamera: string | undefined = undefined;
@@ -77,7 +77,7 @@
 
 <form class="enableCameraScene" on:submit|preventDefault={submit}>
     <section class="text-center">
-        <h2>{_("camera.enable.title")}</h2>
+        <h2>{$LL.camera.enable.title()}</h2>
     </section>
     {#if $localStreamStore.type === "success" && $localStreamStore.stream}
         <video class="myCamVideoSetup" use:srcObject={$localStreamStore.stream} autoplay muted playsinline />
@@ -122,7 +122,7 @@
         {/if}
     </section>
     <section class="action">
-        <button type="submit" class="nes-btn is-primary letsgo">{_("camera.enable.start")}</button>
+        <button type="submit" class="nes-btn is-primary letsgo">{$LL.camera.enable.start()}</button>
     </section>
 </form>
 
diff --git a/front/src/Components/FollowMenu/FollowMenu.svelte b/front/src/Components/FollowMenu/FollowMenu.svelte
index 170c884f..2f50f4ea 100644
--- a/front/src/Components/FollowMenu/FollowMenu.svelte
+++ b/front/src/Components/FollowMenu/FollowMenu.svelte
@@ -4,9 +4,8 @@ vim: ft=typescript
 <script lang="ts">
     import { gameManager } from "../../Phaser/Game/GameManager";
     import followImg from "../images/follow.svg";
-
     import { followStateStore, followRoleStore, followUsersStore } from "../../Stores/FollowStore";
-    import { _ } from "../../Translator/Translator";
+    import LL from "../../i18n/i18n-svelte";
 
     const gameScene = gameManager.getCurrentGameScene();
 
@@ -44,14 +43,14 @@ vim: ft=typescript
 {#if $followStateStore === "requesting" && $followRoleStore === "follower"}
     <div class="interact-menu nes-container is-rounded">
         <section class="interact-menu-title">
-            <h2>{_("follow.interact-menu.title.follow", { leader: name($followUsersStore[0]) })}</h2>
+            <h2>{$LL.follow.interactMenu.title.follow({ leader: name($followUsersStore[0]) })}</h2>
         </section>
         <section class="interact-menu-action">
             <button type="button" class="nes-btn is-success" on:click|preventDefault={acceptFollowRequest}
-                >{_("follow.interact-menu.yes")}</button
+                >{$LL.follow.interactMenu.yes()}</button
             >
             <button type="button" class="nes-btn is-error" on:click|preventDefault={reset}
-                >{_("follow.interact-menu.no")}</button
+                >{$LL.follow.interactMenu.no()}</button
             >
         </section>
     </div>
@@ -60,23 +59,23 @@ vim: ft=typescript
 {#if $followStateStore === "ending"}
     <div class="interact-menu nes-container is-rounded">
         <section class="interact-menu-title">
-            <h2>{_("follow.interact-menu.title.interact")}</h2>
+            <h2>{$LL.follow.interactMenu.title.interact()}</h2>
         </section>
         {#if $followRoleStore === "follower"}
             <section class="interact-menu-question">
-                <p>{_("follow.interact-menu.stop.follower", { leader: name($followUsersStore[0]) })}</p>
+                <p>{$LL.follow.interactMenu.stop.follower({ leader: name($followUsersStore[0]) })}</p>
             </section>
         {:else if $followRoleStore === "leader"}
             <section class="interact-menu-question">
-                <p>{_("follow.interact-menu.stop.leader")}</p>
+                <p>{$LL.follow.interactMenu.stop.leader()}</p>
             </section>
         {/if}
         <section class="interact-menu-action">
             <button type="button" class="nes-btn is-success" on:click|preventDefault={reset}
-                >{_("follow.interact-menu.yes")}</button
+                >{$LL.follow.interactMenu.yes()}</button
             >
             <button type="button" class="nes-btn is-error" on:click|preventDefault={abortEnding}
-                >{_("follow.interact-menu.no")}</button
+                >{$LL.follow.interactMenu.no()}</button
             >
         </section>
     </div>
@@ -86,21 +85,21 @@ vim: ft=typescript
     <div class="interact-status nes-container is-rounded">
         <section class="interact-status">
             {#if $followRoleStore === "follower"}
-                <p>{_("follow.interact-status.following", { leader: name($followUsersStore[0]) })}</p>
+                <p>{$LL.follow.interactStatus.following({ leader: name($followUsersStore[0]) })}</p>
             {:else if $followUsersStore.length === 0}
-                <p>{_("follow.interact-status.waiting-followers")}</p>
+                <p>{$LL.follow.interactStatus.waitingFollowers()}</p>
             {:else if $followUsersStore.length === 1}
-                <p>{_("follow.interact-status.followed.one", { follower: name($followUsersStore[0]) })}</p>
+                <p>{$LL.follow.interactStatus.followed.one({ follower: name($followUsersStore[0]) })}</p>
             {:else if $followUsersStore.length === 2}
                 <p>
-                    {_("follow.interact-status.followed.one", {
+                    {$LL.follow.interactStatus.followed.two({
                         firstFollower: name($followUsersStore[0]),
                         secondFollower: name($followUsersStore[1]),
                     })}
                 </p>
             {:else}
                 <p>
-                    {_("follow.interact-status.followed.many", {
+                    {$LL.follow.interactStatus.followed.many({
                         followers: $followUsersStore.slice(0, -1).map(name).join(", "),
                         lastFollower: name($followUsersStore[$followUsersStore.length - 1]),
                     })}
diff --git a/front/src/Components/HelpCameraSettings/HelpCameraSettingsPopup.svelte b/front/src/Components/HelpCameraSettings/HelpCameraSettingsPopup.svelte
index f63ebaf5..0b3e60a0 100644
--- a/front/src/Components/HelpCameraSettings/HelpCameraSettingsPopup.svelte
+++ b/front/src/Components/HelpCameraSettings/HelpCameraSettingsPopup.svelte
@@ -4,7 +4,7 @@
     import firefoxImg from "./images/help-setting-camera-permission-firefox.png";
     import chromeImg from "./images/help-setting-camera-permission-chrome.png";
     import { getNavigatorType, isAndroid as isAndroidFct, NavigatorType } from "../../WebRtc/DeviceUtils";
-    import { _ } from "../../Translator/Translator";
+    import LL from "../../i18n/i18n-svelte";
 
     let isAndroid = isAndroidFct();
     let isFirefox = getNavigatorType() === NavigatorType.firefox;
@@ -25,13 +25,13 @@
     transition:fly={{ y: -900, duration: 500 }}
 >
     <section>
-        <h2>{_("camera.help.title")}</h2>
-        <p class="err">{_("camera.help.permission-denied")}</p>
-        <p>{_("camera.help.content")}</p>
+        <h2>{$LL.camera.help.title()}</h2>
+        <p class="err">{$LL.camera.help.permissionDenied()}</p>
+        <p>{$LL.camera.help.content()}</p>
         <p>
             {#if isFirefox}
                 <p class="err">
-                    {_("camera.help.firefox-content")}
+                    {$LL.camera.help.firefoxContent()}
                 </p>
                 <img src={firefoxImg} alt="" />
             {:else if isChrome && !isAndroid}
@@ -41,10 +41,10 @@
     </section>
     <section>
         <button class="helpCameraSettingsFormRefresh nes-btn" on:click|preventDefault={refresh}
-            >{_("camera.help.refresh")}</button
+            >{$LL.camera.help.refresh()}</button
         >
         <button type="submit" class="helpCameraSettingsFormContinue nes-btn is-primary" on:click|preventDefault={close}
-            >{_("camera.help.continue")}</button
+            >{$LL.camera.help.continue()}</button
         >
     </section>
 </form>
diff --git a/front/src/Components/Login/LoginScene.svelte b/front/src/Components/Login/LoginScene.svelte
index 2543b97e..4efbc514 100644
--- a/front/src/Components/Login/LoginScene.svelte
+++ b/front/src/Components/Login/LoginScene.svelte
@@ -4,7 +4,7 @@
     import { DISPLAY_TERMS_OF_USE, MAX_USERNAME_LENGTH } from "../../Enum/EnvironmentVariable";
     import logoImg from "../images/logo.png";
     import { gameManager } from "../../Phaser/Game/GameManager";
-    import { _ } from "../../Translator/Translator";
+    import LL from "../../i18n/i18n-svelte";
 
     export let game: Game;
 
@@ -28,7 +28,7 @@
         <img src={logoImg} alt="WorkAdventure logo" />
     </section>
     <section class="text-center">
-        <h2>{_("login.input.name.placeholder")}</h2>
+        <h2>{$LL.login.input.name.placeholder()}</h2>
     </section>
     <!-- svelte-ignore a11y-autofocus -->
     <input
@@ -45,7 +45,7 @@
     />
     <section class="error-section">
         {#if name.trim() === "" && startValidating}
-            <p class="err">{_("login.input.name.empty")}</p>
+            <p class="err">{$LL.login.input.name.empty()}</p>
         {/if}
     </section>
 
@@ -53,12 +53,12 @@
         <section class="terms-and-conditions">
             <a style="display: none;" href="traduction">Need for traduction</a>
             <p>
-                {_("login.terms")}
+                {$LL.login.terms()}
             </p>
         </section>
     {/if}
     <section class="action">
-        <button type="submit" class="nes-btn is-primary loginSceneFormSubmit">{_("login.continue")}</button>
+        <button type="submit" class="nes-btn is-primary loginSceneFormSubmit">{$LL.login.continue()}</button>
     </section>
 </form>
 
diff --git a/front/src/Components/Menu/AboutRoomSubMenu.svelte b/front/src/Components/Menu/AboutRoomSubMenu.svelte
index 75f17132..3a1c1cbc 100644
--- a/front/src/Components/Menu/AboutRoomSubMenu.svelte
+++ b/front/src/Components/Menu/AboutRoomSubMenu.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
     import { gameManager } from "../../Phaser/Game/GameManager";
     import { onMount } from "svelte";
-    import { _ } from "../../Translator/Translator";
+    import LL from "../../i18n/i18n-svelte";
 
     let gameScene = gameManager.getCurrentGameScene();
 
@@ -12,7 +12,7 @@
     let mapName: string = "";
     let mapLink: string = "";
     let mapDescription: string = "";
-    let mapCopyright: string = _("menu.about.copyrights.map.empty");
+    let mapCopyright: string = $LL.menu.about.copyrights.map.empty();
     let tilesetCopyright: string[] = [];
     let audioCopyright: string[] = [];
 
@@ -63,37 +63,37 @@
 </script>
 
 <div class="about-room-main">
-    <h2>{_("menu.about.map-info")}</h2>
+    <h2>{$LL.menu.about.mapInfo()}</h2>
     <section class="container-overflow">
         <h3>{mapName}</h3>
         <p class="string-HTML">{mapDescription}</p>
         {#if mapLink}
             <p class="string-HTML">
-                &gt; <a href={mapLink} target="_blank">{_("menu.about.map-link")}</a> &lt;
+                &gt; <a href={mapLink} target="_blank">{$LL.menu.about.mapLink()}</a> &lt;
             </p>
         {/if}
         <h3 class="nes-pointer hoverable" on:click={() => (expandedMapCopyright = !expandedMapCopyright)}>
-            {_("menu.about.copyrights.map.title")}
+            {$LL.menu.about.copyrights.map.title()}
         </h3>
         <p class="string-HTML" hidden={!expandedMapCopyright}>{mapCopyright}</p>
         <h3 class="nes-pointer hoverable" on:click={() => (expandedTilesetCopyright = !expandedTilesetCopyright)}>
-            {_("menu.about.copyrights.tileset.title")}
+            {$LL.menu.about.copyrights.tileset.title()}
         </h3>
         <section hidden={!expandedTilesetCopyright}>
             {#each tilesetCopyright as copyright}
                 <p class="string-HTML">{copyright}</p>
             {:else}
-                <p>{_("menu.about.copyrights.tileset.empty")}</p>
+                <p>{$LL.menu.about.copyrights.tileset.empty()}</p>
             {/each}
         </section>
         <h3 class="nes-pointer hoverable" on:click={() => (expandedAudioCopyright = !expandedAudioCopyright)}>
-            {_("menu.about.copyrights.audio.title")}
+            {$LL.menu.about.copyrights.audio.title()}
         </h3>
         <section hidden={!expandedAudioCopyright}>
             {#each audioCopyright as copyright}
                 <p class="string-HTML">{copyright}</p>
             {:else}
-                <p>{_("menu.about.copyrights.audio.empty")}</p>
+                <p>{$LL.menu.about.copyrights.audio.empty()}</p>
             {/each}
         </section>
     </section>
diff --git a/front/src/Components/Menu/AudioGlobalMessage.svelte b/front/src/Components/Menu/AudioGlobalMessage.svelte
index 12f7a848..3fadf5b6 100644
--- a/front/src/Components/Menu/AudioGlobalMessage.svelte
+++ b/front/src/Components/Menu/AudioGlobalMessage.svelte
@@ -4,7 +4,7 @@
     import { AdminMessageEventTypes } from "../../Connexion/AdminMessagesService";
     import uploadFile from "../images/music-file.svg";
     import type { PlayGlobalMessageInterface } from "../../Connexion/ConnexionModels";
-    import { _ } from "../../Translator/Translator";
+    import LL from "../../i18n/i18n-svelte";
 
     interface EventTargetFiles extends EventTarget {
         files: Array<File>;
@@ -77,7 +77,7 @@
     <img
         class="nes-pointer"
         src={uploadFile}
-        alt={_("menu.global-audio.upload-info")}
+        alt={$LL.menu.globalAudio.uploadInfo()}
         on:click|preventDefault={() => {
             fileInput.click();
         }}
@@ -86,7 +86,7 @@
         <p>{fileName} : {fileSize}</p>
     {/if}
     {#if errorFile}
-        <p class="err">{_("menu.global-audio.error")}</p>
+        <p class="err">{$LL.menu.globalAudio.error()}</p>
     {/if}
     <input
         type="file"
diff --git a/front/src/Components/Menu/ContactSubMenu.svelte b/front/src/Components/Menu/ContactSubMenu.svelte
index 54a674d5..02f0caf7 100644
--- a/front/src/Components/Menu/ContactSubMenu.svelte
+++ b/front/src/Components/Menu/ContactSubMenu.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
+    import LL from "../../i18n/i18n-svelte";
     import { contactPageStore } from "../../Stores/MenuStore";
-    import { _ } from "../../Translator/Translator";
 
     function goToGettingStarted() {
         const sparkHost = "https://workadventu.re/getting-started";
@@ -16,18 +16,18 @@
 <div class="create-map-main">
     <section class="container-overflow">
         <section>
-            <h3>{_("menu.contact.getting-started.title")}</h3>
-            <p>{_("menu.contact.getting-started.description")}</p>
+            <h3>{$LL.menu.contact.gettingStarted.title()}</h3>
+            <p>{$LL.menu.contact.gettingStarted.description()}</p>
             <button type="button" class="nes-btn is-primary" on:click={goToGettingStarted}
-                >{_("menu.contact.getting-started.title")}</button
+                >{$LL.menu.contact.gettingStarted.title()}</button
             >
         </section>
 
         <section>
-            <h3>{_("menu.contact.create-map.title")}</h3>
-            <p>{_("menu.contact.create-map.description")}</p>
+            <h3>{$LL.menu.contact.createMap.title()}</h3>
+            <p>{$LL.menu.contact.createMap.description()}</p>
             <button type="button" class="nes-btn" on:click={goToBuildingMap}
-                >{_("menu.contact.create-map.title")}</button
+                >{$LL.menu.contact.createMap.title()}</button
             >
         </section>
 
diff --git a/front/src/Components/Menu/GlobalMessagesSubMenu.svelte b/front/src/Components/Menu/GlobalMessagesSubMenu.svelte
index 31bd674a..0d1b9887 100644
--- a/front/src/Components/Menu/GlobalMessagesSubMenu.svelte
+++ b/front/src/Components/Menu/GlobalMessagesSubMenu.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
     import TextGlobalMessage from "./TextGlobalMessage.svelte";
     import AudioGlobalMessage from "./AudioGlobalMessage.svelte";
-    import { _ } from "../../Translator/Translator";
+    import LL from "../../i18n/i18n-svelte";
 
     let handleSendText: { sendTextMessage(broadcast: boolean): void };
     let handleSendAudio: { sendAudioMessage(broadcast: boolean): Promise<void> };
@@ -36,14 +36,14 @@
             <button
                 type="button"
                 class="nes-btn {inputSendTextActive ? 'is-disabled' : ''}"
-                on:click|preventDefault={activateInputText}>{_("menu.global-message.text")}</button
+                on:click|preventDefault={activateInputText}>{$LL.menu.globalMessage.text()}</button
             >
         </section>
         <section>
             <button
                 type="button"
                 class="nes-btn {uploadAudioActive ? 'is-disabled' : ''}"
-                on:click|preventDefault={activateUploadAudio}>{_("menu.global-message.audio")}</button
+                on:click|preventDefault={activateUploadAudio}>{$LL.menu.globalMessage.audio()}</button
             >
         </section>
     </div>
@@ -58,10 +58,10 @@
     <div class="global-message-footer">
         <label>
             <input type="checkbox" class="nes-checkbox is-dark nes-pointer" bind:checked={broadcastToWorld} />
-            <span>{_("menu.global-message.warning")}</span>
+            <span>{$LL.menu.globalMessage.warning()}</span>
         </label>
         <section>
-            <button class="nes-btn is-primary" on:click|preventDefault={send}>{_("menu.global-message.send")}</button>
+            <button class="nes-btn is-primary" on:click|preventDefault={send}>{$LL.menu.globalMessage.send()}</button>
         </section>
     </div>
 </div>
diff --git a/front/src/Components/Menu/GuestSubMenu.svelte b/front/src/Components/Menu/GuestSubMenu.svelte
index 805525b0..89c4e17e 100644
--- a/front/src/Components/Menu/GuestSubMenu.svelte
+++ b/front/src/Components/Menu/GuestSubMenu.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-    import { _ } from "../../Translator/Translator";
+    import LL from "../../i18n/i18n-svelte";
 
     function copyLink() {
         const input: HTMLInputElement = document.getElementById("input-share-link") as HTMLInputElement;
@@ -23,14 +23,14 @@
 <div class="guest-main">
     <section class="container-overflow">
         <section class="share-url not-mobile">
-            <h3>{_("menu.invite.description")}</h3>
+            <h3>{$LL.menu.invite.description()}</h3>
             <input type="text" readonly id="input-share-link" value={location.toString()} />
-            <button type="button" class="nes-btn is-primary" on:click={copyLink}>{_("menu.invite.copy")}</button>
+            <button type="button" class="nes-btn is-primary" on:click={copyLink}>{$LL.menu.invite.copy()}</button>
         </section>
         <section class="is-mobile">
-            <h3>{_("menu.invite.description")}</h3>
+            <h3>{$LL.menu.invite.description()}</h3>
             <input type="hidden" readonly id="input-share-link" value={location.toString()} />
-            <button type="button" class="nes-btn is-primary" on:click={shareLink}>{_("menu.invite.share")}</button>
+            <button type="button" class="nes-btn is-primary" on:click={shareLink}>{$LL.menu.invite.share()}</button>
         </section>
     </section>
 </div>
diff --git a/front/src/Components/Menu/Menu.svelte b/front/src/Components/Menu/Menu.svelte
index f2a94a95..9e72d6e6 100644
--- a/front/src/Components/Menu/Menu.svelte
+++ b/front/src/Components/Menu/Menu.svelte
@@ -14,27 +14,27 @@
         SubMenusInterface,
         subMenusStore,
     } from "../../Stores/MenuStore";
+    import type { MenuItem } from "../../Stores/MenuStore";
     import { onDestroy, onMount } from "svelte";
-    import { get } from "svelte/store";
     import type { Unsubscriber } from "svelte/store";
     import { sendMenuClickedEvent } from "../../Api/iframe/Ui/MenuItem";
-    import { _ } from "../../Translator/Translator";
+    import LL from "../../i18n/i18n-svelte";
 
-    let activeSubMenu: string = SubMenusInterface.profile;
+    let activeSubMenu: MenuItem = $subMenusStore[0];
     let activeComponent: typeof ProfileSubMenu | typeof CustomSubMenu = ProfileSubMenu;
     let props: { url: string; allowApi: boolean };
     let unsubscriberSubMenuStore: Unsubscriber;
 
     onMount(() => {
         unsubscriberSubMenuStore = subMenusStore.subscribe(() => {
-            if (!get(subMenusStore).includes(activeSubMenu)) {
-                switchMenu(SubMenusInterface.profile);
+            if (!$subMenusStore.includes(activeSubMenu)) {
+                switchMenu($subMenusStore[0]);
             }
         });
 
         checkSubMenuToShow();
 
-        switchMenu(SubMenusInterface.profile);
+        switchMenu($subMenusStore[0]);
     });
 
     onDestroy(() => {
@@ -43,10 +43,10 @@
         }
     });
 
-    function switchMenu(menu: string) {
-        if (get(subMenusStore).find((subMenu) => subMenu === menu)) {
+    function switchMenu(menu: MenuItem) {
+        if (menu.type === "translated") {
             activeSubMenu = menu;
-            switch (menu) {
+            switch (menu.key) {
                 case SubMenusInterface.settings:
                     activeComponent = SettingsSubMenu;
                     break;
@@ -65,19 +65,17 @@
                 case SubMenusInterface.contact:
                     activeComponent = ContactSubMenu;
                     break;
-                default: {
-                    const customMenu = customMenuIframe.get(menu);
-                    if (customMenu !== undefined) {
-                        props = { url: customMenu.url, allowApi: customMenu.allowApi };
-                        activeComponent = CustomSubMenu;
-                    } else {
-                        sendMenuClickedEvent(menu);
-                        menuVisiblilityStore.set(false);
-                    }
-                    break;
-                }
             }
-        } else throw new Error("There is no menu called " + menu);
+        } else {
+            const customMenu = customMenuIframe.get(menu.label);
+            if (customMenu !== undefined) {
+                props = { url: customMenu.url, allowApi: customMenu.allowApi };
+                activeComponent = CustomSubMenu;
+            } else {
+                sendMenuClickedEvent(menu.label);
+                menuVisiblilityStore.set(false);
+            }
+        }
     }
 
     function closeMenu() {
@@ -90,11 +88,15 @@
         }
     }
 
-    function translateMenuName(menuName: string) {
-        const nameFormatted = "menu.sub." + menuName.toLowerCase().replaceAll(" ", "-");
-        const translation = _(nameFormatted);
+    function translateMenuName(menu: MenuItem) {
+        if (menu.type === "scripting") {
+            return menu.label;
+        }
 
-        return translation === nameFormatted ? menuName : translation;
+        // Bypass the proxy of typesafe for getting the menu name : https://github.com/ivanhofer/typesafe-i18n/issues/156
+        const getMenuName = $LL.menu.sub[menu.key];
+
+        return getMenuName();
     }
 </script>
 
@@ -102,7 +104,7 @@
 
 <div class="menu-container-main">
     <div class="menu-nav-sidebar nes-container is-rounded" transition:fly={{ x: -1000, duration: 500 }}>
-        <h2>{_("menu.title")}</h2>
+        <h2>{$LL.menu.title()}</h2>
         <nav>
             {#each $subMenusStore as submenu}
                 <button
diff --git a/front/src/Components/Menu/MenuIcon.svelte b/front/src/Components/Menu/MenuIcon.svelte
index e3068bb6..ed387704 100644
--- a/front/src/Components/Menu/MenuIcon.svelte
+++ b/front/src/Components/Menu/MenuIcon.svelte
@@ -9,7 +9,7 @@
     import { get } from "svelte/store";
     import { ADMIN_URL } from "../../Enum/EnvironmentVariable";
     import { showShareLinkMapModalStore } from "../../Stores/ModalStore";
-    import { _ } from "../../Translator/Translator";
+    import LL from "../../i18n/i18n-svelte";
 
     function showMenu() {
         menuVisiblilityStore.set(!get(menuVisiblilityStore));
@@ -32,19 +32,19 @@
     {#if $limitMapStore}
         <img
             src={logoInvite}
-            alt={_("menu.icon.open.invite")}
+            alt={$LL.menu.icon.open.invite()}
             class="nes-pointer"
             on:click|preventDefault={showInvite}
         />
         <img
             src={logoRegister}
-            alt={_("menu.icon.open.register")}
+            alt={$LL.menu.icon.open.register()}
             class="nes-pointer"
             on:click|preventDefault={register}
         />
     {:else}
-        <img src={logoWA} alt={_("menu.icon.open.menu")} class="nes-pointer" on:click|preventDefault={showMenu} />
-        <img src={logoTalk} alt={_("menu.icon.open.chat")} class="nes-pointer" on:click|preventDefault={showChat} />
+        <img src={logoWA} alt={$LL.menu.icon.open.menu()} class="nes-pointer" on:click|preventDefault={showMenu} />
+        <img src={logoTalk} alt={$LL.menu.icon.open.chat()} class="nes-pointer" on:click|preventDefault={showChat} />
     {/if}
 </main>
 
diff --git a/front/src/Components/Menu/ProfileSubMenu.svelte b/front/src/Components/Menu/ProfileSubMenu.svelte
index 88269711..2bd70bcf 100644
--- a/front/src/Components/Menu/ProfileSubMenu.svelte
+++ b/front/src/Components/Menu/ProfileSubMenu.svelte
@@ -17,7 +17,7 @@
     import btnProfileSubMenuCompanion from "../images/btn-menu-profile-companion.svg";
     import Woka from "../Woka/Woka.svelte";
     import Companion from "../Companion/Companion.svelte";
-    import { _ } from "../../Translator/Translator";
+    import LL from "../../i18n/i18n-svelte";
 
     function disableMenuStores() {
         menuVisiblilityStore.set(false);
@@ -63,20 +63,20 @@
     <div class="submenu">
         <section>
             <button type="button" class="nes-btn" on:click|preventDefault={openEditNameScene}>
-                <img src={btnProfileSubMenuIdentity} alt={_("menu.profile.edit.name")} />
-                <span class="btn-hover">{_("menu.profile.edit.name")}</span>
+                <img src={btnProfileSubMenuIdentity} alt={$LL.menu.profile.edit.name()} />
+                <span class="btn-hover">{$LL.menu.profile.edit.name()}</span>
             </button>
             <button type="button" class="nes-btn" on:click|preventDefault={openEditSkinScene}>
                 <Woka userId={-1} placeholderSrc="" width="26px" height="26px" />
-                <span class="btn-hover">{_("menu.profile.edit.woka")}</span>
+                <span class="btn-hover">{$LL.menu.profile.edit.woka()}</span>
             </button>
             <button type="button" class="nes-btn" on:click|preventDefault={openEditCompanionScene}>
                 <Companion userId={-1} placeholderSrc={btnProfileSubMenuCompanion} width="26px" height="26px" />
-                <span class="btn-hover">{_("menu.profile.edit.companion")}</span>
+                <span class="btn-hover">{$LL.menu.profile.edit.companion()}</span>
             </button>
             <button type="button" class="nes-btn" on:click|preventDefault={openEnableCameraScene}>
-                <img src={btnProfileSubMenuCamera} alt={_("menu.profile.edit.camera")} />
-                <span class="btn-hover">{_("menu.profile.edit.camera")}</span>
+                <img src={btnProfileSubMenuCamera} alt={$LL.menu.profile.edit.camera()} />
+                <span class="btn-hover">{$LL.menu.profile.edit.camera()}</span>
             </button>
         </section>
     </div>
@@ -90,12 +90,12 @@
             </section>
             <section>
                 <button type="button" class="nes-btn" on:click|preventDefault={logOut}
-                    >{_("menu.profile.logout")}</button
+                    >{$LL.menu.profile.logout()}</button
                 >
             </section>
         {:else}
             <section>
-                <a type="button" class="nes-btn" href="/login">{_("menu.profile.login")}</a>
+                <a type="button" class="nes-btn" href="/login">{$LL.menu.profile.login()}</a>
             </section>
         {/if}
     </div>
diff --git a/front/src/Components/Menu/SettingsSubMenu.svelte b/front/src/Components/Menu/SettingsSubMenu.svelte
index a2eba2be..9ab9ba98 100644
--- a/front/src/Components/Menu/SettingsSubMenu.svelte
+++ b/front/src/Components/Menu/SettingsSubMenu.svelte
@@ -4,7 +4,9 @@
     import { HtmlUtils } from "../../WebRtc/HtmlUtils";
     import { isMobile } from "../../Enum/EnvironmentVariable";
     import { menuVisiblilityStore } from "../../Stores/MenuStore";
-    import { languages, translator, _ } from "../../Translator/Translator";
+    import LL, { locale } from "../../i18n/i18n-svelte";
+    import type { Locales } from "../../i18n/i18n-types";
+    import { displayableLocales, setCurrentLocale } from "../../i18n/locales";
 
     let fullscreen: boolean = localUserStore.getFullscreen();
     let notification: boolean = localUserStore.getNotification() === "granted";
@@ -12,18 +14,17 @@
     let ignoreFollowRequests: boolean = localUserStore.getIgnoreFollowRequests();
     let valueGame: number = localUserStore.getGameQualityValue();
     let valueVideo: number = localUserStore.getVideoQualityValue();
-    let valueLanguage: string = translator.getStringByLanguage(translator.getCurrentLanguage()) ?? "en-US";
+    let valueLocale: string = $locale;
     let previewValueGame = valueGame;
     let previewValueVideo = valueVideo;
-    let previewValueLanguage = valueLanguage;
+    let previewValueLocale = valueLocale;
 
     function saveSetting() {
         let change = false;
 
-        if (valueLanguage !== previewValueLanguage) {
-            previewValueLanguage = valueLanguage;
-            translator.switchLanguage(previewValueLanguage);
-            change = true;
+        if (valueLocale !== previewValueLocale) {
+            previewValueLocale = valueLocale;
+            setCurrentLocale(valueLocale as Locales);
         }
 
         if (valueVideo !== previewValueVideo) {
@@ -88,74 +89,73 @@
 
 <div class="settings-main" on:submit|preventDefault={saveSetting}>
     <section>
-        <h3>{_("menu.settings.game-quality.title")}</h3>
+        <h3>{$LL.menu.settings.gameQuality.title()}</h3>
         <div class="nes-select is-dark">
             <select bind:value={valueGame}>
                 <option value={120}
                     >{isMobile()
-                        ? _("menu.settings.game-quality.short.high")
-                        : _("menu.settings.game-quality.long.high")}</option
+                        ? $LL.menu.settings.gameQuality.short.high()
+                        : $LL.menu.settings.gameQuality.long.high()}</option
                 >
                 <option value={60}
                     >{isMobile()
-                        ? _("menu.settings.game-quality.short.medium")
-                        : _("menu.settings.game-quality.long.medium")}</option
+                        ? $LL.menu.settings.gameQuality.short.medium()
+                        : $LL.menu.settings.gameQuality.long.medium()}</option
                 >
                 <option value={40}
                     >{isMobile()
-                        ? _("menu.settings.game-quality.short.minimum")
-                        : _("menu.settings.game-quality.long.minimum")}</option
+                        ? $LL.menu.settings.gameQuality.short.minimum()
+                        : $LL.menu.settings.gameQuality.long.minimum()}</option
                 >
                 <option value={20}
                     >{isMobile()
-                        ? _("menu.settings.game-quality.short.small")
-                        : _("menu.settings.game-quality.long.small")}</option
+                        ? $LL.menu.settings.gameQuality.short.small()
+                        : $LL.menu.settings.gameQuality.long.small()}</option
                 >
             </select>
         </div>
     </section>
     <section>
-        <h3>{_("menu.settings.video-quality.title")}</h3>
+        <h3>{$LL.menu.settings.videoQuality.title()}</h3>
         <div class="nes-select is-dark">
             <select bind:value={valueVideo}>
                 <option value={30}
                     >{isMobile()
-                        ? _("menu.settings.video-quality.short.high")
-                        : _("menu.settings.video-quality.long.high")}</option
+                        ? $LL.menu.settings.videoQuality.short.high()
+                        : $LL.menu.settings.videoQuality.long.high()}</option
                 >
                 <option value={20}
                     >{isMobile()
-                        ? _("menu.settings.video-quality.short.medium")
-                        : _("menu.settings.video-quality.long.medium")}</option
+                        ? $LL.menu.settings.videoQuality.short.medium()
+                        : $LL.menu.settings.videoQuality.long.medium()}</option
                 >
                 <option value={10}
                     >{isMobile()
-                        ? _("menu.settings.video-quality.short.minimum")
-                        : _("menu.settings.video-quality.long.minimum")}</option
+                        ? $LL.menu.settings.videoQuality.short.minimum()
+                        : $LL.menu.settings.videoQuality.long.minimum()}</option
                 >
                 <option value={5}
                     >{isMobile()
-                        ? _("menu.settings.video-quality.short.small")
-                        : _("menu.settings.video-quality.long.small")}</option
+                        ? $LL.menu.settings.videoQuality.short.small()
+                        : $LL.menu.settings.videoQuality.long.small()}</option
                 >
             </select>
         </div>
     </section>
     <section>
-        <h3>{_("menu.settings.language.title")}</h3>
+        <h3>{$LL.menu.settings.language.title()}</h3>
         <div class="nes-select is-dark">
-            <select class="languages-switcher" bind:value={valueLanguage}>
-                <!-- svelte-ignore missing-declaration -->
-                {#each languages as language}
-                    <option value={language.id}>{`${language.language} (${language.country})`}</option>
+            <select class="languages-switcher" bind:value={valueLocale}>
+                {#each displayableLocales as locale (locale.id)}
+                    <option value={locale.id}>{`${locale.language} (${locale.country})`}</option>
                 {/each}
             </select>
         </div>
     </section>
     <section class="settings-section-save">
-        <p>{_("menu.settings.save.warning")}</p>
+        <p>{$LL.menu.settings.save.warning()}</p>
         <button type="button" class="nes-btn is-primary" on:click|preventDefault={saveSetting}
-            >{_("menu.settings.save.button")}</button
+            >{$LL.menu.settings.save.button()}</button
         >
     </section>
     <section class="settings-section-noSaveOption">
@@ -166,7 +166,7 @@
                 bind:checked={fullscreen}
                 on:change={changeFullscreen}
             />
-            <span>{_("menu.settings.fullscreen")}</span>
+            <span>{$LL.menu.settings.fullscreen()}</span>
         </label>
         <label>
             <input
@@ -175,7 +175,7 @@
                 bind:checked={notification}
                 on:change={changeNotification}
             />
-            <span>{_("menu.settings.notifications")}</span>
+            <span>{$LL.menu.settings.notifications()}</span>
         </label>
         <label>
             <input
@@ -184,7 +184,7 @@
                 bind:checked={forceCowebsiteTrigger}
                 on:change={changeForceCowebsiteTrigger}
             />
-            <span>{_("menu.settings.cowebsite-trigger")}</span>
+            <span>{$LL.menu.settings.cowebsiteTrigger()}</span>
         </label>
         <label>
             <input
@@ -193,7 +193,7 @@
                 bind:checked={ignoreFollowRequests}
                 on:change={changeIgnoreFollowRequests}
             />
-            <span>{_("menu.settings.ignore-follow-request")}</span>
+            <span>{$LL.menu.settings.ignoreFollowRequest()}</span>
         </label>
     </section>
 </div>
diff --git a/front/src/Components/Menu/TextGlobalMessage.svelte b/front/src/Components/Menu/TextGlobalMessage.svelte
index de863209..ec3e7039 100644
--- a/front/src/Components/Menu/TextGlobalMessage.svelte
+++ b/front/src/Components/Menu/TextGlobalMessage.svelte
@@ -5,7 +5,7 @@
     import { AdminMessageEventTypes } from "../../Connexion/AdminMessagesService";
     import type { Quill } from "quill";
     import type { PlayGlobalMessageInterface } from "../../Connexion/ConnexionModels";
-    import { _ } from "../../Translator/Translator";
+    import LL from "../../i18n/i18n-svelte";
 
     //toolbar
     const toolbarOptions = [
@@ -59,7 +59,7 @@
         const { default: Quill } = await import("quill"); // eslint-disable-line @typescript-eslint/no-explicit-any
 
         quill = new Quill(QUILL_EDITOR, {
-            placeholder: _("menu.global-message.enter"),
+            placeholder: $LL.menu.globalMessage.enter(),
             theme: "snow",
             modules: {
                 toolbar: toolbarOptions,
diff --git a/front/src/Components/MyCamera.svelte b/front/src/Components/MyCamera.svelte
index c6acddec..6ffef4b6 100644
--- a/front/src/Components/MyCamera.svelte
+++ b/front/src/Components/MyCamera.svelte
@@ -4,7 +4,7 @@
     import SoundMeterWidget from "./SoundMeterWidget.svelte";
     import { onDestroy } from "svelte";
     import { srcObject } from "./Video/utils";
-    import { _ } from "../Translator/Translator";
+    import LL from "../i18n/i18n-svelte";
 
     let stream: MediaStream | null;
 
@@ -33,5 +33,5 @@
             <SoundMeterWidget {stream} />
         {/if}
     </div>
-    <div class="is-silent" class:hide={isSilent}>{_("camera.my.silent-zone")}</div>
+    <div class="is-silent" class:hide={isSilent}>{$LL.camera.my.silentZone()}</div>
 </div>
diff --git a/front/src/Components/ReportMenu/BlockSubMenu.svelte b/front/src/Components/ReportMenu/BlockSubMenu.svelte
index afabe450..1a8f8dc8 100644
--- a/front/src/Components/ReportMenu/BlockSubMenu.svelte
+++ b/front/src/Components/ReportMenu/BlockSubMenu.svelte
@@ -2,7 +2,7 @@
     import { blackListManager } from "../../WebRtc/BlackListManager";
     import { showReportScreenStore, userReportEmpty } from "../../Stores/ShowReportScreenStore";
     import { onMount } from "svelte";
-    import { _ } from "../../Translator/Translator";
+    import LL from "../../i18n/i18n-svelte";
 
     export let userUUID: string | undefined;
     export let userName: string;
@@ -30,10 +30,10 @@
 </script>
 
 <div class="block-container">
-    <h3>{_("report.block.title")}</h3>
-    <p>{_("report.block.content", { userName })}</p>
+    <h3>{$LL.report.block.title()}</h3>
+    <p>{$LL.report.block.content({ userName })}</p>
     <button type="button" class="nes-btn is-error" on:click|preventDefault={blockUser}>
-        {userIsBlocked ? _("report.block.unblock") : _("report.block.block")}
+        {userIsBlocked ? $LL.report.block.unblock() : $LL.report.block.block()}
     </button>
 </div>
 
diff --git a/front/src/Components/ReportMenu/ReportMenu.svelte b/front/src/Components/ReportMenu/ReportMenu.svelte
index ab44e525..3934f21b 100644
--- a/front/src/Components/ReportMenu/ReportMenu.svelte
+++ b/front/src/Components/ReportMenu/ReportMenu.svelte
@@ -7,7 +7,7 @@
     import { playersStore } from "../../Stores/PlayersStore";
     import { connectionManager } from "../../Connexion/ConnectionManager";
     import { get } from "svelte/store";
-    import { _ } from "../../Translator/Translator";
+    import LL from "../../i18n/i18n-svelte";
 
     let blockActive = true;
     let reportActive = !blockActive;
@@ -60,7 +60,7 @@
 
 <div class="report-menu-main nes-container is-rounded">
     <section class="report-menu-title">
-        <h2>{_("moderate.title", { userName })}</h2>
+        <h2>{$LL.report.moderate.title({ userName })}</h2>
         <section class="justify-center">
             <button type="button" class="nes-btn" on:click|preventDefault={close}>X</button>
         </section>
@@ -70,14 +70,14 @@
             <button
                 type="button"
                 class="nes-btn {blockActive ? 'is-disabled' : ''}"
-                on:click|preventDefault={activateBlock}>{_("moderate.block")}</button
+                on:click|preventDefault={activateBlock}>{$LL.report.moderate.block()}</button
             >
         </section>
         <section class="justify-center">
             <button
                 type="button"
                 class="nes-btn {reportActive ? 'is-disabled' : ''}"
-                on:click|preventDefault={activateReport}>{_("moderate.report")}</button
+                on:click|preventDefault={activateReport}>{$LL.report.moderate.report()}</button
             >
         </section>
     </section>
@@ -87,7 +87,7 @@
         {:else if reportActive}
             <ReportSubMenu {userUUID} />
         {:else}
-            <p>{_("moderate.no-select")}</p>
+            <p>{$LL.report.moderate.noSelect()}</p>
         {/if}
     </section>
 </div>
diff --git a/front/src/Components/ReportMenu/ReportSubMenu.svelte b/front/src/Components/ReportMenu/ReportSubMenu.svelte
index 745816c1..114d837a 100644
--- a/front/src/Components/ReportMenu/ReportSubMenu.svelte
+++ b/front/src/Components/ReportMenu/ReportSubMenu.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
     import { showReportScreenStore, userReportEmpty } from "../../Stores/ShowReportScreenStore";
     import { gameManager } from "../../Phaser/Game/GameManager";
-    import { _ } from "../../Translator/Translator";
+    import LL from "../../i18n/i18n-svelte";
 
     export let userUUID: string | undefined;
     let reportMessage: string;
@@ -23,18 +23,18 @@
 </script>
 
 <div class="report-container-main">
-    <h3>{_("report.title")}</h3>
-    <p>{_("report.message")}</p>
+    <h3>{$LL.report.title()}</h3>
+    <p>{$LL.report.content()}</p>
     <form>
         <section>
             <label>
-                <span>{_("report.message.title")}</span>
+                <span>{$LL.report.message.title()}</span>
                 <textarea type="text" class="nes-textarea" bind:value={reportMessage} />
             </label>
-            <p hidden={hiddenError}>{_("report.message.empty")}</p>
+            <p hidden={hiddenError}>{$LL.report.message.empty()}</p>
         </section>
         <section>
-            <button type="submit" class="nes-btn is-error" on:click={submitReport}>{_("report.submit")}</button>
+            <button type="submit" class="nes-btn is-error" on:click={submitReport}>{$LL.report.submit()}</button>
         </section>
     </form>
 </div>
diff --git a/front/src/Components/SelectCompanion/SelectCompanionScene.svelte b/front/src/Components/SelectCompanion/SelectCompanionScene.svelte
index 9f8ecdc3..dd14914b 100644
--- a/front/src/Components/SelectCompanion/SelectCompanionScene.svelte
+++ b/front/src/Components/SelectCompanion/SelectCompanionScene.svelte
@@ -1,7 +1,7 @@
 <script lang="typescript">
+    import LL from "../../i18n/i18n-svelte";
     import type { Game } from "../../Phaser/Game/Game";
     import { SelectCompanionScene, SelectCompanionSceneName } from "../../Phaser/Login/SelectCompanionScene";
-    import { _ } from "../../Translator/Translator";
 
     export let game: Game;
 
@@ -26,7 +26,7 @@
 
 <form class="selectCompanionScene">
     <section class="text-center">
-        <h2>{_("companion.select.title")}</h2>
+        <h2>{$LL.companion.select.title()}</h2>
         <button class="selectCharacterButton selectCharacterButtonLeft nes-btn" on:click|preventDefault={selectLeft}>
             &lt;
         </button>
@@ -36,12 +36,12 @@
     </section>
     <section class="action">
         <button href="/" class="selectCompanionSceneFormBack nes-btn" on:click|preventDefault={noCompanion}
-            >{_("companion.select.any")}</button
+            >{$LL.companion.select.any()}</button
         >
         <button
             type="submit"
             class="selectCompanionSceneFormSubmit nes-btn is-primary"
-            on:click|preventDefault={selectCompanion}>{_("companion.select.continue")}</button
+            on:click|preventDefault={selectCompanion}>{$LL.companion.select.continue()}</button
         >
     </section>
 </form>
diff --git a/front/src/Components/TypeMessage/BanMessage.svelte b/front/src/Components/TypeMessage/BanMessage.svelte
index a664e21c..bd3a4547 100644
--- a/front/src/Components/TypeMessage/BanMessage.svelte
+++ b/front/src/Components/TypeMessage/BanMessage.svelte
@@ -3,7 +3,7 @@
     import { onMount } from "svelte";
     import type { Message } from "../../Stores/TypeMessageStore/MessageStore";
     import { banMessageStore } from "../../Stores/TypeMessageStore/BanMessageStore";
-    import { _ } from "../../Translator/Translator";
+    import LL from "../../i18n/i18n-svelte";
 
     export let message: Message;
 
@@ -39,7 +39,7 @@
 >
     <h2 class="title-ban-message">
         <img src="resources/logos/report.svg" alt="***" />
-        {_("important-message")}
+        {$LL.warning.importantMessage()}
         <img src="resources/logos/report.svg" alt="***" />
     </h2>
     <div class="content-ban-message">
diff --git a/front/src/Components/UI/AudioPlaying.svelte b/front/src/Components/UI/AudioPlaying.svelte
index 12212b13..0b76552c 100644
--- a/front/src/Components/UI/AudioPlaying.svelte
+++ b/front/src/Components/UI/AudioPlaying.svelte
@@ -3,7 +3,7 @@
     import megaphoneImg from "./images/megaphone.svg";
     import { soundPlayingStore } from "../../Stores/SoundPlayingStore";
     import { afterUpdate } from "svelte";
-    import { _ } from "../../Translator/Translator";
+    import LL from "../../i18n/i18n-svelte";
 
     export let url: string;
     let audio: HTMLAudioElement;
@@ -19,7 +19,7 @@
 
 <div class="audio-playing" transition:fly={{ x: 210, duration: 500 }}>
     <img src={megaphoneImg} alt="Audio playing" />
-    <p>{_("audio.message")}</p>
+    <p>{$LL.audio.message()}</p>
     <audio bind:this={audio} src={url} on:ended={soundEnded}>
         <track kind="captions" />
     </audio>
diff --git a/front/src/Components/UI/ErrorDialog.svelte b/front/src/Components/UI/ErrorDialog.svelte
index b0dc035c..7f2c6cd9 100644
--- a/front/src/Components/UI/ErrorDialog.svelte
+++ b/front/src/Components/UI/ErrorDialog.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
     import { errorStore, hasClosableMessagesInErrorStore } from "../../Stores/ErrorStore";
-    import { _ } from "../../Translator/Translator";
+    import LL from "../../i18n/i18n-svelte";
 
     function close(): boolean {
         errorStore.clearClosableMessages();
@@ -9,7 +9,7 @@
 </script>
 
 <div class="error-div nes-container is-dark is-rounded" open>
-    <p class="nes-text is-error title">{_("error.error")}</p>
+    <p class="nes-text is-error title">{$LL.error.error()}</p>
     <div class="body">
         {#each $errorStore as error}
             <p>{error.message}</p>
diff --git a/front/src/Components/VisitCard/VisitCard.svelte b/front/src/Components/VisitCard/VisitCard.svelte
index d56f12ae..fe0f7c8d 100644
--- a/front/src/Components/VisitCard/VisitCard.svelte
+++ b/front/src/Components/VisitCard/VisitCard.svelte
@@ -2,7 +2,7 @@
     import { fly } from "svelte/transition";
     import { requestVisitCardsStore } from "../../Stores/GameStore";
     import { onMount } from "svelte";
-    import { _ } from "../../Translator/Translator";
+    import LL from "../../i18n/i18n-svelte";
 
     export let visitCardUrl: string;
     let w = "500px";
@@ -41,7 +41,7 @@
     />
     {#if !hidden}
         <div class="buttonContainer">
-            <button class="nes-btn is-popUpElement" on:click={closeCard}>{_("menu.visit-card.close")}</button>
+            <button class="nes-btn is-popUpElement" on:click={closeCard}>{$LL.menu.visitCard.close()}</button>
         </div>
     {/if}
 </section>
diff --git a/front/src/Components/WarningContainer/WarningContainer.svelte b/front/src/Components/WarningContainer/WarningContainer.svelte
index b0cacee3..fef56217 100644
--- a/front/src/Components/WarningContainer/WarningContainer.svelte
+++ b/front/src/Components/WarningContainer/WarningContainer.svelte
@@ -2,7 +2,7 @@
     import { fly } from "svelte/transition";
     import { userIsAdminStore, limitMapStore } from "../../Stores/GameStore";
     import { ADMIN_URL } from "../../Enum/EnvironmentVariable";
-    import { _ } from "../../Translator/Translator";
+    import LL from "../../i18n/i18n-svelte";
 
     const upgradeLink = ADMIN_URL + "/pricing";
     const registerLink = ADMIN_URL + "/second-step-register";
@@ -10,17 +10,17 @@
 
 <main class="warningMain" transition:fly={{ y: -200, duration: 500 }}>
     {#if $userIsAdminStore}
-        <h2>{_("warning.title")}</h2>
+        <h2>{$LL.warning.title()}</h2>
         <p>
-            {_("warning.content", { upgradeLink })}
+            {$LL.warning.content({ upgradeLink })}
         </p>
     {:else if $limitMapStore}
         <p>
             This map is available for 2 days. You can register your domain <a href={registerLink}>here</a>!
         </p>
     {:else}
-        <h2>{_("warning.title")}</h2>
-        <p>{_("warning.limit")}</p>
+        <h2>{$LL.warning.title()}</h2>
+        <p>{$LL.warning.limit()}</p>
     {/if}
 </main>
 
diff --git a/front/src/Components/selectCharacter/SelectCharacterScene.svelte b/front/src/Components/selectCharacter/SelectCharacterScene.svelte
index d38ba77a..091f1d1d 100644
--- a/front/src/Components/selectCharacter/SelectCharacterScene.svelte
+++ b/front/src/Components/selectCharacter/SelectCharacterScene.svelte
@@ -1,7 +1,7 @@
 <script lang="typescript">
     import type { Game } from "../../Phaser/Game/Game";
     import { SelectCharacterScene, SelectCharacterSceneName } from "../../Phaser/Login/SelectCharacterScene";
-    import { _ } from "../../Translator/Translator";
+    import LL from "../../i18n/i18n-svelte";
 
     export let game: Game;
 
@@ -26,7 +26,7 @@
 
 <form class="selectCharacterScene">
     <section class="text-center">
-        <h2>{_("select-woka.title")}</h2>
+        <h2>{$LL.woka.selectWoka.title()}</h2>
         <button class="selectCharacterButton selectCharacterButtonLeft nes-btn" on:click|preventDefault={selectLeft}>
             &lt;
         </button>
@@ -38,12 +38,12 @@
         <button
             type="submit"
             class="selectCharacterSceneFormSubmit nes-btn is-primary"
-            on:click|preventDefault={cameraScene}>{_("select-woka.continue")}</button
+            on:click|preventDefault={cameraScene}>{$LL.woka.selectWoka.continue()}</button
         >
         <button
             type="submit"
             class="selectCharacterSceneFormCustomYourOwnSubmit nes-btn"
-            on:click|preventDefault={customizeScene}>{_("select-woka.customize")}</button
+            on:click|preventDefault={customizeScene}>{$LL.woka.selectWoka.customize()}</button
         >
     </section>
 </form>
diff --git a/front/src/Connexion/AxiosUtils.ts b/front/src/Connexion/AxiosUtils.ts
index db6bcfbe..f6fe664f 100644
--- a/front/src/Connexion/AxiosUtils.ts
+++ b/front/src/Connexion/AxiosUtils.ts
@@ -1,7 +1,8 @@
 import axios from "axios";
 import * as rax from "retry-axios";
 import { errorStore } from "../Stores/ErrorStore";
-import { _ } from "../Translator/Translator";
+import LL from "../i18n/i18n-svelte";
+import { get } from "svelte/store";
 
 /**
  * This instance of Axios will retry in case of an issue and display an error message as a HTML overlay.
@@ -27,13 +28,10 @@ axiosWithRetry.defaults.raxConfig = {
         console.log(err);
         console.log(cfg);
         console.log(`Retry attempt #${cfg?.currentRetryAttempt} on URL '${err.config.url}'`);
-        errorStore.addErrorMessage(
-            _("error.connection-retry.unable-to-connect-to-workAdventure-are-you-connected-to-internet"),
-            {
-                closable: false,
-                id: "axios_retry",
-            }
-        );
+        errorStore.addErrorMessage(get(LL).error.connectionRetry.unableConnect(), {
+            closable: false,
+            id: "axios_retry",
+        });
     },
 };
 
diff --git a/front/src/Enum/EnvironmentVariable.ts b/front/src/Enum/EnvironmentVariable.ts
index 07d4ff8e..ad1117f9 100644
--- a/front/src/Enum/EnvironmentVariable.ts
+++ b/front/src/Enum/EnvironmentVariable.ts
@@ -25,7 +25,7 @@ export const POSTHOG_API_KEY: string = (process.env.POSTHOG_API_KEY as string) |
 export const POSTHOG_URL = process.env.POSTHOG_URL || undefined;
 export const DISABLE_ANONYMOUS: boolean = process.env.DISABLE_ANONYMOUS === "true";
 export const OPID_LOGIN_SCREEN_PROVIDER = process.env.OPID_LOGIN_SCREEN_PROVIDER;
-const FALLBACK_LANGUAGE: string = process.env.FALLBACK_LANGUAGE || "en-US";
+const FALLBACK_LOCALE = process.env.FALLBACK_LOCALE || undefined;
 
 export const isMobile = (): boolean => window.innerWidth <= 800 || window.innerHeight <= 600;
 
@@ -45,5 +45,5 @@ export {
     TURN_PASSWORD,
     JITSI_URL,
     JITSI_PRIVATE_MODE,
-    FALLBACK_LANGUAGE,
+    FALLBACK_LOCALE,
 };
diff --git a/front/src/Phaser/Game/GameScene.ts b/front/src/Phaser/Game/GameScene.ts
index 33e0a862..2d2414ef 100644
--- a/front/src/Phaser/Game/GameScene.ts
+++ b/front/src/Phaser/Game/GameScene.ts
@@ -76,7 +76,6 @@ import { userIsAdminStore } from "../../Stores/GameStore";
 import { contactPageStore } from "../../Stores/MenuStore";
 import type { WasCameraUpdatedEvent } from "../../Api/Events/WasCameraUpdatedEvent";
 import { audioManagerFileStore, audioManagerVisibilityStore } from "../../Stores/AudioManagerStore";
-import { translator } from "../../Translator/Translator";
 
 import EVENT_TYPE = Phaser.Scenes.Events;
 import Texture = Phaser.Textures.Texture;
@@ -92,6 +91,7 @@ import { MapStore } from "../../Stores/Utils/MapStore";
 import { followUsersColorStore } from "../../Stores/FollowStore";
 import Camera = Phaser.Cameras.Scene2D.Camera;
 import { GameSceneUserInputHandler } from "../UserInput/GameSceneUserInputHandler";
+import { locale } from "../../i18n/i18n-svelte";
 
 export interface GameSceneInitInterface {
     initPosition: PointInterface | null;
@@ -1322,7 +1322,7 @@ ${escapedMessage}
                 startLayerName: this.startPositionCalculator.startLayerName,
                 uuid: localUserStore.getLocalUser()?.uuid,
                 nickname: this.playerName,
-                language: translator.getStringByLanguage(translator.getCurrentLanguage()),
+                language: get(locale),
                 roomId: this.roomUrl,
                 tags: this.connection ? this.connection.getAllTags() : [],
                 variables: this.sharedVariablesManager.variables,
diff --git a/front/src/Phaser/Login/EntryScene.ts b/front/src/Phaser/Login/EntryScene.ts
index 93311838..4d1b0502 100644
--- a/front/src/Phaser/Login/EntryScene.ts
+++ b/front/src/Phaser/Login/EntryScene.ts
@@ -4,7 +4,11 @@ import { ErrorScene, ErrorSceneName } from "../Reconnecting/ErrorScene";
 import { WAError } from "../Reconnecting/WAError";
 import { waScaleManager } from "../Services/WaScaleManager";
 import { ReconnectingTextures } from "../Reconnecting/ReconnectingScene";
-import { translator, _ } from "../../Translator/Translator";
+import LL from "../../i18n/i18n-svelte";
+import { get } from "svelte/store";
+import { localeDetector } from "../../i18n/locales";
+
+const $LL = get(LL);
 
 export const EntrySceneName = "EntryScene";
 
@@ -25,16 +29,11 @@ export class EntryScene extends Scene {
         // Note: arcade.png from the Phaser 3 examples at: https://github.com/photonstorm/phaser3-examples/tree/master/public/assets/fonts/bitmap
         this.load.bitmapFont(ReconnectingTextures.mainFont, "resources/fonts/arcade.png", "resources/fonts/arcade.xml");
         this.load.spritesheet("cat", "resources/characters/pipoya/Cat 01-1.png", { frameWidth: 32, frameHeight: 32 });
-        translator.loadCurrentLanguageFile(this.load);
     }
 
     create() {
-        translator
-            .loadCurrentLanguageObject(this.cache)
-            .catch((e: unknown) => {
-                console.error("Error during language loading!", e);
-            })
-            .finally(() => {
+        localeDetector()
+            .then(() => {
                 gameManager
                     .init(this.scene)
                     .then((nextSceneName) => {
@@ -47,20 +46,20 @@ export class EntryScene extends Scene {
                         if (err.response && err.response.status == 404) {
                             ErrorScene.showError(
                                 new WAError(
-                                    _("error.access-link.title"),
-                                    _("error.access-link.sub-title"),
-                                    _("error.access-link.details")
+                                    $LL.error.accessLink.title(),
+                                    $LL.error.accessLink.subTitle(),
+                                    $LL.error.accessLink.details()
                                 ),
                                 this.scene
                             );
                         } else if (err.response && err.response.status == 403) {
                             ErrorScene.showError(
                                 new WAError(
-                                    _("error.connection-rejected.title"),
-                                    _("error.connection-rejected.sub-title", {
+                                    $LL.error.connectionRejected.title(),
+                                    $LL.error.connectionRejected.subTitle({
                                         error: err.response.data ? ". \n\r \n\r" + `${err.response.data}` : "",
                                     }),
-                                    _("error.connection-rejected.details")
+                                    $LL.error.connectionRejected.details()
                                 ),
                                 this.scene
                             );
@@ -68,6 +67,9 @@ export class EntryScene extends Scene {
                             ErrorScene.showError(err, this.scene);
                         }
                     });
+            })
+            .catch(() => {
+                throw new Error("Cannot load locale!");
             });
     }
 }
diff --git a/front/src/Phaser/Reconnecting/ReconnectingScene.ts b/front/src/Phaser/Reconnecting/ReconnectingScene.ts
index ab9ec261..9c103bf0 100644
--- a/front/src/Phaser/Reconnecting/ReconnectingScene.ts
+++ b/front/src/Phaser/Reconnecting/ReconnectingScene.ts
@@ -1,7 +1,8 @@
-import { _ } from "../../Translator/Translator";
 import { TextField } from "../Components/TextField";
 import Image = Phaser.GameObjects.Image;
 import Sprite = Phaser.GameObjects.Sprite;
+import LL from "../../i18n/i18n-svelte";
+import { get } from "svelte/store";
 
 export const ReconnectingSceneName = "ReconnectingScene";
 export enum ReconnectingTextures {
@@ -39,7 +40,7 @@ export class ReconnectingScene extends Phaser.Scene {
             this,
             this.game.renderer.width / 2,
             this.game.renderer.height / 2,
-            _("connection-lost")
+            get(LL).warning.connectionLost()
         );
 
         const cat = this.add.sprite(this.game.renderer.width / 2, this.game.renderer.height / 2 - 32, "cat");
diff --git a/front/src/Stores/MenuStore.ts b/front/src/Stores/MenuStore.ts
index 51bf91da..42bfa0ca 100644
--- a/front/src/Stores/MenuStore.ts
+++ b/front/src/Stores/MenuStore.ts
@@ -3,6 +3,7 @@ import Timeout = NodeJS.Timeout;
 import { userIsAdminStore } from "./GameStore";
 import { CONTACT_URL } from "../Enum/EnvironmentVariable";
 import { analyticsClient } from "../Administration/AnalyticsClient";
+import type { Translation } from "../i18n/i18n-types";
 
 export const menuIconVisiblilityStore = writable(false);
 export const menuVisiblilityStore = writable(false);
@@ -32,37 +33,95 @@ function createWarningContainerStore() {
 export const warningContainerStore = createWarningContainerStore();
 
 export enum SubMenusInterface {
-    settings = "Settings",
-    profile = "Profile",
-    invite = "Invite",
-    aboutRoom = "Credit",
-    globalMessages = "Global Messages",
-    contact = "Contact",
+    settings = "settings",
+    profile = "profile",
+    invite = "invite",
+    aboutRoom = "credit",
+    globalMessages = "globalMessages",
+    contact = "contact",
 }
 
+type MenuKeys = keyof Translation["menu"]["sub"];
+
+interface TranslatedMenu {
+    type: "translated";
+    key: MenuKeys;
+}
+
+/**
+ * A menu item from the scripting API
+ */
+interface ScriptingMenu {
+    type: "scripting";
+    label: string;
+}
+
+export type MenuItem = TranslatedMenu | ScriptingMenu;
+
 function createSubMenusStore() {
-    const { subscribe, update } = writable<string[]>([
-        SubMenusInterface.profile,
-        SubMenusInterface.globalMessages,
-        SubMenusInterface.contact,
-        SubMenusInterface.settings,
-        SubMenusInterface.invite,
-        SubMenusInterface.aboutRoom,
+    const { subscribe, update } = writable<MenuItem[]>([
+        {
+            type: "translated",
+            key: SubMenusInterface.profile,
+        },
+        {
+            type: "translated",
+            key: SubMenusInterface.globalMessages,
+        },
+        {
+            type: "translated",
+            key: SubMenusInterface.contact,
+        },
+        {
+            type: "translated",
+            key: SubMenusInterface.settings,
+        },
+        {
+            type: "translated",
+            key: SubMenusInterface.invite,
+        },
+        {
+            type: "translated",
+            key: SubMenusInterface.aboutRoom,
+        },
     ]);
 
     return {
         subscribe,
-        addMenu(menuCommand: string) {
-            update((menuList: string[]) => {
-                if (!menuList.find((menu) => menu === menuCommand)) {
-                    menuList.push(menuCommand);
+        addTranslatedMenu(menuCommand: MenuKeys) {
+            update((menuList) => {
+                if (!menuList.find((menu) => menu.type === "translated" && menu.key === menuCommand)) {
+                    menuList.push({
+                        type: "translated",
+                        key: menuCommand,
+                    });
                 }
                 return menuList;
             });
         },
-        removeMenu(menuCommand: string) {
-            update((menuList: string[]) => {
-                const index = menuList.findIndex((menu) => menu === menuCommand);
+        removeTranslatedMenu(menuCommand: MenuKeys) {
+            update((menuList) => {
+                const index = menuList.findIndex((menu) => menu.type === "translated" && menu.key === menuCommand);
+                if (index !== -1) {
+                    menuList.splice(index, 1);
+                }
+                return menuList;
+            });
+        },
+        addScriptingMenu(menuCommand: string) {
+            update((menuList) => {
+                if (!menuList.find((menu) => menu.type === "scripting" && menu.label === menuCommand)) {
+                    menuList.push({
+                        type: "scripting",
+                        label: menuCommand,
+                    });
+                }
+                return menuList;
+            });
+        },
+        removeScriptingMenu(menuCommand: string) {
+            update((menuList) => {
+                const index = menuList.findIndex((menu) => menu.type === "scripting" && menu.label === menuCommand);
                 if (index !== -1) {
                     menuList.splice(index, 1);
                 }
@@ -77,15 +136,15 @@ export const subMenusStore = createSubMenusStore();
 export const contactPageStore = writable<string | undefined>(CONTACT_URL);
 
 export function checkSubMenuToShow() {
-    subMenusStore.removeMenu(SubMenusInterface.globalMessages);
-    subMenusStore.removeMenu(SubMenusInterface.contact);
+    subMenusStore.removeTranslatedMenu(SubMenusInterface.globalMessages);
+    subMenusStore.removeTranslatedMenu(SubMenusInterface.contact);
 
     if (get(userIsAdminStore)) {
-        subMenusStore.addMenu(SubMenusInterface.globalMessages);
+        subMenusStore.addTranslatedMenu(SubMenusInterface.globalMessages);
     }
 
     if (get(contactPageStore) !== undefined) {
-        subMenusStore.addMenu(SubMenusInterface.contact);
+        subMenusStore.addTranslatedMenu(SubMenusInterface.contact);
     }
 }
 
@@ -97,12 +156,12 @@ export function handleMenuRegistrationEvent(
     source: string | undefined = undefined,
     options: { allowApi: boolean }
 ) {
-    if (get(subMenusStore).includes(menuName)) {
+    if (get(subMenusStore).find((item) => item.type === "scripting" && item.label === menuName)) {
         console.warn("The menu " + menuName + " already exist.");
         return;
     }
 
-    subMenusStore.addMenu(menuName);
+    subMenusStore.addScriptingMenu(menuName);
 
     if (iframeUrl !== undefined) {
         const url = new URL(iframeUrl, source);
@@ -111,12 +170,6 @@ export function handleMenuRegistrationEvent(
 }
 
 export function handleMenuUnregisterEvent(menuName: string) {
-    const subMenuGeneral: string[] = Object.values(SubMenusInterface);
-    if (subMenuGeneral.includes(menuName)) {
-        console.warn("The menu " + menuName + " is a mandatory menu. It can't be remove");
-        return;
-    }
-
-    subMenusStore.removeMenu(menuName);
+    subMenusStore.removeScriptingMenu(menuName);
     customMenuIframe.delete(menuName);
 }
diff --git a/front/src/Translator/TranslationCompiler.ts b/front/src/Translator/TranslationCompiler.ts
deleted file mode 100644
index e13c134e..00000000
--- a/front/src/Translator/TranslationCompiler.ts
+++ /dev/null
@@ -1,93 +0,0 @@
-import fs from "fs";
-import { z } from "zod";
-
-export type LanguageFound = {
-    id: string;
-    language: string;
-    country: string;
-    default: boolean;
-};
-
-type LanguageObject = {
-    [key: string]: string | boolean | LanguageObject;
-};
-
-const translationsBasePath = "./translations";
-const fallbackLanguage = process.env.FALLBACK_LANGUAGE || "en-US";
-
-const getAllLanguagesByFiles = (dirPath: string, languages: Array<LanguageFound> | undefined) => {
-    const files = fs.readdirSync(dirPath);
-    languages = languages || new Array<LanguageFound>();
-
-    files.forEach(function (file) {
-        if (fs.statSync(dirPath + "/" + file).isDirectory()) {
-            languages = getAllLanguagesByFiles(dirPath + "/" + file, languages);
-        } else {
-            const parts = file.split(".");
-
-            if (parts.length !== 3 || parts[0] !== "index" || parts[2] !== "json") {
-                return;
-            }
-
-            const rawData = fs.readFileSync(dirPath + "/" + file, "utf-8");
-            const languageObject = JSON.parse(rawData);
-
-            const indexLanguageObject = z.object({
-                language: z.string(),
-                country: z.string(),
-                default: z.boolean(),
-            });
-
-            try {
-                const indexLanguage = indexLanguageObject.parse(languageObject);
-
-                languages?.push({
-                    id: parts[1],
-                    language: indexLanguage.language,
-                    country: indexLanguage.country,
-                    default: indexLanguage.default,
-                });
-            } catch (e) {
-                console.error(e);
-            }
-        }
-    });
-
-    return languages;
-};
-
-const getFallbackLanguageObject = (dirPath: string, languageObject: LanguageObject | undefined) => {
-    const files = fs.readdirSync(dirPath);
-    languageObject = languageObject || {};
-
-    files.forEach(function (file) {
-        if (fs.statSync(dirPath + "/" + file).isDirectory()) {
-            languageObject = getFallbackLanguageObject(dirPath + "/" + file, languageObject);
-        } else {
-            const parts = file.split(".");
-
-            if (parts.length !== 3 || parts[1] !== fallbackLanguage || parts[2] !== "json") {
-                return;
-            }
-
-            const data = JSON.parse(fs.readFileSync(dirPath + "/" + file, "utf-8"));
-
-            try {
-                const languageObjectFormat: z.ZodType<LanguageObject> = z.lazy(() => {
-                    return z.object({}).catchall(z.union([z.string(), z.boolean(), languageObjectFormat]));
-                });
-
-                const languageObjectData = languageObjectFormat.parse(data);
-
-                languageObject = { ...languageObject, ...languageObjectData };
-            } catch (e) {
-                console.error(e);
-            }
-        }
-    });
-
-    return languageObject;
-};
-
-export const languages = getAllLanguagesByFiles(translationsBasePath, undefined);
-export const fallbackLanguageObject = getFallbackLanguageObject(translationsBasePath, undefined);
diff --git a/front/src/Translator/Translator.ts b/front/src/Translator/Translator.ts
deleted file mode 100644
index f70705bc..00000000
--- a/front/src/Translator/Translator.ts
+++ /dev/null
@@ -1,254 +0,0 @@
-import { FALLBACK_LANGUAGE } from "../Enum/EnvironmentVariable";
-
-export type Language = {
-    language: string;
-    country: string;
-};
-
-type TranslationParams = {
-    [key: string]: string | number;
-};
-
-class Translator {
-    public readonly fallbackLanguage: Language = this.getLanguageByString(FALLBACK_LANGUAGE) || {
-        language: "en",
-        country: "US",
-    };
-
-    private readonly fallbackLanguageObject: LanguageObject = FALLBACK_LANGUAGE_OBJECT;
-
-    /**
-     * Current language
-     */
-    private currentLanguage: Language;
-
-    /**
-     * Contain all translation keys of current language
-     */
-    private currentLanguageObject: LanguageObject;
-
-    public constructor() {
-        this.currentLanguage = this.fallbackLanguage;
-        this.currentLanguageObject = this.fallbackLanguageObject;
-
-        this.defineCurrentLanguage();
-    }
-
-    /**
-     * Get language object from string who respect the RFC 5646
-     * @param {string} languageString RFC 5646 formatted string
-     * @returns {Language|undefined} Language object who represent the languageString
-     */
-    public getLanguageByString(languageString: string): Language | undefined {
-        const parts = languageString.split("-");
-        if (parts.length !== 2 || parts[0].length !== 2 || parts[1].length !== 2) {
-            console.error(`Language string "${languageString}" do not respect RFC 5646 with language and country code`);
-            return undefined;
-        }
-
-        return {
-            language: parts[0].toLowerCase(),
-            country: parts[1].toUpperCase(),
-        };
-    }
-
-    /**
-     * Get a string who respect the RFC 5646 by a language object
-     * @param {Language} language A language object
-     * @returns {string|undefined} String who represent the language object
-     */
-    public getStringByLanguage(language: Language): string | undefined {
-        return `${language.language}-${language.country}`;
-    }
-
-    /**
-     * Add the current language file loading into Phaser loader queue
-     * @param {Phaser.Loader.LoaderPlugin} pluginLoader Phaser LoaderPLugin
-     */
-    public loadCurrentLanguageFile(pluginLoader: Phaser.Loader.LoaderPlugin) {
-        const languageString = this.getStringByLanguage(this.currentLanguage);
-        pluginLoader.json({
-            key: `language-${languageString}`,
-            url: `resources/translations/${languageString}.json`,
-        });
-    }
-
-    /**
-     * TypeGuard to check if is a LanguageObject
-     * @param {unknown} object Presume LanguageObject
-     * @returns {boolean} Is a LanguageObject or not
-     */
-    private isLanguageObject(object: unknown): object is LanguageObject {
-        return typeof object === "object";
-    }
-
-    /**
-     * Get from the Phase cache the current language object and promise to load it
-     * @param {Phaser.Cache.CacheManager} cacheManager Phaser CacheManager
-     * @returns {Promise<void>} Load current language promise
-     */
-    public loadCurrentLanguageObject(cacheManager: Phaser.Cache.CacheManager): Promise<void> {
-        return new Promise((resolve, reject) => {
-            const languageObject: Object = cacheManager.json.get(
-                `language-${this.getStringByLanguage(this.currentLanguage)}`
-            );
-
-            if (!languageObject) {
-                return reject(new Error("Language not found in cache"));
-            }
-
-            if (!this.isLanguageObject(languageObject)) {
-                throw new Error("Cannot load a bad language object");
-            }
-
-            this.currentLanguageObject = languageObject;
-            return resolve();
-        });
-    }
-
-    /**
-     * Get the language for RFC 5646 2 char string from availables languages
-     * @param {string} languageString Language RFC 5646 string
-     * @returns {Language|undefined} Language object who represent the languageString
-     */
-    public getLanguageWithoutCountry(languageString: string): Language | undefined {
-        if (languageString.length !== 2) {
-            return undefined;
-        }
-
-        let languageFound = undefined;
-
-        for (const language of LANGUAGES) {
-            if (language.id.startsWith(languageString) && language.default) {
-                languageFound = this.getLanguageByString(language.id);
-                break;
-            }
-        }
-
-        return languageFound;
-    }
-
-    /**
-     * Get the current language
-     * @returns {Language} Current language
-     */
-    public getCurrentLanguage(): Language {
-        return this.currentLanguage;
-    }
-
-    public switchLanguage(languageString: string) {
-        if (this.getLanguageByString(languageString)) {
-            localStorage.setItem("language", languageString);
-        }
-    }
-
-    /**
-     * Define the current language by the navigator or a cookie
-     */
-    private defineCurrentLanguage() {
-        const navigatorLanguage: string | undefined = navigator.language;
-        const localStorageLanguage = localStorage.getItem("language");
-        let currentLanguage = undefined;
-
-        if (localStorageLanguage && typeof localStorageLanguage === "string") {
-            const localStorageLanguageObject = this.getLanguageByString(localStorageLanguage);
-            if (localStorageLanguageObject) {
-                currentLanguage = localStorageLanguageObject;
-            }
-        }
-
-        if (!currentLanguage && navigatorLanguage) {
-            const navigatorLanguageObject =
-                navigator.language.length === 2
-                    ? this.getLanguageWithoutCountry(navigatorLanguage)
-                    : this.getLanguageByString(navigatorLanguage);
-            if (navigatorLanguageObject) {
-                currentLanguage = navigatorLanguageObject;
-            }
-        }
-
-        if (!currentLanguage || currentLanguage === this.fallbackLanguage) {
-            return;
-        }
-
-        this.currentLanguage = currentLanguage;
-    }
-
-    /**
-     * Get value on object by property path
-     * @param {string} key Translation key
-     * @param {LanguageObject} object Language object
-     * @returns {string|undefined} Found translation by path
-     */
-    private getObjectValueByPath(key: string, object: LanguageObject): string | undefined {
-        const paths = key.split(".");
-        let currentValue: string | boolean | LanguageObject = object;
-
-        for (const path of paths) {
-            if (
-                typeof currentValue === "string" ||
-                typeof currentValue === "boolean" ||
-                currentValue[path] === undefined
-            ) {
-                return undefined;
-            }
-
-            currentValue = currentValue[path];
-        }
-
-        if (typeof currentValue !== "string") {
-            return undefined;
-        }
-
-        return currentValue;
-    }
-
-    /**
-     * Replace {{ }} tags on a string by the params values
-     * @param {string} string Translation string
-     * @param {{ [key: string]: string | number }} params Tags to replace by value
-     * @returns {string} Formatted string
-     */
-    private formatStringWithParams(string: string, params: TranslationParams): string {
-        let formattedString = string;
-
-        for (const param in params) {
-            const regex = `/{{\\s*\\${param}\\s*}}/g`;
-            formattedString = formattedString.replace(new RegExp(regex), params[param].toString());
-        }
-
-        return formattedString;
-    }
-
-    /**
-     * Get translation by a key and formatted with params by {{ }} tag
-     * @param {string} key Translation key
-     * @param {TranslationParams} params Tags to replace by value
-     * @returns {string} Translation formatted
-     */
-    public translate(key: string, params?: TranslationParams): string {
-        const currentLanguageValue = this.getObjectValueByPath(key, this.currentLanguageObject);
-
-        if (currentLanguageValue) {
-            return params ? this.formatStringWithParams(currentLanguageValue, params) : currentLanguageValue;
-        }
-
-        console.warn(`"${key}" key cannot be found in ${this.getStringByLanguage(this.currentLanguage)} language`);
-
-        const fallbackLanguageValue = this.getObjectValueByPath(key, this.fallbackLanguageObject);
-
-        if (fallbackLanguageValue) {
-            return params ? this.formatStringWithParams(fallbackLanguageValue, params) : fallbackLanguageValue;
-        }
-
-        console.warn(
-            `"${key}" key cannot be found in ${this.getStringByLanguage(this.fallbackLanguage)} fallback language`
-        );
-
-        return key;
-    }
-}
-
-export const languages: LanguageFound[] = LANGUAGES;
-export const translator = new Translator();
-export const _ = translator.translate.bind(translator);
diff --git a/front/src/WebRtc/MediaManager.ts b/front/src/WebRtc/MediaManager.ts
index cfefae20..bbb2e2cd 100644
--- a/front/src/WebRtc/MediaManager.ts
+++ b/front/src/WebRtc/MediaManager.ts
@@ -9,11 +9,12 @@ export type StopScreenSharingCallback = (media: MediaStream) => void;
 
 import { cowebsiteCloseButtonId } from "./CoWebsiteManager";
 import { gameOverlayVisibilityStore } from "../Stores/GameOverlayStoreVisibility";
-import { layoutManagerActionStore, layoutManagerVisibilityStore } from "../Stores/LayoutManagerStore";
-import { get } from "svelte/store";
-import { localUserStore } from "../Connexion/LocalUserStore";
+import { layoutManagerActionStore } from "../Stores/LayoutManagerStore";
 import { MediaStreamConstraintsError } from "../Stores/Errors/MediaStreamConstraintsError";
-import { _ } from "../Translator/Translator";
+import { localUserStore } from "../Connexion/LocalUserStore";
+import LL from "../i18n/i18n-svelte";
+import { get } from "svelte/store";
+import { localeDetector } from "../i18n/locales";
 
 export class MediaManager {
     startScreenSharingCallBacks: Set<StartScreenSharingCallback> = new Set<StartScreenSharingCallback>();
@@ -24,46 +25,52 @@ export class MediaManager {
     private userInputManager?: UserInputManager;
 
     constructor() {
-        localStreamStore.subscribe((result) => {
-            if (result.type === "error") {
-                if (result.error.name !== MediaStreamConstraintsError.NAME) {
-                    layoutManagerActionStore.addAction({
-                        uuid: "cameraAccessDenied",
-                        type: "warning",
-                        message: _("warning.access-denied.camera"),
-                        callback: () => {
-                            helpCameraSettingsVisibleStore.set(true);
-                        },
-                        userInputManager: this.userInputManager,
-                    });
-                }
-                //remove it after 10 sec
-                setTimeout(() => {
-                    layoutManagerActionStore.removeAction("cameraAccessDenied");
-                }, 10000);
-                return;
-            }
-        });
-
-        screenSharingLocalStreamStore.subscribe((result) => {
-            if (result.type === "error") {
-                console.error(result.error);
-                layoutManagerActionStore.addAction({
-                    uuid: "screenSharingAccessDenied",
-                    type: "warning",
-                    message: _("warning.access-denied.screen-sharing"),
-                    callback: () => {
-                        helpCameraSettingsVisibleStore.set(true);
-                    },
-                    userInputManager: this.userInputManager,
+        localeDetector()
+            .catch(() => {
+                throw new Error("Cannot load locale on media manager");
+            })
+            .finally(() => {
+                localStreamStore.subscribe((result) => {
+                    if (result.type === "error") {
+                        if (result.error.name !== MediaStreamConstraintsError.NAME) {
+                            layoutManagerActionStore.addAction({
+                                uuid: "cameraAccessDenied",
+                                type: "warning",
+                                message: get(LL).warning.accessDenied.camera(),
+                                callback: () => {
+                                    helpCameraSettingsVisibleStore.set(true);
+                                },
+                                userInputManager: this.userInputManager,
+                            });
+                        }
+                        //remove it after 10 sec
+                        setTimeout(() => {
+                            layoutManagerActionStore.removeAction("cameraAccessDenied");
+                        }, 10000);
+                        return;
+                    }
                 });
-                //remove it after 10 sec
-                setTimeout(() => {
-                    layoutManagerActionStore.removeAction("screenSharingAccessDenied");
-                }, 10000);
-                return;
-            }
-        });
+
+                screenSharingLocalStreamStore.subscribe((result) => {
+                    if (result.type === "error") {
+                        console.error(result.error);
+                        layoutManagerActionStore.addAction({
+                            uuid: "screenSharingAccessDenied",
+                            type: "warning",
+                            message: get(LL).warning.accessDenied.screenSharing(),
+                            callback: () => {
+                                helpCameraSettingsVisibleStore.set(true);
+                            },
+                            userInputManager: this.userInputManager,
+                        });
+                        //remove it after 10 sec
+                        setTimeout(() => {
+                            layoutManagerActionStore.removeAction("screenSharingAccessDenied");
+                        }, 10000);
+                        return;
+                    }
+                });
+            });
     }
 
     public showGameOverlay(): void {
diff --git a/front/src/define-plugin.d.ts b/front/src/define-plugin.d.ts
deleted file mode 100644
index 8987e134..00000000
--- a/front/src/define-plugin.d.ts
+++ /dev/null
@@ -1,13 +0,0 @@
-type LanguageObject = {
-    [key: string]: string | boolean | LanguageObject;
-};
-
-type LanguageFound = {
-    id: string;
-    language: string;
-    country: string;
-    default: boolean;
-};
-
-declare const FALLBACK_LANGUAGE_OBJECT: LanguageObject;
-declare const LANGUAGES: LanguageFound[];
diff --git a/front/src/i18n/.gitignore b/front/src/i18n/.gitignore
new file mode 100644
index 00000000..19f1f0f5
--- /dev/null
+++ b/front/src/i18n/.gitignore
@@ -0,0 +1,3 @@
+i18n-svelte.ts
+i18n-types.ts
+i18n-util.ts
\ No newline at end of file
diff --git a/front/src/i18n/en-US/audio.ts b/front/src/i18n/en-US/audio.ts
new file mode 100644
index 00000000..d99e4ac3
--- /dev/null
+++ b/front/src/i18n/en-US/audio.ts
@@ -0,0 +1,10 @@
+import type { BaseTranslation } from "../i18n-types";
+
+const audio: BaseTranslation = {
+    manager: {
+        reduce: "reduce in conversations",
+    },
+    message: "Audio message",
+};
+
+export default audio;
diff --git a/front/src/i18n/en-US/camera.ts b/front/src/i18n/en-US/camera.ts
new file mode 100644
index 00000000..fd437cb3
--- /dev/null
+++ b/front/src/i18n/en-US/camera.ts
@@ -0,0 +1,22 @@
+import type { BaseTranslation } from "../i18n-types";
+
+const camera: BaseTranslation = {
+    enable: {
+        title: "Turn on your camera and microphone",
+        start: "Let's go!",
+    },
+    help: {
+        title: "Camera / Microphone access needed",
+        permissionDenied: "Permission denied",
+        content: "You must allow camera and microphone access in your browser.",
+        firefoxContent:
+            'Please click the "Remember this decision" checkbox, if you don\'t want Firefox to keep asking you the authorization.',
+        refresh: "Refresh",
+        continue: "Continue without webcam",
+    },
+    my: {
+        silentZone: "Silent zone",
+    },
+};
+
+export default camera;
diff --git a/front/src/i18n/en-US/chat.ts b/front/src/i18n/en-US/chat.ts
new file mode 100644
index 00000000..a338067b
--- /dev/null
+++ b/front/src/i18n/en-US/chat.ts
@@ -0,0 +1,12 @@
+import type { BaseTranslation } from "../i18n-types";
+
+const chat: BaseTranslation = {
+    intro: "Here is your chat history:",
+    enter: "Enter your message...",
+    menu: {
+        visitCard: "Visit card",
+        addFriend: "Add friend",
+    },
+};
+
+export default chat;
diff --git a/front/src/i18n/en-US/companion.ts b/front/src/i18n/en-US/companion.ts
new file mode 100644
index 00000000..b65d0333
--- /dev/null
+++ b/front/src/i18n/en-US/companion.ts
@@ -0,0 +1,11 @@
+import type { BaseTranslation } from "../i18n-types";
+
+const companion: BaseTranslation = {
+    select: {
+        title: "Select your companion",
+        any: "No companion",
+        continue: "Continue",
+    },
+};
+
+export default companion;
diff --git a/front/src/i18n/en-US/error.ts b/front/src/i18n/en-US/error.ts
new file mode 100644
index 00000000..caa0e834
--- /dev/null
+++ b/front/src/i18n/en-US/error.ts
@@ -0,0 +1,20 @@
+import type { BaseTranslation } from "../i18n-types";
+
+const error: BaseTranslation = {
+    accessLink: {
+        title: "Access link incorrect",
+        subTitle: "Could not find map. Please check your access link.",
+        details: "If you want more information, you may contact administrator or contact us at: hello@workadventu.re",
+    },
+    connectionRejected: {
+        title: "Connection rejected",
+        subTitle: "You cannot join the World. Try again later {error}.",
+        details: "If you want more information, you may contact administrator or contact us at: hello@workadventu.re",
+    },
+    connectionRetry: {
+        unableConnect: "Unable to connect to WorkAdventure. Are you connected to internet?",
+    },
+    error: "Error",
+};
+
+export default error;
diff --git a/front/src/i18n/en-US/follow.ts b/front/src/i18n/en-US/follow.ts
new file mode 100644
index 00000000..ee939a39
--- /dev/null
+++ b/front/src/i18n/en-US/follow.ts
@@ -0,0 +1,27 @@
+import type { BaseTranslation } from "../i18n-types";
+
+const follow: BaseTranslation = {
+    interactStatus: {
+        following: "Following {leader}",
+        waitingFollowers: "Waiting for followers confirmation",
+        followed: {
+            one: "{follower} is following you",
+            two: "{firstFollower} and {secondFollower} are following you",
+            many: "{followers} and {lastFollower} are following you",
+        },
+    },
+    interactMenu: {
+        title: {
+            interact: "Interaction",
+            follow: "Do you want to follow {leader}?",
+        },
+        stop: {
+            leader: "Do you want to stop leading the way?",
+            follower: "Do you want to stop following {leader}?",
+        },
+        yes: "Yes",
+        no: "No",
+    },
+};
+
+export default follow;
diff --git a/front/src/i18n/en-US/index.ts b/front/src/i18n/en-US/index.ts
new file mode 100644
index 00000000..609e38ca
--- /dev/null
+++ b/front/src/i18n/en-US/index.ts
@@ -0,0 +1,30 @@
+import type { BaseTranslation } from "../i18n-types";
+import audio from "./audio";
+import camera from "./camera";
+import chat from "./chat";
+import companion from "./companion";
+import woka from "./woka";
+import error from "./error";
+import follow from "./follow";
+import login from "./login";
+import menu from "./menu";
+import report from "./report";
+import warning from "./warning";
+
+const en_US: BaseTranslation = {
+    language: "English",
+    country: "United States",
+    audio,
+    camera,
+    chat,
+    companion,
+    woka,
+    error,
+    follow,
+    login,
+    menu,
+    report,
+    warning,
+};
+
+export default en_US;
diff --git a/front/src/i18n/en-US/login.ts b/front/src/i18n/en-US/login.ts
new file mode 100644
index 00000000..03bc167d
--- /dev/null
+++ b/front/src/i18n/en-US/login.ts
@@ -0,0 +1,14 @@
+import type { BaseTranslation } from "../i18n-types";
+
+const login: BaseTranslation = {
+    input: {
+        name: {
+            placeholder: "Enter your name",
+            empty: "The name is empty",
+        },
+    },
+    terms: 'By continuing, you are agreeing our <a href="https://workadventu.re/terms-of-use" target="_blank">terms of use</a>, <a href="https://workadventu.re/privacy-policy" target="_blank">privacy policy</a> and <a href="https://workadventu.re/cookie-policy" target="_blank">cookie policy</a>.',
+    continue: "Continue",
+};
+
+export default login;
diff --git a/front/src/i18n/en-US/menu.ts b/front/src/i18n/en-US/menu.ts
new file mode 100644
index 00000000..239b0ac1
--- /dev/null
+++ b/front/src/i18n/en-US/menu.ts
@@ -0,0 +1,124 @@
+import type { BaseTranslation } from "../i18n-types";
+
+const menu: BaseTranslation = {
+    title: "Menu",
+    icon: {
+        open: {
+            menu: "Open menu",
+            invite: "Show invite",
+            register: "Register",
+            chat: "Open chat",
+        },
+    },
+    visitCard: {
+        close: "Close",
+    },
+    profile: {
+        edit: {
+            name: "Edit your name",
+            woka: "Edit your WOKA",
+            companion: "Edit your companion",
+            camera: "Edit your camera",
+        },
+        login: "Sign in",
+        logout: "Log out",
+    },
+    settings: {
+        gameQuality: {
+            title: "Game quality",
+            short: {
+                high: "High (120 fps)",
+                medium: "Medium (60 fps)",
+                minimum: "Minimum (40 fps)",
+                small: "Small (20 fps)",
+            },
+            long: {
+                high: "High video quality (120 fps)",
+                medium: "Medium video quality (60 fps, recommended)",
+                minimum: "Minimum video quality (40 fps)",
+                small: "Small video quality (20 fps)",
+            },
+        },
+        videoQuality: {
+            title: "Video quality",
+            short: {
+                high: "High (30 fps)",
+                medium: "Medium (20 fps)",
+                minimum: "Minimum (10 fps)",
+                small: "Small (5 fps)",
+            },
+            long: {
+                high: "High video quality (30 fps)",
+                medium: "Medium video quality (20 fps, recommended)",
+                minimum: "Minimum video quality (10 fps)",
+                small: "Small video quality (5 fps)",
+            },
+        },
+        language: {
+            title: "Language",
+        },
+        save: {
+            warning: "(Saving these settings will restart the game)",
+            button: "Save",
+        },
+        fullscreen: "Fullscreen",
+        notifications: "Notifications",
+        cowebsiteTrigger: "Always ask before opening websites and Jitsi Meet rooms",
+        ignoreFollowRequest: "Ignore requests to follow other users",
+    },
+    invite: {
+        description: "Share the link of the room!",
+        copy: "Copy",
+        share: "Share",
+    },
+    globalMessage: {
+        text: "Text",
+        audio: "Audio",
+        warning: "Broadcast to all rooms of the world",
+        enter: "Enter your message here...",
+        send: "Send",
+    },
+    globalAudio: {
+        uploadInfo: "Upload a file",
+        error: "No file selected. You need to upload a file before sending it.",
+    },
+    contact: {
+        gettingStarted: {
+            title: "Getting started",
+            description:
+                "WorkAdventure allows you to create an online space to communicate spontaneously with others. And it all starts with creating your own space. Choose from a large selection of prefabricated maps by our team.",
+        },
+        createMap: {
+            title: "Create your map",
+            description: "You can also create your own custom map by following the step of the documentation.",
+        },
+    },
+    about: {
+        mapInfo: "Information on the map",
+        mapLink: "link to this map",
+        copyrights: {
+            map: {
+                title: "Copyrights of the map",
+                empty: "The map creator did not declare a copyright for the map.",
+            },
+            tileset: {
+                title: "Copyrights of the tilesets",
+                empty: "The map creator did not declare a copyright for the tilesets. This doesn't mean that those tilesets have no license.",
+            },
+            audio: {
+                title: "Copyrights of audio files",
+                empty: "The map creator did not declare a copyright for audio files. This doesn't mean that those audio files have no license.",
+            },
+        },
+    },
+    sub: {
+        profile: "Profile",
+        settings: "Settings",
+        invite: "Invite",
+        credit: "Credit",
+        globalMessages: "Global Messages",
+        contact: "Contact",
+    },
+};
+
+export default menu;
diff --git a/front/src/i18n/en-US/report.ts b/front/src/i18n/en-US/report.ts
new file mode 100644
index 00000000..862f42fc
--- /dev/null
+++ b/front/src/i18n/en-US/report.ts
@@ -0,0 +1,25 @@
+import type { BaseTranslation } from "../i18n-types";
+
+const report: BaseTranslation = {
+    block: {
+        title: "Block",
+        content: "Block any communication from and to {userName}. This can be reverted.",
+        unblock: "Unblock this user",
+        block: "Block this user",
+    },
+    title: "Report",
+    content: "Send a report message to the administrators of this room. They may later ban this user.",
+    message: {
+        title: "Your message: ",
+        empty: "Report message cannot to be empty.",
+    },
+    submit: "Report this user",
+    moderate: {
+        title: "Moderate {userName}",
+        block: "Block",
+        report: "Report",
+        noSelect: "ERROR : There is no action selected.",
+    },
+};
+
+export default report;
diff --git a/front/src/i18n/en-US/warning.ts b/front/src/i18n/en-US/warning.ts
new file mode 100644
index 00000000..999c2a92
--- /dev/null
+++ b/front/src/i18n/en-US/warning.ts
@@ -0,0 +1,16 @@
+import type { BaseTranslation } from "../i18n-types";
+
+const warning: BaseTranslation = {
+    title: "Warning!",
+    content:
+        'This world is close to its limit!. You can upgrade its capacity <a href={upgradeLink} target="_blank">here</a>',
+    limit: "This world is close to its limit!",
+    accessDenied: {
+        camera: "Camera access denied. Click here and check your browser permissions.",
+        screenSharing: "Screen sharing denied. Click here and check your browser permissions.",
+    },
+    importantMessage: "Important message",
+    connectionLost: "Connection lost. Reconnecting...",
+};
+
+export default warning;
diff --git a/front/src/i18n/en-US/woka.ts b/front/src/i18n/en-US/woka.ts
new file mode 100644
index 00000000..6c1e02ad
--- /dev/null
+++ b/front/src/i18n/en-US/woka.ts
@@ -0,0 +1,20 @@
+import type { BaseTranslation } from "../i18n-types";
+
+const woka: BaseTranslation = {
+    customWoka: {
+        title: "Customize your WOKA",
+        navigation: {
+            return: "Return",
+            back: "Back",
+            finish: "Finish",
+            next: "Next",
+        },
+    },
+    selectWoka: {
+        title: "Select your WOKA",
+        continue: "Continue",
+        customize: "Customize your WOKA",
+    },
+};
+
+export default woka;
diff --git a/front/src/i18n/formatters.ts b/front/src/i18n/formatters.ts
new file mode 100644
index 00000000..ff2bddef
--- /dev/null
+++ b/front/src/i18n/formatters.ts
@@ -0,0 +1,11 @@
+import type { AsyncFormattersInitializer } from "typesafe-i18n";
+import type { Locales, Formatters } from "./i18n-types";
+
+// eslint-disable-next-line @typescript-eslint/require-await
+export const initFormatters: AsyncFormattersInitializer<Locales, Formatters> = async (locale: Locales) => {
+    const formatters: Formatters = {
+        // add your formatter functions here
+    };
+
+    return formatters;
+};
diff --git a/front/src/i18n/fr-FR/audio.ts b/front/src/i18n/fr-FR/audio.ts
new file mode 100644
index 00000000..e1bead41
--- /dev/null
+++ b/front/src/i18n/fr-FR/audio.ts
@@ -0,0 +1,10 @@
+import type { Translation } from "../i18n-types";
+
+const audio: NonNullable<Translation["audio"]> = {
+    manager: {
+        reduce: "réduit dans les conversations",
+    },
+    message: "Message audio",
+};
+
+export default audio;
diff --git a/front/src/i18n/fr-FR/camera.ts b/front/src/i18n/fr-FR/camera.ts
new file mode 100644
index 00000000..4f2c10fa
--- /dev/null
+++ b/front/src/i18n/fr-FR/camera.ts
@@ -0,0 +1,22 @@
+import type { Translation } from "../i18n-types";
+
+const camera: NonNullable<Translation["camera"]> = {
+    enable: {
+        title: "Allumez votre caméra et votre microphone",
+        start: "C'est partie!",
+    },
+    help: {
+        title: "Accès à la caméra / au microphone nécessaire",
+        permissionDenied: "Permission refusée",
+        content: "Vous devez autoriser l'accès à la caméra et au microphone dans votre navigateur.",
+        firefoxContent:
+            'Veuillez cocher la case "Se souvenir de cette décision" si vous ne voulez pas que Firefox vous demande sans cesse l\'autorisation.',
+        refresh: "Rafraîchir",
+        continue: "Continuer sans webcam",
+    },
+    my: {
+        silentZone: "Zone silencieuse",
+    },
+};
+
+export default camera;
diff --git a/front/src/i18n/fr-FR/chat.ts b/front/src/i18n/fr-FR/chat.ts
new file mode 100644
index 00000000..5341bdd4
--- /dev/null
+++ b/front/src/i18n/fr-FR/chat.ts
@@ -0,0 +1,12 @@
+import type { Translation } from "../i18n-types";
+
+const chat: NonNullable<Translation["chat"]> = {
+    intro: "Voici l'historique de votre chat:",
+    enter: "Entrez votre message...",
+    menu: {
+        visitCard: "Carte de visite",
+        addFriend: "Ajouter un ami",
+    },
+};
+
+export default chat;
diff --git a/front/src/i18n/fr-FR/companion.ts b/front/src/i18n/fr-FR/companion.ts
new file mode 100644
index 00000000..a596a352
--- /dev/null
+++ b/front/src/i18n/fr-FR/companion.ts
@@ -0,0 +1,11 @@
+import type { Translation } from "../i18n-types";
+
+const companion: NonNullable<Translation["companion"]> = {
+    select: {
+        title: "Sélectionnez votre compagnon",
+        any: "Pas de compagnon",
+        continue: "Continuer",
+    },
+};
+
+export default companion;
diff --git a/front/src/i18n/fr-FR/error.ts b/front/src/i18n/fr-FR/error.ts
new file mode 100644
index 00000000..5a14e446
--- /dev/null
+++ b/front/src/i18n/fr-FR/error.ts
@@ -0,0 +1,22 @@
+import type { Translation } from "../i18n-types";
+
+const error: NonNullable<Translation["error"]> = {
+    accessLink: {
+        title: "Lien d'accès incorrect",
+        subTitle: "Impossible de trouver la carte. Veuillez vérifier votre lien d'accès.",
+        details:
+            "Si vous souhaitez obtenir de plus amples informations, vous pouvez contacter l'administrateur ou nous contacter à l'adresse suivante: hello@workadventu.re",
+    },
+    connectionRejected: {
+        title: "Connexion rejetée",
+        subTitle: "Vous ne pouvez pas rejoindre le monde. Réessayer plus tard {error}.",
+        details:
+            "Si vous souhaitez obtenir de plus amples informations, vous pouvez contacter l'administrateur ou nous contacter à l'adresse suivante: hello@workadventu.re",
+    },
+    connectionRetry: {
+        unableConnect: "Impossible de se connecter à WorkAdventure. Etes vous connecté à Internet?",
+    },
+    error: "Erreur",
+};
+
+export default error;
diff --git a/front/src/i18n/fr-FR/follow.ts b/front/src/i18n/fr-FR/follow.ts
new file mode 100644
index 00000000..945489f1
--- /dev/null
+++ b/front/src/i18n/fr-FR/follow.ts
@@ -0,0 +1,27 @@
+import type { Translation } from "../i18n-types";
+
+const follow: NonNullable<Translation["follow"]> = {
+    interactStatus: {
+        following: "Vous suivez {leader}",
+        waitingFollowers: "En attente de la confirmation des suiveurs",
+        followed: {
+            one: "{follower} vous suit",
+            two: "{firstFollower} et {secondFollower} vous suivent",
+            many: "{followers} et {lastFollower} vous suivent",
+        },
+    },
+    interactMenu: {
+        title: {
+            interact: "Interaction",
+            follow: "Voulez-vous suivre {leader}?",
+        },
+        stop: {
+            leader: "Voulez-vous qu'on arrête de vous suivre?",
+            follower: "Voulez-vous arrêter de suivre {leader}?",
+        },
+        yes: "Oui",
+        no: "Non",
+    },
+};
+
+export default follow;
diff --git a/front/src/i18n/fr-FR/index.ts b/front/src/i18n/fr-FR/index.ts
new file mode 100644
index 00000000..9cc5a0bc
--- /dev/null
+++ b/front/src/i18n/fr-FR/index.ts
@@ -0,0 +1,32 @@
+import en_US from "../en-US";
+import type { Translation } from "../i18n-types";
+import audio from "./audio";
+import camera from "./camera";
+import chat from "./chat";
+import companion from "./companion";
+import error from "./error";
+import follow from "./follow";
+import login from "./login";
+import menu from "./menu";
+import report from "./report";
+import warning from "./warning";
+import woka from "./woka";
+
+const fr_FR: Translation = {
+    ...en_US,
+    language: "Français",
+    country: "France",
+    audio,
+    camera,
+    chat,
+    companion,
+    woka,
+    error,
+    follow,
+    login,
+    menu,
+    report,
+    warning,
+};
+
+export default fr_FR;
diff --git a/front/src/i18n/fr-FR/login.ts b/front/src/i18n/fr-FR/login.ts
new file mode 100644
index 00000000..3e44aa9c
--- /dev/null
+++ b/front/src/i18n/fr-FR/login.ts
@@ -0,0 +1,14 @@
+import type { Translation } from "../i18n-types";
+
+const login: NonNullable<Translation["login"]> = {
+    input: {
+        name: {
+            placeholder: "Entrez votre nom",
+            empty: "Le nom est vide",
+        },
+    },
+    terms: 'En continuant, vous acceptez nos <a href="https://workadventu.re/terms-of-use" target="_blank">conditions d\'utilisation</a>, notre <a href="https://workadventu.re/privacy-policy" target="_blank">politique de confidentialité</a> et notre <a href="https://workadventu.re/cookie-policy" target="_blank">politique relative aux cookies</a>.',
+    continue: "Continuer",
+};
+
+export default login;
diff --git a/front/src/i18n/fr-FR/menu.ts b/front/src/i18n/fr-FR/menu.ts
new file mode 100644
index 00000000..2c0efeba
--- /dev/null
+++ b/front/src/i18n/fr-FR/menu.ts
@@ -0,0 +1,124 @@
+import type { Translation } from "../i18n-types";
+
+const menu: NonNullable<Translation["menu"]> = {
+    title: "Menu",
+    icon: {
+        open: {
+            menu: "Ouvrir le menu",
+            invite: "Afficher l'invitation",
+            register: "Enregistrez vous",
+            chat: "Ouvrir le chat",
+        },
+    },
+    visitCard: {
+        close: "Fermer",
+    },
+    profile: {
+        edit: {
+            name: "Modifier votre nom",
+            woka: "Modifier votre WOKA",
+            companion: "Modifier votre compagnon",
+            camera: "Modifier votre caméra",
+        },
+        login: "S'identifier",
+        logout: "Déconnexion",
+    },
+    settings: {
+        gameQuality: {
+            title: "Qualité du jeu",
+            short: {
+                high: "Haute (120 fps)",
+                medium: "Moyenne (60 fps)",
+                minimum: "Minimale (40 fps)",
+                small: "Reduite (20 fps)",
+            },
+            long: {
+                high: "Haute (120 fps)",
+                medium: "Moyenne (60 fps, recommandée)",
+                minimum: "Minimale (40 fps)",
+                small: "Reduite (20 fps)",
+            },
+        },
+        videoQuality: {
+            title: "Qualité de la vidéo",
+            short: {
+                high: "Haute (30 fps)",
+                medium: "Moyenne (20 fps)",
+                minimum: "Minimale (10 fps)",
+                small: "Reduite (5 fps)",
+            },
+            long: {
+                high: "Haute (30 fps)",
+                medium: "Moyenne (20 fps, recommandée)",
+                minimum: "Minimale (10 fps)",
+                small: "Reduite (5 fps)",
+            },
+        },
+        language: {
+            title: "Langage",
+        },
+        save: {
+            warning: "(La sauvegarde de ces paramètres redémarre le jeu)",
+            button: "Sauvegarder",
+        },
+        fullscreen: "Plein écran",
+        notifications: "Notifications",
+        cowebsiteTrigger: "Demander toujours avant d'ouvrir des sites web et des salles de réunion Jitsi",
+        ignoreFollowRequest: "Ignorer les demandes de suivi des autres utilisateurs",
+    },
+    invite: {
+        description: "Partager le lien de la salle!",
+        copy: "Copier",
+        share: "Partager",
+    },
+    globalMessage: {
+        text: "Texte",
+        audio: "Audio",
+        warning: "Diffusion dans toutes les salles du monde",
+        enter: "Entrez votre message ici...",
+        send: "Envoyer",
+    },
+    globalAudio: {
+        uploadInfo: "Télécharger un fichier",
+        error: "Aucun fichier sélectionné. Vous devez télécharger un fichier avant de l'envoyer.",
+    },
+    contact: {
+        gettingStarted: {
+            title: "Pour commencer",
+            description:
+                "WorkAdventure vous permet de créer un espace en ligne pour communiquer spontanément avec d'autres personnes. Et tout commence par la création de votre propre espace. Choisissez parmi une large sélection de cartes préfabriquées par notre équipe.",
+        },
+        createMap: {
+            title: "Créer votre carte",
+            description: "Vous pouvez également créer votre propre carte personnalisée en suivant la documentation.",
+        },
+    },
+    about: {
+        mapInfo: "Informations sur la carte",
+        mapLink: "lien vers cette carte",
+        copyrights: {
+            map: {
+                title: "Droits d'auteur de la carte",
+                empty: "Le créateur de la carte n'a pas déclaré de droit d'auteur pour la carte.",
+            },
+            tileset: {
+                title: "Droits d'auteur des tilesets",
+                empty: "Le créateur de la carte n'a pas déclaré de droit d'auteur pour les tilesets. Cela ne signifie pas que les tilesets n'ont pas de licence.",
+            },
+            audio: {
+                title: "Droits d'auteur des fichiers audio",
+                empty: "aré de droit d'auteur pour les fichiers audio. Cela ne signifie pas que les fichiers audio n'ont pas de licence.",
+            },
+        },
+    },
+    sub: {
+        profile: "Profile",
+        settings: "Paramètres",
+        invite: "Inviter",
+        credit: "Crédits",
+        globalMessages: "Messages globaux",
+        contact: "Contact",
+    },
+};
+
+export default menu;
diff --git a/front/src/i18n/fr-FR/report.ts b/front/src/i18n/fr-FR/report.ts
new file mode 100644
index 00000000..bf27e190
--- /dev/null
+++ b/front/src/i18n/fr-FR/report.ts
@@ -0,0 +1,25 @@
+import type { Translation } from "../i18n-types";
+
+const report: NonNullable<Translation["report"]> = {
+    block: {
+        title: "Bloquer",
+        content: "Bloquer toute communication en provenance et à destination de {userName}. Cela peut être annulé.",
+        unblock: "Débloquer cet utilisateur",
+        block: "Bloquer cet utilisateur",
+    },
+    title: "Signaler",
+    content: "Signaler aux administrateurs de cette salle. Ils pourront par la suite bannir cet utilisateur.",
+    message: {
+        title: "Votre message: ",
+        empty: "Le message du signalement ne peut pas être vide.",
+    },
+    submit: "Signaler cet utilisateur",
+    moderate: {
+        title: "Modérer {userName}",
+        block: "Bloquer",
+        report: "Signaler",
+        noSelect: "ERREUR : Il n'y a pas d'action sélectionnée.",
+    },
+};
+
+export default report;
diff --git a/front/src/i18n/fr-FR/warning.ts b/front/src/i18n/fr-FR/warning.ts
new file mode 100644
index 00000000..ab0e9d22
--- /dev/null
+++ b/front/src/i18n/fr-FR/warning.ts
@@ -0,0 +1,16 @@
+import type { Translation } from "../i18n-types";
+
+const warning: NonNullable<Translation["warning"]> = {
+    title: "Attention!",
+    content:
+        'Ce monde est proche de sa limite ! Vous pouvez améliorer sa capacité <a href={upgradeLink} target="_blank">içi</a>',
+    limit: "Ce monde est proche de ses limites!",
+    accessDenied: {
+        camera: "Accès à la caméra refusé. Cliquez ici et vérifiez les autorisations de votre navigateur.",
+        screenSharing: "Partage d'écran refusé. Cliquez ici et vérifiez les autorisations de votre navigateur.",
+    },
+    importantMessage: "Message important",
+    connectionLost: "Connexion perdue. Reconnexion...",
+};
+
+export default warning;
diff --git a/front/src/i18n/fr-FR/woka.ts b/front/src/i18n/fr-FR/woka.ts
new file mode 100644
index 00000000..36ef463b
--- /dev/null
+++ b/front/src/i18n/fr-FR/woka.ts
@@ -0,0 +1,20 @@
+import type { Translation } from "../i18n-types";
+
+const woka: NonNullable<Translation["woka"]> = {
+    customWoka: {
+        title: "Personnalisez votre WOKA",
+        navigation: {
+            return: "Retour",
+            back: "Précédent",
+            finish: "Terminer",
+            next: "Suivant",
+        },
+    },
+    selectWoka: {
+        title: "Sélectionnez votre WOKA",
+        continue: "Continuer",
+        customize: "Personnalisez votre WOKA",
+    },
+};
+
+export default woka;
diff --git a/front/src/i18n/locales.ts b/front/src/i18n/locales.ts
new file mode 100644
index 00000000..b38db71c
--- /dev/null
+++ b/front/src/i18n/locales.ts
@@ -0,0 +1,52 @@
+import { detectLocale, navigatorDetector, initLocalStorageDetector } from "typesafe-i18n/detectors";
+import { FALLBACK_LOCALE } from "../Enum/EnvironmentVariable";
+import { initI18n, setLocale } from "./i18n-svelte";
+import type { Locales, Translation } from "./i18n-types";
+import { baseLocale, getTranslationForLocale, locales } from "./i18n-util";
+
+const fallbackLocale = FALLBACK_LOCALE || baseLocale;
+const localStorageProperty = "language";
+
+export const localeDetector = async () => {
+    const exist = localStorage.getItem(localStorageProperty);
+    let detectedLocale: Locales = fallbackLocale as Locales;
+
+    if (exist) {
+        const localStorageDetector = initLocalStorageDetector(localStorageProperty);
+        detectedLocale = detectLocale(fallbackLocale, locales, localStorageDetector) as Locales;
+    } else {
+        detectedLocale = detectLocale(fallbackLocale, locales, navigatorDetector) as Locales;
+    }
+
+    await initI18n(detectedLocale);
+};
+
+export const setCurrentLocale = (locale: Locales) => {
+    localStorage.setItem(localStorageProperty, locale);
+    setLocale(locale).catch(() => {
+        console.log("Cannot reload the locale!");
+    });
+};
+
+export type DisplayableLocale = { id: Locales; language: string; country: string };
+
+function getDisplayableLocales() {
+    const localesObject: DisplayableLocale[] = [];
+    locales.forEach((locale) => {
+        getTranslationForLocale(locale)
+            .then((translations) => {
+                localesObject.push({
+                    id: locale,
+                    language: translations.language,
+                    country: translations.country,
+                });
+            })
+            .catch((error) => {
+                console.log(error);
+            });
+    });
+
+    return localesObject;
+}
+
+export const displayableLocales = getDisplayableLocales();
diff --git a/front/translations/en-US/audio.en-US.json b/front/translations/en-US/audio.en-US.json
deleted file mode 100644
index 677b67b1..00000000
--- a/front/translations/en-US/audio.en-US.json
+++ /dev/null
@@ -1,8 +0,0 @@
-{
-    "audio": {
-        "manager": {
-            "reduce": "reduce in conversations"
-        },
-        "message": "Audio message"
-    }
-}
diff --git a/front/translations/en-US/camera.en-US.json b/front/translations/en-US/camera.en-US.json
deleted file mode 100644
index 35d03221..00000000
--- a/front/translations/en-US/camera.en-US.json
+++ /dev/null
@@ -1,19 +0,0 @@
-{
-    "camera": {
-        "enable": {
-            "title": "Turn on your camera and microphone",
-            "start": "Let's go!"
-        },
-        "help": {
-            "title": "Camera / Microphone access needed",
-            "permission-denied": "Permission denied",
-            "content": "You must allow camera and microphone access in your browser.",
-            "firefox-content": "Please click the \"Remember this decision\" checkbox, if you don't want Firefox to keep asking you the authorization.",
-            "refresh": "Refresh",
-            "continue": "Continue without webcam"
-        },
-        "my": {
-            "silent-zone": "Silent zone"
-        }
-    }
-}
diff --git a/front/translations/en-US/chat.en-US.json b/front/translations/en-US/chat.en-US.json
deleted file mode 100644
index 1c05f15b..00000000
--- a/front/translations/en-US/chat.en-US.json
+++ /dev/null
@@ -1,10 +0,0 @@
-{
-    "chat": {
-        "intro": "Here is your chat history:",
-        "enter": "Enter your message...",
-        "menu": {
-            "visit-card": "Visit card",
-            "add-friend": "Add friend"
-        }
-    }
-}
diff --git a/front/translations/en-US/companion.en-US.json b/front/translations/en-US/companion.en-US.json
deleted file mode 100644
index 8346c992..00000000
--- a/front/translations/en-US/companion.en-US.json
+++ /dev/null
@@ -1,9 +0,0 @@
-{
-    "companion": {
-        "select": {
-            "title": "Select your companion",
-            "any": "No companion",
-            "continue": "Continue"
-        }
-    }
-}
diff --git a/front/translations/en-US/custom-character.en-US.json b/front/translations/en-US/custom-character.en-US.json
deleted file mode 100644
index 56f7dac4..00000000
--- a/front/translations/en-US/custom-character.en-US.json
+++ /dev/null
@@ -1,16 +0,0 @@
-{
-    "custom-character": {
-        "title": "Customize your WOKA",
-        "navigation": {
-            "return": "Return",
-            "back": "Back",
-            "finish": "Finish",
-            "next": "Next"
-        }
-    },
-    "select-woka": {
-        "title": "Select your WOKA",
-        "continue": "Continue",
-        "customize": "Customize your WOKA"
-    }
-}
diff --git a/front/translations/en-US/error.en-US.json b/front/translations/en-US/error.en-US.json
deleted file mode 100644
index 23dde873..00000000
--- a/front/translations/en-US/error.en-US.json
+++ /dev/null
@@ -1,18 +0,0 @@
-{
-    "error": {
-        "access-link": {
-            "title": "Access link incorrect",
-            "sub-title": "Could not find map. Please check your access link.",
-            "details": "If you want more information, you may contact administrator or contact us at: hello@workadventu.re"
-        },
-        "connection-rejected": {
-            "title": "Connection rejected",
-            "sub-title": "You cannot join the World. Try again later {{error}}.",
-            "details": "If you want more information, you may contact administrator or contact us at: hello@workadventu.re"
-        },
-        "connection-retry": {
-            "unable-to-connect-to-workAdventure-are-you-connected-to-internet": "Unable to connect to WorkAdventure. Are you connected to internet?"
-        },
-        "error": "Error"
-    }
-}
diff --git a/front/translations/en-US/follow.en-US.json b/front/translations/en-US/follow.en-US.json
deleted file mode 100644
index baa32baf..00000000
--- a/front/translations/en-US/follow.en-US.json
+++ /dev/null
@@ -1,25 +0,0 @@
-{
-    "follow": {
-        "interact-status": {
-            "following": "Following {{leader}}",
-            "waiting-followers": "Waiting for followers confirmation",
-            "followed": {
-                "one": "{{follower}} is following you",
-                "two": "{{firstFollower}} and {{secondFollower}} are following you",
-                "many": "{{followers}} and {{lastFollower}} are following you"
-            }
-        },
-        "interact-menu": {
-            "title": {
-                "interact": "Interaction",
-                "follow": "Do you want to follow {{leader}}?"
-            },
-            "stop": {
-                "leader": "Do you want to stop leading the way?",
-                "follower": "Do you want to stop following {{leader}}?"
-            },
-            "yes": "Yes",
-            "no": "No"
-        }
-    }
-}
diff --git a/front/translations/en-US/index.en-US.json b/front/translations/en-US/index.en-US.json
deleted file mode 100644
index 8de1fc09..00000000
--- a/front/translations/en-US/index.en-US.json
+++ /dev/null
@@ -1,5 +0,0 @@
-{
-    "language": "English",
-    "country": "United States",
-    "default": true
-}
diff --git a/front/translations/en-US/login.en-US.json b/front/translations/en-US/login.en-US.json
deleted file mode 100644
index 8cb20637..00000000
--- a/front/translations/en-US/login.en-US.json
+++ /dev/null
@@ -1,12 +0,0 @@
-{
-    "login": {
-        "input": {
-            "name": {
-                "placeholder": "Enter your name",
-                "empty": "The name is empty"
-            }
-        },
-        "terms": "By continuing, you are agreeing our <a href=\"https://workadventu.re/terms-of-use\" target=\"_blank\">terms of use</a>, <a href=\"https://workadventu.re/privacy-policy\" target=\"_blank\">privacy policy</a> and <a href=\"https://workadventu.re/cookie-policy\" target=\"_blank\">cookie policy</a>.",
-        "continue": "Continue"
-    }
-}
diff --git a/front/translations/en-US/menu.en-US.json b/front/translations/en-US/menu.en-US.json
deleted file mode 100644
index c0375ebe..00000000
--- a/front/translations/en-US/menu.en-US.json
+++ /dev/null
@@ -1,121 +0,0 @@
-{
-    "menu": {
-        "title": "Menu",
-        "icon": {
-            "open": {
-                "menu": "Open menu",
-                "invite": "Show invite",
-                "register": "Register",
-                "chat": "Open chat"
-            }
-        },
-        "visit-card": {
-            "close": "Close"
-        },
-        "profile": {
-            "edit": {
-                "name": "Edit your name",
-                "woka": "Edit your WOKA",
-                "companion": "Edit your companion",
-                "camera": "Edit your camera"
-            },
-            "login": "Sign in",
-            "logout": "Log out"
-        },
-        "settings": {
-            "game-quality": {
-                "title": "Game quality",
-                "short": {
-                    "high": "High (120 fps)",
-                    "medium": "Medium (60 fps)",
-                    "minimum": "Minimum (40 fps)",
-                    "small": "Small (20 fps)"
-                },
-                "long": {
-                    "high": "High video quality (120 fps)",
-                    "medium": "Medium video quality (60 fps, recommended)",
-                    "minimum": "Minimum video quality (40 fps)",
-                    "small": "Small video quality (20 fps)"
-                }
-            },
-            "video-quality": {
-                "title": "Video quality",
-                "short": {
-                    "high": "High (30 fps)",
-                    "medium": "Medium (20 fps)",
-                    "minimum": "Minimum (10 fps)",
-                    "small": "Small (5 fps)"
-                },
-                "long": {
-                    "high": "High video quality (30 fps)",
-                    "medium": "Medium video quality (20 fps, recommended)",
-                    "minimum": "Minimum video quality (10 fps)",
-                    "small": "Small video quality (5 fps)"
-                }
-            },
-            "language": {
-                "title": "Language"
-            },
-            "save": {
-                "warning": "(Saving these settings will restart the game)",
-                "button": "Save"
-            },
-            "fullscreen": "Fullscreen",
-            "notifications": "Notifications",
-            "cowebsite-trigger": "Always ask before opening websites and Jitsi Meet rooms",
-            "ignore-follow-request": "Ignore requests to follow other users"
-        },
-        "invite": {
-            "description": "Share the link of the room!",
-            "copy": "Copy",
-            "share": "Share"
-        },
-        "global-message": {
-            "text": "Text",
-            "audio": "Audio",
-            "warning": "Broadcast to all rooms of the world",
-            "enter": "Enter your message here...",
-            "send": "Send"
-        },
-        "global-audio": {
-            "upload-info": "Upload a file",
-            "error": "No file selected. You need to upload a file before sending it."
-        },
-        "contact": {
-            "getting-started": {
-                "title": "Getting started",
-                "description": "WorkAdventure allows you to create an online space to communicate spontaneously with others. And it all starts with creating your own space. Choose from a large selection of prefabricated maps by our team."
-            },
-            "create-map": {
-                "title": "Create your map",
-                "description": "You can also create your own custom map by following the step of the documentation."
-            }
-        },
-        "about": {
-            "map-info": "Information on the map",
-            "map-link": "link to this map",
-            "copyrights": {
-                "map": {
-                    "title": "Copyrights of the map",
-                    "empty": "The map creator did not declare a copyright for the map."
-                },
-                "tileset": {
-                    "title": "Copyrights of the tilesets",
-                    "empty": "The map creator did not declare a copyright for the tilesets. This doesn't mean that those tilesets have no license."
-                },
-                "audio": {
-                    "title": "Copyrights of audio files",
-                    "empty": "The map creator did not declare a copyright for audio files. This doesn't mean that those audio files have no license."
-                }
-            }
-        },
-        "sub": {
-            "profile": "Profile",
-            "settings": "Settings",
-            "invite": "Invite",
-            "credit": "Credit",
-            "global-message": "Global Messages",
-            "contact": "Contact"
-        }
-    }
-}
diff --git a/front/translations/en-US/report.en-US.json b/front/translations/en-US/report.en-US.json
deleted file mode 100644
index 97eafc1c..00000000
--- a/front/translations/en-US/report.en-US.json
+++ /dev/null
@@ -1,23 +0,0 @@
-{
-    "report": {
-        "block": {
-            "title": "Block",
-            "content": "Block any communication from and to {{userName}}. This can be reverted.",
-            "unblock": "Unblock this user",
-            "block": "Block this user"
-        },
-        "title": "Report",
-        "content": "Send a report message to the administrators of this room. They may later ban this user.",
-        "message": {
-            "title": "Your message: ",
-            "empty": "Report message cannot to be empty."
-        },
-        "submit": "Report this user"
-    },
-    "moderate": {
-        "title": "Moderate {{userName}}",
-        "block": "Block",
-        "report": "Report",
-        "no-select": "ERROR : There is no action selected."
-    }
-}
diff --git a/front/translations/en-US/warning.en-US.json b/front/translations/en-US/warning.en-US.json
deleted file mode 100644
index 028e68a0..00000000
--- a/front/translations/en-US/warning.en-US.json
+++ /dev/null
@@ -1,13 +0,0 @@
-{
-    "warning": {
-        "title": "Warning!",
-        "content": "This world is close to its limit!. You can upgrade its capacity <a href={{upgradeLink}} target=\"_blank\">here</a>",
-        "limit": "This world is close to its limit!",
-        "access-denied": {
-            "camera": "Camera access denied. Click here and check your browser permissions.",
-            "screen-sharing": "Screen sharing denied. Click here and check your browser permissions."
-        }
-    },
-    "important-message": "Important message",
-    "connection-lost": "Connection lost. Reconnecting..."
-}
diff --git a/front/translations/fr-FR/audio.fr-FR.json b/front/translations/fr-FR/audio.fr-FR.json
deleted file mode 100644
index 67357b1f..00000000
--- a/front/translations/fr-FR/audio.fr-FR.json
+++ /dev/null
@@ -1,8 +0,0 @@
-{
-    "audio": {
-        "manager": {
-            "reduce": "réduit dans les conversations"
-        },
-        "message": "Message audio"
-    }
-}
diff --git a/front/translations/fr-FR/camera.fr-FR.json b/front/translations/fr-FR/camera.fr-FR.json
deleted file mode 100644
index 885dae49..00000000
--- a/front/translations/fr-FR/camera.fr-FR.json
+++ /dev/null
@@ -1,19 +0,0 @@
-{
-    "camera": {
-        "enable": {
-            "title": "Allumez votre caméra et votre microphone",
-            "start": "C'est partie!"
-        },
-        "help": {
-            "title": "Accès à la caméra / au microphone nécessaire",
-            "permission-denied": "Permission refusée",
-            "content": "Vous devez autoriser l'accès à la caméra et au microphone dans votre navigateur.",
-            "firefox-content": "Veuillez cocher la case \"Se souvenir de cette décision\" si vous ne voulez pas que Firefox vous demande sans cesse l'autorisation.",
-            "refresh": "Rafraîchir",
-            "continue": "Continuer sans webcam"
-        },
-        "my": {
-            "silent-zone": "Zone silencieuse"
-        }
-    }
-}
diff --git a/front/translations/fr-FR/chat.fr-FR.json b/front/translations/fr-FR/chat.fr-FR.json
deleted file mode 100644
index 8eb568ff..00000000
--- a/front/translations/fr-FR/chat.fr-FR.json
+++ /dev/null
@@ -1,10 +0,0 @@
-{
-    "chat": {
-        "intro": "Voici l'historique de votre chat:",
-        "enter": "Entrez votre message...",
-        "menu": {
-            "visit-card": "Carte de visite",
-            "add-friend": "Ajouter un ami"
-        }
-    }
-}
diff --git a/front/translations/fr-FR/companion.fr-FR.json b/front/translations/fr-FR/companion.fr-FR.json
deleted file mode 100644
index c32a5022..00000000
--- a/front/translations/fr-FR/companion.fr-FR.json
+++ /dev/null
@@ -1,9 +0,0 @@
-{
-    "companion": {
-        "select": {
-            "title": "Sélectionnez votre compagnon",
-            "any": "Pas de compagnon",
-            "continue": "Continuer"
-        }
-    }
-}
diff --git a/front/translations/fr-FR/custom-character.fr-FR.json b/front/translations/fr-FR/custom-character.fr-FR.json
deleted file mode 100644
index a9acc288..00000000
--- a/front/translations/fr-FR/custom-character.fr-FR.json
+++ /dev/null
@@ -1,16 +0,0 @@
-{
-    "custom-character": {
-        "title": "Personnalisez votre WOKA",
-        "navigation": {
-            "return": "Retour",
-            "back": "Précédent",
-            "finish": "Terminer",
-            "next": "Suivant"
-        }
-    },
-    "select-woka": {
-        "title": "Sélectionnez votre WOKA",
-        "continue": "Continuer",
-        "customize": "Personnalisez votre WOKA"
-    }
-}
diff --git a/front/translations/fr-FR/error.fr-FR.json b/front/translations/fr-FR/error.fr-FR.json
deleted file mode 100644
index bc120a6f..00000000
--- a/front/translations/fr-FR/error.fr-FR.json
+++ /dev/null
@@ -1,18 +0,0 @@
-{
-    "error": {
-        "access-link": {
-            "title": "Lien d'accès incorrect",
-            "sub-title": "Impossible de trouver la carte. Veuillez vérifier votre lien d'accès.",
-            "details": "Si vous souhaitez obtenir de plus amples informations, vous pouvez contacter l'administrateur ou nous contacter à l'adresse suivante: hello@workadventu.re"
-        },
-        "connection-rejected": {
-            "title": "Connexion rejetée",
-            "sub-title": "Vous ne pouvez pas rejoindre le monde. Réessayer plus tard {{error}}.",
-            "details": "Si vous souhaitez obtenir de plus amples informations, vous pouvez contacter l'administrateur ou nous contacter à l'adresse suivante: hello@workadventu.re"
-        },
-        "connection-retry": {
-            "unable-to-connect-to-workAdventure-are-you-connected-to-internet": "Impossible de se connecter à WorkAdventure. Etes vous connecté à Internet?"
-        },
-        "error": "Erreur"
-    }
-}
diff --git a/front/translations/fr-FR/follow.fr-FR.json b/front/translations/fr-FR/follow.fr-FR.json
deleted file mode 100644
index e46978ac..00000000
--- a/front/translations/fr-FR/follow.fr-FR.json
+++ /dev/null
@@ -1,25 +0,0 @@
-{
-    "follow": {
-        "interact-status": {
-            "following": "Vous suivez {{leader}}",
-            "waiting-followers": "En attente de la confirmation des suiveurs",
-            "followed": {
-                "one": "{{follower}} vous suit",
-                "two": "{{firstFollower}} et {{secondFollower}} vous suivent",
-                "many": "{{followers}} et {{lastFollower}} vous suivent"
-            }
-        },
-        "interact-menu": {
-            "title": {
-                "interact": "Interaction",
-                "follow": "Voulez-vous suivre {{leader}}?"
-            },
-            "stop": {
-                "leader": "Voulez-vous qu'on arrête de vous suivre?",
-                "follower": "Voulez-vous arrêter de suivre {{leader}}?"
-            },
-            "yes": "Oui",
-            "no": "Non"
-        }
-    }
-}
diff --git a/front/translations/fr-FR/index.fr-FR.json b/front/translations/fr-FR/index.fr-FR.json
deleted file mode 100644
index b741e3bd..00000000
--- a/front/translations/fr-FR/index.fr-FR.json
+++ /dev/null
@@ -1,5 +0,0 @@
-{
-    "language": "Français",
-    "country": "France",
-    "default": true
-}
diff --git a/front/translations/fr-FR/login.fr-FR.json b/front/translations/fr-FR/login.fr-FR.json
deleted file mode 100644
index 9e690b8e..00000000
--- a/front/translations/fr-FR/login.fr-FR.json
+++ /dev/null
@@ -1,12 +0,0 @@
-{
-    "login": {
-        "input": {
-            "name": {
-                "placeholder": "Entrez votre nom",
-                "empty": "Le nom est vide"
-            }
-        },
-        "terms": "En continuant, vous acceptez nos <a href=\"https://workadventu.re/terms-of-use\" target=\"_blank\">conditions d'utilisation</a>, notre <a href=\"https://workadventu.re/privacy-policy\" target=\"_blank\">politique de confidentialité</a> et notre <a href=\"https://workadventu.re/cookie-policy\" target=\"_blank\">politique relative aux cookies</a>.",
-        "continue": "Continuer"
-    }
-}
diff --git a/front/translations/fr-FR/menu.fr-FR.json b/front/translations/fr-FR/menu.fr-FR.json
deleted file mode 100644
index 4f009543..00000000
--- a/front/translations/fr-FR/menu.fr-FR.json
+++ /dev/null
@@ -1,121 +0,0 @@
-{
-    "menu": {
-        "title": "Menu",
-        "icon": {
-            "open": {
-                "menu": "Ouvrir le menu",
-                "invite": "Afficher l'invitation",
-                "register": "Enregistrez vous",
-                "chat": "Ouvrir le chat"
-            }
-        },
-        "visit-card": {
-            "close": "Fermer"
-        },
-        "profile": {
-            "edit": {
-                "name": "Modifier votre nom",
-                "woka": "Modifier votre WOKA",
-                "companion": "Modifier votre compagnon",
-                "camera": "Modifier votre caméra"
-            },
-            "login": "S'identifier",
-            "logout": "Déconnexion"
-        },
-        "settings": {
-            "game-quality": {
-                "title": "Qualité du jeu",
-                "short": {
-                    "high": "Haute (120 fps)",
-                    "medium": "Moyenne (60 fps)",
-                    "minimum": "Minimale (40 fps)",
-                    "small": "Reduite (20 fps)"
-                },
-                "long": {
-                    "high": "Haute (120 fps)",
-                    "medium": "Moyenne (60 fps, recommandée)",
-                    "minimum": "Minimale (40 fps)",
-                    "small": "Reduite (20 fps)"
-                }
-            },
-            "video-quality": {
-                "title": "Qualité de la vidéo",
-                "short": {
-                    "high": "Haute (30 fps)",
-                    "medium": "Moyenne (20 fps)",
-                    "minimum": "Minimale (10 fps)",
-                    "small": "Small (5 fps)"
-                },
-                "long": {
-                    "high": "Haute (30 fps)",
-                    "medium": "Moyenne (20 fps, recommandée)",
-                    "minimum": "Minimale (10 fps)",
-                    "small": "Reduite (5 fps)"
-                }
-            },
-            "language": {
-                "title": "Langage"
-            },
-            "save": {
-                "warning": "(La sauvegarde de ces paramètres redémarre le jeu)",
-                "button": "Sauvegarder"
-            },
-            "fullscreen": "Plein écran",
-            "notifications": "Notifications",
-            "cowebsite-trigger": "Demander toujours avant d'ouvrir des sites web et des salles de réunion Jitsi",
-            "ignore-follow-request": "Ignorer les demandes de suivi des autres utilisateurs"
-        },
-        "invite": {
-            "description": "Partager le lien de la salle!",
-            "copy": "Copier",
-            "share": "Partager"
-        },
-        "global-message": {
-            "text": "Texte",
-            "audio": "Audio",
-            "warning": "Diffusion dans toutes les salles du monde",
-            "enter": "Entrez votre message ici...",
-            "send": "Envoyer"
-        },
-        "global-audio": {
-            "upload-info": "Télécharger un fichier",
-            "error": "Aucun fichier sélectionné. Vous devez télécharger un fichier avant de l'envoyer."
-        },
-        "contact": {
-            "getting-started": {
-                "title": "Pour commencer",
-                "description": "WorkAdventure vous permet de créer un espace en ligne pour communiquer spontanément avec d'autres personnes. Et tout commence par la création de votre propre espace. Choisissez parmi une large sélection de cartes préfabriquées par notre équipe."
-            },
-            "create-map": {
-                "title": "Créer votre carte",
-                "description": "Vous pouvez également créer votre propre carte personnalisée en suivant la documentation."
-            }
-        },
-        "about": {
-            "map-info": "Informations sur la carte",
-            "map-link": "lien vers cette carte",
-            "copyrights": {
-                "map": {
-                    "title": "Droits d'auteur de la carte",
-                    "empty": "Le créateur de la carte n'a pas déclaré de droit d'auteur pour la carte."
-                },
-                "tileset": {
-                    "title": "Droits d'auteur des tilesets",
-                    "empty": "Le créateur de la carte n'a pas déclaré de droit d'auteur pour les tilesets. Cela ne signifie pas que les tilesets n'ont pas de licence."
-                },
-                "audio": {
-                    "title": "Droits d'auteur des fichiers audio",
-                    "empty": "Le créateur de la carte n'a pas déclaré de droit d'auteur pour les fichiers audio. Cela ne signifie pas que les fichiers audio n'ont pas de licence."
-                }
-            }
-        },
-        "sub": {
-            "profile": "Profile",
-            "settings": "Paramètres",
-            "invite": "Inviter",
-            "credit": "Crédits",
-            "global-message": "Messages globaux",
-            "contact": "Contact"
-        }
-    }
-}
diff --git a/front/translations/fr-FR/report.fr-FR.json b/front/translations/fr-FR/report.fr-FR.json
deleted file mode 100644
index 75d62ac0..00000000
--- a/front/translations/fr-FR/report.fr-FR.json
+++ /dev/null
@@ -1,23 +0,0 @@
-{
-    "report": {
-        "block": {
-            "title": "Bloquer",
-            "content": "Bloquer toute communication en provenance et à destination de {{userName}}. Cela peut être annulé.",
-            "unblock": "Débloquer cet utilisateur",
-            "block": "Bloquer cet utilisateur"
-        },
-        "title": "Signaler",
-        "content": "Signaler aux administrateurs de cette salle. Ils pourront par la suite bannir cet utilisateur.",
-        "message": {
-            "title": "Votre message: ",
-            "empty": "Le message du signalement ne peut pas être vide."
-        },
-        "submit": "Signaler cet utilisateur"
-    },
-    "moderate": {
-        "title": "Modérer {{userName}}",
-        "block": "Bloquer",
-        "report": "Signaler",
-        "no-select": "ERREUR : Il n'y a pas d'action sélectionnée."
-    }
-}
diff --git a/front/translations/fr-FR/warning.fr-FR.json b/front/translations/fr-FR/warning.fr-FR.json
deleted file mode 100644
index 0a145c7f..00000000
--- a/front/translations/fr-FR/warning.fr-FR.json
+++ /dev/null
@@ -1,13 +0,0 @@
-{
-    "warning": {
-        "title": "Attention!",
-        "content": "Ce monde est proche de sa limite ! Vous pouvez améliorer sa capacité <a href={{upgradeLink}} target=\"_blank\">içi</a>",
-        "limit": "Ce monde est proche de ses limites!",
-        "access-denied": {
-            "camera": "Accès à la caméra refusé. Cliquez ici et vérifiez les autorisations de votre navigateur.",
-            "screen-sharing": "Partage d'écran refusé. Cliquez ici et vérifiez les autorisations de votre navigateur."
-        }
-    },
-    "important-message": "Message important",
-    "connection-lost": "Connexion perdue. Reconnexion..."
-}
diff --git a/front/webpack.config.ts b/front/webpack.config.ts
index 9134d506..929af9f6 100644
--- a/front/webpack.config.ts
+++ b/front/webpack.config.ts
@@ -7,10 +7,6 @@ import sveltePreprocess from "svelte-preprocess";
 import type { Configuration } from "webpack";
 import webpack from "webpack";
 import type WebpackDevServer from "webpack-dev-server";
-import { fallbackLanguageObject, languages } from "./src/Translator/TranslationCompiler";
-import type { LanguageFound } from "./src/Translator/TranslationCompiler";
-
-const MergeJsonWebpackPlugin = require("merge-jsons-webpack-plugin");
 
 const mode = process.env.NODE_ENV ?? "development";
 const buildNpmTypingsForApi = !!process.env.BUILD_TYPINGS;
@@ -221,22 +217,5 @@ module.exports = {
             OPID_LOGIN_SCREEN_PROVIDER: null,
             FALLBACK_LANGUAGE: null,
         }),
-        new webpack.DefinePlugin({
-            FALLBACK_LANGUAGE_OBJECT: JSON.stringify(fallbackLanguageObject),
-            LANGUAGES: JSON.stringify(languages),
-        }),
-        new MergeJsonWebpackPlugin({
-            output: {
-                groupBy: languages.map((language: LanguageFound) => {
-                    return {
-                        pattern: `./translations/**/*.${language.id}.json`,
-                        fileName: `./resources/translations/${language.id}.json`
-                    };
-                })
-            },
-            globOptions: {
-                nosort: true,
-            },
-        }),
     ],
 } as Configuration & WebpackDevServer.Configuration;
diff --git a/front/yarn.lock b/front/yarn.lock
index b84ed603..3c569835 100644
--- a/front/yarn.lock
+++ b/front/yarn.lock
@@ -2776,18 +2776,6 @@ glob-to-regexp@^0.4.1:
   resolved "https://registry.yarnpkg.com/glob-to-regexp/-/glob-to-regexp-0.4.1.tgz#c75297087c851b9a578bd217dd59a92f59fe546e"
   integrity sha512-lkX1HJXwyMcprw/5YUZc2s7DrpAiHB21/V+E1rHUrVNokkvB6bqMzT0VfV6/86ZNabt1k14YOIaT7nDvOX3Iiw==
 
-glob@7.1.1:
-  version "7.1.1"
-  resolved "https://registry.yarnpkg.com/glob/-/glob-7.1.1.tgz#805211df04faaf1c63a3600306cdf5ade50b2ec8"
-  integrity sha1-gFIR3wT6rxxjo2ADBs31reULLsg=
-  dependencies:
-    fs.realpath "^1.0.0"
-    inflight "^1.0.4"
-    inherits "2"
-    minimatch "^3.0.2"
-    once "^1.3.0"
-    path-is-absolute "^1.0.0"
-
 glob@^7.0.3, glob@^7.1.3, glob@^7.1.6:
   version "7.1.7"
   resolved "https://registry.yarnpkg.com/glob/-/glob-7.1.7.tgz#3b193e9233f01d42d0b3f78294bbeeb418f94a90"
@@ -3872,13 +3860,6 @@ merge-descriptors@1.0.1:
   resolved "https://registry.yarnpkg.com/merge-descriptors/-/merge-descriptors-1.0.1.tgz#b00aaa556dd8b44568150ec9d1b953f3f90cbb61"
   integrity sha1-sAqqVW3YtEVoFQ7J0blT8/kMu2E=
 
-merge-jsons-webpack-plugin@^2.0.1:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/merge-jsons-webpack-plugin/-/merge-jsons-webpack-plugin-2.0.1.tgz#f2975ce0f734171331d42eee62d63329031800b4"
-  integrity sha512-8GP8rpOX3HSFsm7Gx+b3OAQR7yhgeAQvMqcZOJ+/cQIrqdak1c42a2T2vyeee8pzGPBf7pMLumthPh4CHgv2BA==
-  dependencies:
-    glob "7.1.1"
-
 merge-stream@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/merge-stream/-/merge-stream-2.0.0.tgz#52823629a14dd00c9770fb6ad47dc6310f2c1f60"
@@ -3980,7 +3961,7 @@ minimalistic-crypto-utils@^1.0.1:
   resolved "https://registry.yarnpkg.com/minimalistic-crypto-utils/-/minimalistic-crypto-utils-1.0.1.tgz#f6c00c1c0b082246e5c4d99dfb8c7c083b2b582a"
   integrity sha1-9sAMHAsIIkblxNmd+4x8CDsrWCo=
 
-minimatch@^3.0.2, minimatch@^3.0.4:
+minimatch@^3.0.4:
   version "3.0.4"
   resolved "https://registry.yarnpkg.com/minimatch/-/minimatch-3.0.4.tgz#5166e286457f03306064be5497e8dbb0c3d32083"
   integrity sha512-yJHVQEhyqPLUTgt9B83PXu6W3rx4MvvHvSUvToogpwoGDOUQ+yDrR0HRot+yOCdCO7u4hX3pWft6kWBBcqh0UA==
@@ -6063,6 +6044,11 @@ type-is@~1.6.17, type-is@~1.6.18:
     media-typer "0.3.0"
     mime-types "~2.1.24"
 
+typesafe-i18n@^2.59.0:
+  version "2.59.0"
+  resolved "https://registry.yarnpkg.com/typesafe-i18n/-/typesafe-i18n-2.59.0.tgz#09a9a32e61711418d927a389fa52e1c06a5fa5c4"
+  integrity sha512-Qv3Mrwmb8b73VNzQDPHPECzwymdBRVyDiZ3w2qnp4c2iv/7TGuiJegNHT/l3MooEN7IPbSpc5tbXw2x3MbGtFg==
+
 typescript@*:
   version "4.3.2"
   resolved "https://registry.yarnpkg.com/typescript/-/typescript-4.3.2.tgz#399ab18aac45802d6f2498de5054fcbbe716a805"
diff --git a/tests/tests/translate.ts b/tests/tests/translate.ts
index b0ba9c8a..deb5be0d 100644
--- a/tests/tests/translate.ts
+++ b/tests/tests/translate.ts
@@ -1,29 +1,34 @@
-import { Selector } from 'testcafe';
-import {login} from "./utils/roles";
+import { Selector } from "testcafe";
+import { login } from "./utils/roles";
 
-fixture `Translation`
-    .page `http://play.workadventure.localhost/_/global/maps.workadventure.localhost/tests/mousewheel.json`;
+fixture`Translation`
+  .page`http://play.workadventure.localhost/_/global/maps.workadventure.localhost/tests/mousewheel.json`;
 
 test("Test that I can switch to French", async (t: TestController) => {
+  const languageSelect = Selector(".languages-switcher");
+  const languageOption = languageSelect.find("option");
 
-    const languageSelect = Selector('.languages-switcher');
-    const languageOption = languageSelect.find('option');
+  await login(
+    t,
+    "http://play.workadventure.localhost/_/global/maps.workadventure.localhost/tests/mousewheel.json"
+  );
 
-    await login(t, 'http://play.workadventure.localhost/_/global/maps.workadventure.localhost/tests/mousewheel.json');
+  await t
+    .click(".menuIcon img:first-child")
+    .click(Selector("button").withText("Settings"))
+    .click(".languages-switcher")
+    .click(languageOption.withText("Français (France)"))
+    .click(Selector("button").withText("Save"))
+    .wait(5000)
 
-    await t.click('.menuIcon img:first-child')
-        .click(Selector('button').withText('Settings'))
-        .click('.languages-switcher')
-        .click(languageOption.withText('Français (France)'))
-        .click(Selector('button').withText('Save'))
+    .click(".menuIcon img:first-child")
+    .expect(Selector("button").withText("Paramètres").innerText)
+    .contains("Paramètres");
 
-        .click('.menuIcon img:first-child')
-        .expect(Selector('button').withText('Paramètres').innerText).contains('Paramètres');
-
-    t.ctx.passed = true;
-}).after(async t => {
-    if (!t.ctx.passed) {
-        console.log("Test failed. Browser logs:")
-        console.log(await t.getBrowserConsoleMessages());
-    }
+  t.ctx.passed = true;
+}).after(async (t) => {
+  if (!t.ctx.passed) {
+    console.log("Test failed. Browser logs:");
+    console.log(await t.getBrowserConsoleMessages());
+  }
 });

From fdec12d311ac94004d4ca977413cdde7283f6340 Mon Sep 17 00:00:00 2001
From: Alexis Faizeau <a.faizeau@workadventu.re>
Date: Mon, 24 Jan 2022 18:01:00 +0100
Subject: [PATCH 34/40] Generate i18n files on ci/cd

---
 .github/workflows/continuous_integration.yml | 5 ++++-
 .github/workflows/push-to-npm.yml            | 4 ++++
 front/.prettierignore                        | 3 +++
 front/package.json                           | 2 +-
 4 files changed, 12 insertions(+), 2 deletions(-)

diff --git a/.github/workflows/continuous_integration.yml b/.github/workflows/continuous_integration.yml
index ea67c3c1..45bcbfe0 100644
--- a/.github/workflows/continuous_integration.yml
+++ b/.github/workflows/continuous_integration.yml
@@ -10,7 +10,6 @@ on:
   pull_request:
 
 jobs:
-
   continuous-integration-front:
     name: "Continuous Integration Front"
 
@@ -46,6 +45,10 @@ jobs:
         run: ./templater.sh
         working-directory: "front"
 
+      - name: "Generate i18n files"
+        run: yarn run typesafe-i18n
+        working-directory: "front"
+
       - name: "Build"
         run: yarn run build
         env:
diff --git a/.github/workflows/push-to-npm.yml b/.github/workflows/push-to-npm.yml
index 571a16e6..750ef224 100644
--- a/.github/workflows/push-to-npm.yml
+++ b/.github/workflows/push-to-npm.yml
@@ -43,6 +43,10 @@ jobs:
         run: ./templater.sh
         working-directory: "front"
 
+      - name: "Generate i18n files"
+        run: yarn run typesafe-i18n
+        working-directory: "front"
+
       - name: "Build"
         run: yarn run build-typings
         env:
diff --git a/front/.prettierignore b/front/.prettierignore
index 26de759f..8d8c68de 100644
--- a/front/.prettierignore
+++ b/front/.prettierignore
@@ -1,2 +1,5 @@
 src/Messages/generated
 src/Messages/JsonMessages
+src/i18n/i18n-svelte.ts
+src/i18n/i18n-types.ts
+src/i18n/i18n-util.ts
diff --git a/front/package.json b/front/package.json
index 100ae59c..564e1485 100644
--- a/front/package.json
+++ b/front/package.json
@@ -82,7 +82,7 @@
     "svelte-check": "svelte-check --fail-on-warnings --fail-on-hints --compiler-warnings \"a11y-no-onchange:ignore,a11y-autofocus:ignore,a11y-media-has-caption:ignore\"",
     "pretty": "yarn prettier --write 'src/**/*.{ts,svelte}'",
     "pretty-check": "yarn prettier --check 'src/**/*.{ts,svelte}'",
-    "typesafe-i18n": "typesafe-i18n"
+    "typesafe-i18n": "typesafe-i18n  --no-watch"
   },
   "lint-staged": {
     "*.svelte": [

From 934a59e59f9ed06a2d6a9a1625a4292998026672 Mon Sep 17 00:00:00 2001
From: Hanusiak Piotr <piotr@ltmp.co>
Date: Tue, 25 Jan 2022 10:05:04 +0100
Subject: [PATCH 35/40] improved way of getting hash parameters

---
 front/src/Url/UrlManager.ts | 29 ++++++++++++++++++-----------
 maps/tests/move_to.json     |  6 ++++++
 2 files changed, 24 insertions(+), 11 deletions(-)

diff --git a/front/src/Url/UrlManager.ts b/front/src/Url/UrlManager.ts
index 0833919a..cb0e1ed0 100644
--- a/front/src/Url/UrlManager.ts
+++ b/front/src/Url/UrlManager.ts
@@ -45,21 +45,28 @@ class UrlManager {
     }
 
     public getStartLayerNameFromUrl(): string | null {
-        const hash = window.location.hash;
-        let layerName = null;
-        if (hash.length > 1) {
-            layerName = hash.includes("&") ? hash.split("&")[0].substring(1) : hash.substring(1);
+        const parameters = this.getHashParameters();
+        for (const key in parameters) {
+            if (parameters[key] === undefined) {
+                return key;
+            }
         }
-        return layerName;
+        return null;
     }
 
     public getHashParameter(name: string): string | undefined {
-        const parameters = window.location.hash.split("&").reduce((res: Record<string, string>, item: string) => {
-            const parts = item.split("=");
-            res[parts[0]] = parts[1];
-            return res;
-        }, {});
-        return parameters[name];
+        return this.getHashParameters()[name];
+    }
+
+    private getHashParameters(): Record<string, string> {
+        return window.location.hash
+            .substring(1)
+            .split("&")
+            .reduce((res: Record<string, string>, item: string) => {
+                const parts = item.split("=");
+                res[parts[0]] = parts[1];
+                return res;
+            }, {});
     }
 
     pushStartLayerNameToUrl(startLayerName: string): void {
diff --git a/maps/tests/move_to.json b/maps/tests/move_to.json
index 2fdabab0..39be809b 100644
--- a/maps/tests/move_to.json
+++ b/maps/tests/move_to.json
@@ -44,6 +44,12 @@
          "id":8,
          "name":"exit",
          "opacity":1,
+         "properties":[
+                {
+                 "name":"startLayer",
+                 "type":"bool",
+                 "value":true
+                }],
          "type":"tilelayer",
          "visible":true,
          "width":10,

From 40366eb070644b5cc7f31e3777aa890f636a8c25 Mon Sep 17 00:00:00 2001
From: Hanusiak Piotr <piotr@ltmp.co>
Date: Tue, 25 Jan 2022 10:20:21 +0100
Subject: [PATCH 36/40] readme update

---
 docs/maps/entry-exit.md | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/docs/maps/entry-exit.md b/docs/maps/entry-exit.md
index 7f74a46b..6163afb1 100644
--- a/docs/maps/entry-exit.md
+++ b/docs/maps/entry-exit.md
@@ -74,10 +74,14 @@ We are able to direct WOKA to the desired place immediately after spawn. To make
 ```
 .../my_map.json#&moveTo=exit
 ```
-*Define entry point and moveTo parameter*
+*Define entry point and moveTo parameter like this...*
 ```
 .../my_map.json#start&moveTo=meeting-room
 ```
+*...or like this*
+```
+.../my_map.json#moveTo=meeting-room&start
+```
 
 For this to work, moveTo must be equal to the layer name of interest. This layer should have at least one tile defined. In case of layer having many tiles, user will go to one of them, randomly selected.
 

From 1ca56efd426affe44ac4999af12a86a797db4b7a Mon Sep 17 00:00:00 2001
From: Piotr Hanusiak <wacneg@gmail.com>
Date: Tue, 25 Jan 2022 10:58:59 +0100
Subject: [PATCH 37/40] Update docs/maps/entry-exit.md
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-authored-by: David Négrier <d.negrier@thecodingmachine.com>
---
 docs/maps/entry-exit.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/docs/maps/entry-exit.md b/docs/maps/entry-exit.md
index 6163afb1..2040beb3 100644
--- a/docs/maps/entry-exit.md
+++ b/docs/maps/entry-exit.md
@@ -68,7 +68,7 @@ How to use entry point :
 
 ## Defining destination point with moveTo parameter
 
-We are able to direct WOKA to the desired place immediately after spawn. To make users spawn on entry point and the go to the, for example, meeting room automatically, simply add `moveTo` as an additional parameter of URL:
+We are able to direct a Woka to the desired place immediately after spawn. To make users spawn on an entry point and then, walk automatically to a meeting room, simply add `moveTo` as an additional parameter of URL:
 
 *Use default entry point*
 ```

From 90a76e9f04a54b4829cdc10f28c0309d17f3b029 Mon Sep 17 00:00:00 2001
From: Hanusiak Piotr <piotr@ltmp.co>
Date: Tue, 25 Jan 2022 11:03:58 +0100
Subject: [PATCH 38/40] fixed layer name in docs

---
 docs/maps/images/moveTo-layer-example.png | Bin 34963 -> 28120 bytes
 maps/tests/move_to.json                   |  18 +++++++++---------
 2 files changed, 9 insertions(+), 9 deletions(-)

diff --git a/docs/maps/images/moveTo-layer-example.png b/docs/maps/images/moveTo-layer-example.png
index 66f5e3c6bfd1fa246bb04e73af351e100f34bad8..12e8a4ad9b8277684f06fa3b24fdebc27b339972 100644
GIT binary patch
literal 28120
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

literal 34963
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
Hf1mpwg7VUE

diff --git a/maps/tests/move_to.json b/maps/tests/move_to.json
index 39be809b..796a9d46 100644
--- a/maps/tests/move_to.json
+++ b/maps/tests/move_to.json
@@ -42,7 +42,7 @@
          "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, 34, 0, 0, 0, 0, 0, 0, 0, 0, 34, 34, 34, 0, 0, 0, 0, 0, 0, 34, 34, 34, 34, 0, 0, 0, 0, 0, 0, 0, 34, 34, 34, 0, 0, 0, 0, 0, 0, 0, 0, 34, 0, 0, 0, 0, 0, 0, 0, 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":8,
-         "name":"exit",
+         "name":"meeting-room",
          "opacity":1,
          "properties":[
                 {
@@ -106,12 +106,12 @@
                     {
                      "fontfamily":"Sans Serif",
                      "pixelsize":13,
-                     "text":"...#start2&moveTo=exit",
+                     "text":"...#start2&moveTo=meeting-room",
                      "wrap":true
                     },
                  "type":"",
                  "visible":true,
-                 "width":158.292,
+                 "width":223.499265952492,
                  "x":32,
                  "y":114
                 }, 
@@ -160,12 +160,12 @@
                     {
                      "fontfamily":"Sans Serif",
                      "pixelsize":13,
-                     "text":"...#start&moveTo=exit",
+                     "text":"...#start&moveTo=meeting-room",
                      "wrap":true
                     },
                  "type":"",
                  "visible":true,
-                 "width":158.292,
+                 "width":217.164845831393,
                  "x":32,
                  "y":93.740349627387
                 }, 
@@ -196,14 +196,14 @@
                     {
                      "fontfamily":"Sans Serif",
                      "pixelsize":13,
-                     "text":"exit",
+                     "text":"meeting-room",
                      "wrap":true
                     },
                  "type":"",
                  "visible":true,
-                 "width":33.094,
-                 "x":257.323517000466,
-                 "y":135.100386888682
+                 "width":92.7120717279925,
+                 "x":233.848901257569,
+                 "y":135.845612785282
                 }],
          "opacity":1,
          "type":"objectgroup",

From 7a7addb061185f289a5046671265339c178f0728 Mon Sep 17 00:00:00 2001
From: Gregoire Parant <g.parant@thecodingmachine.com>
Date: Tue, 25 Jan 2022 11:37:29 +0100
Subject: [PATCH 39/40] Change Warning Container with Yellow color

Signed-off-by: Gregoire Parant <g.parant@thecodingmachine.com>
---
 .../WarningContainer/WarningContainer.svelte  | 34 +++++++++++--------
 1 file changed, 20 insertions(+), 14 deletions(-)

diff --git a/front/src/Components/WarningContainer/WarningContainer.svelte b/front/src/Components/WarningContainer/WarningContainer.svelte
index fef56217..834b45b9 100644
--- a/front/src/Components/WarningContainer/WarningContainer.svelte
+++ b/front/src/Components/WarningContainer/WarningContainer.svelte
@@ -26,19 +26,25 @@
 
 <style lang="scss">
     main.warningMain {
-        pointer-events: auto;
-        width: 100vw;
-        background-color: red;
-        text-align: center;
-        position: absolute;
-        left: 50%;
-        transform: translate(-50%, 0);
-        font-family: Lato;
-        min-width: 300px;
-        opacity: 0.9;
-        z-index: 2;
-        h2 {
-            padding: 5px;
-        }
+      pointer-events: auto;
+      width: 100vw;
+      background-color: #F9E81E;
+      color: #14304C;
+      text-align: center;
+      position: absolute;
+      left: 50%;
+      transform: translate(-50%, 0);
+      font-family: Lato;
+      min-width: 300px;
+      opacity: 0.9;
+      z-index: 2;
+
+      h2 {
+        padding: 5px;
+      }
+
+      a {
+        color: #FF475a;
+      }
     }
 </style>

From 9c381d1a07962d1a0f7e2b389ad3758e048426fa Mon Sep 17 00:00:00 2001
From: Gregoire Parant <g.parant@thecodingmachine.com>
Date: Tue, 25 Jan 2022 11:52:31 +0100
Subject: [PATCH 40/40] Fix yarn pretty

Signed-off-by: Gregoire Parant <g.parant@thecodingmachine.com>
---
 .../WarningContainer/WarningContainer.svelte  | 36 +++++++++----------
 1 file changed, 18 insertions(+), 18 deletions(-)

diff --git a/front/src/Components/WarningContainer/WarningContainer.svelte b/front/src/Components/WarningContainer/WarningContainer.svelte
index 834b45b9..773f4023 100644
--- a/front/src/Components/WarningContainer/WarningContainer.svelte
+++ b/front/src/Components/WarningContainer/WarningContainer.svelte
@@ -26,25 +26,25 @@
 
 <style lang="scss">
     main.warningMain {
-      pointer-events: auto;
-      width: 100vw;
-      background-color: #F9E81E;
-      color: #14304C;
-      text-align: center;
-      position: absolute;
-      left: 50%;
-      transform: translate(-50%, 0);
-      font-family: Lato;
-      min-width: 300px;
-      opacity: 0.9;
-      z-index: 2;
+        pointer-events: auto;
+        width: 100vw;
+        background-color: #f9e81e;
+        color: #14304c;
+        text-align: center;
+        position: absolute;
+        left: 50%;
+        transform: translate(-50%, 0);
+        font-family: Lato;
+        min-width: 300px;
+        opacity: 0.9;
+        z-index: 2;
 
-      h2 {
-        padding: 5px;
-      }
+        h2 {
+            padding: 5px;
+        }
 
-      a {
-        color: #FF475a;
-      }
+        a {
+            color: #ff475a;
+        }
     }
 </style>