Merge branch 'develop' of github.com:thecodingmachine/workadventure into use-tiled-objects

2022-04-19 08:51:34 +02:00 · 2022-04-19 08:51:34 +02:00 · b49049d333
commit b49049d333
parent ce1961e34e 03909f14f7
36 changed files with 618 additions and 88 deletions
--- a/.github/workflows/end_to_end_tests.yml
+++ b/.github/workflows/end_to_end_tests.yml
@ -21,6 +21,7 @@ jobs:
        working-directory: tests
      - name: Install Playwright
        run: npx playwright install --with-deps
+        working-directory: tests
      - name: 'Setup .env file'
        run: cp .env.template .env
      - name: Install messages dependencies
--- a/front/package.json
+++ b/front/package.json
@ -44,6 +44,7 @@
    "cross-env": "^7.0.3",
    "deep-copy-ts": "^0.5.0",
    "easystarjs": "^0.4.4",
+    "fast-deep-equal": "^3.1.3",
    "google-protobuf": "^3.13.0",
    "phaser": "3.55.1",
    "phaser-animated-tiles": "workadventure/phaser-animated-tiles#da68bbededd605925621dd4f03bd27e69284b254",
--- a/front/packages/iframe-api-typings/package.json
+++ b/front/packages/iframe-api-typings/package.json
@ -9,5 +9,8 @@
  "license": "MIT",
  "publishConfig": {
    "access": "public"
+  },
+  "dependencies": {
+    "rxjs": "^6.6.3"
  }
 }
--- a/front/src/Administration/AnalyticsClient.ts
+++ b/front/src/Administration/AnalyticsClient.ts
@ -9,7 +9,7 @@ class AnalyticsClient {
    constructor() {
        if (POSTHOG_API_KEY && POSTHOG_URL) {
            this.posthogPromise = import("posthog-js").then(({ default: posthog }) => {
-                posthog.init(POSTHOG_API_KEY, { api_host: POSTHOG_URL, disable_cookie: true });
+                posthog.init(POSTHOG_API_KEY, { api_host: POSTHOG_URL });
                //the posthog toolbar need a reference in window to be able to work
                window.posthog = posthog;
                return posthog;
--- a/front/src/Components/Menu/ProfileSubMenu.svelte
+++ b/front/src/Components/Menu/ProfileSubMenu.svelte
@ -1,7 +1,13 @@
 <script lang="ts">
    import { gameManager } from "../../Phaser/Game/GameManager";
    import { SelectCompanionScene, SelectCompanionSceneName } from "../../Phaser/Login/SelectCompanionScene";
-    import { menuIconVisiblilityStore, menuVisiblilityStore, userIsConnected } from "../../Stores/MenuStore";
+    import {
+        menuIconVisiblilityStore,
+        menuVisiblilityStore,
+        userIsConnected,
+        profileAvailable,
+        getProfileUrl,
+    } from "../../Stores/MenuStore";
    import { selectCompanionSceneVisibleStore } from "../../Stores/SelectCompanionStore";
    import { LoginScene, LoginSceneName } from "../../Phaser/Login/LoginScene";
    import { loginSceneVisibleStore } from "../../Stores/LoginSceneStore";
@ -9,7 +15,6 @@
    import { SelectCharacterScene, SelectCharacterSceneName } from "../../Phaser/Login/SelectCharacterScene";
    import { connectionManager } from "../../Connexion/ConnectionManager";
    import { PROFILE_URL } from "../../Enum/EnvironmentVariable";
-    import { localUserStore } from "../../Connexion/LocalUserStore";
    import { EnableCameraScene, EnableCameraSceneName } from "../../Phaser/Login/EnableCameraScene";
    import { enableCameraSceneVisibilityStore } from "../../Stores/MediaStore";
    import btnProfileSubMenuCamera from "../images/btn-menu-profile-camera.svg";
@ -47,10 +52,6 @@
        return connectionManager.logout();
    }

-    function getProfileUrl() {
-        return PROFILE_URL + `?token=${localUserStore.getAuthToken()}`;
-    }
-
    function openEnableCameraScene() {
        disableMenuStores();
        enableCameraSceneVisibilityStore.showEnableCameraScene();
@ -81,7 +82,7 @@
    </div>

    <div class="content">
-        {#if $userIsConnected}
+        {#if $userIsConnected && $profileAvailable}
            <section>
                {#if PROFILE_URL != undefined}
                    <iframe title="profile" src={getProfileUrl()} />
--- a/front/src/Connexion/ConnectionManager.ts
+++ b/front/src/Connexion/ConnectionManager.ts
@ -290,12 +290,12 @@ class ConnectionManager {
            );

            connection.onConnectError((error: object) => {
-                console.log("An error occurred while connecting to socket server. Retrying");
+                console.log("onConnectError => An error occurred while connecting to socket server. Retrying");
                reject(error);
            });

            connection.connectionErrorStream.subscribe((event: CloseEvent) => {
-                console.log("An error occurred while connecting to socket server. Retrying");
+                console.log("connectionErrorStream => An error occurred while connecting to socket server. Retrying");
                reject(
                    new Error(
                        "An error occurred while connecting to socket server. Retrying. Code: " +
--- a/front/src/Enum/EnvironmentVariable.ts
+++ b/front/src/Enum/EnvironmentVariable.ts
@ -23,6 +23,7 @@ export const DISPLAY_TERMS_OF_USE = getEnvConfig("DISPLAY_TERMS_OF_USE") == "tru
 export const NODE_ENV = getEnvConfig("NODE_ENV") || "development";
 export const CONTACT_URL = getEnvConfig("CONTACT_URL") || undefined;
 export const PROFILE_URL = getEnvConfig("PROFILE_URL") || undefined;
+export const IDENTITY_URL = getEnvConfig("IDENTITY_URL") || undefined;
 export const POSTHOG_API_KEY: string = (getEnvConfig("POSTHOG_API_KEY") as string) || "";
 export const POSTHOG_URL = getEnvConfig("POSTHOG_URL") || undefined;
 export const DISABLE_ANONYMOUS: boolean = getEnvConfig("DISABLE_ANONYMOUS") === "true";
--- a/front/src/Phaser/Game/GameScene.ts
+++ b/front/src/Phaser/Game/GameScene.ts
@ -177,6 +177,7 @@ export class GameScene extends DirtyScene {

    private localVolumeStoreUnsubscriber: Unsubscriber | undefined;
    private followUsersColorStoreUnsubscribe!: Unsubscriber;
+    private currentPlayerGroupIdStoreUnsubscribe!: Unsubscriber;
    private privacyShutdownStoreUnsubscribe!: Unsubscriber;
    private userIsJitsiDominantSpeakerStoreUnsubscriber!: Unsubscriber;
    private jitsiParticipantsCountStoreUnsubscriber!: Unsubscriber;
@ -221,8 +222,8 @@ export class GameScene extends DirtyScene {
    private loader: Loader;
    private lastCameraEvent: WasCameraUpdatedEvent | undefined;
    private firstCameraUpdateSent: boolean = false;
-    private showVoiceIndicatorChangeMessageSent: boolean = false;
    private currentPlayerGroupId?: number;
+    private showVoiceIndicatorChangeMessageSent: boolean = false;
    private jitsiDominantSpeaker: boolean = false;
    private jitsiParticipantsCount: number = 0;
    public readonly superLoad: SuperLoaderPlugin;
@ -842,6 +843,10 @@ export class GameScene extends DirtyScene {
                    this.currentPlayerGroupId = message.groupId;
                });

+                this.connection.groupUsersUpdateMessageStream.subscribe((message) => {
+                    this.currentPlayerGroupId = message.groupId;
+                });
+
                /**
                 * Triggered when we receive the JWT token to connect to Jitsi
                 */
--- a/front/src/Stores/MediaStore.ts
+++ b/front/src/Stores/MediaStore.ts
@ -11,6 +11,7 @@ import { peerStore } from "./PeerStore";
 import { privacyShutdownStore } from "./PrivacyShutdownStore";
 import { MediaStreamConstraintsError } from "./Errors/MediaStreamConstraintsError";
 import { SoundMeter } from "../Phaser/Components/SoundMeter";
+import deepEqual from "fast-deep-equal";

 /**
 * A store that contains the camera state requested by the user (on or off).
@ -314,10 +315,10 @@ export const mediaStreamConstraintsStore = derived(
            currentAudioConstraint = false;
        }

-        // Let's make the changes only if the new value is different from the old one.
+        // Let's make the changes only if the new value is different from the old one.tile
        if (
-            previousComputedVideoConstraint != currentVideoConstraint ||
-            previousComputedAudioConstraint != currentAudioConstraint
+            !deepEqual(previousComputedVideoConstraint, currentVideoConstraint) ||
+            !deepEqual(previousComputedAudioConstraint, currentAudioConstraint)
        ) {
            previousComputedVideoConstraint = currentVideoConstraint;
            previousComputedAudioConstraint = currentAudioConstraint;
--- a/front/src/Stores/MenuStore.ts
+++ b/front/src/Stores/MenuStore.ts
@ -1,17 +1,27 @@
 import { get, writable } from "svelte/store";
 import Timeout = NodeJS.Timeout;
 import { userIsAdminStore } from "./GameStore";
-import { CONTACT_URL } from "../Enum/EnvironmentVariable";
+import { CONTACT_URL, IDENTITY_URL, PROFILE_URL } from "../Enum/EnvironmentVariable";
 import { analyticsClient } from "../Administration/AnalyticsClient";
 import type { Translation } from "../i18n/i18n-types";
+import axios from "axios";
+import { localUserStore } from "../Connexion/LocalUserStore";

 export const menuIconVisiblilityStore = writable(false);
 export const menuVisiblilityStore = writable(false);
-menuVisiblilityStore.subscribe((value) => {
-    if (value) analyticsClient.openedMenu();
-});
 export const menuInputFocusStore = writable(false);
 export const userIsConnected = writable(false);
+export const profileAvailable = writable(true);
+
+menuVisiblilityStore.subscribe((value) => {
+    if (value) analyticsClient.openedMenu();
+    if (userIsConnected && value && IDENTITY_URL != null) {
+        axios.get(getMeUrl()).catch((err) => {
+            console.error("menuVisiblilityStore => err => ", err);
+            profileAvailable.set(false);
+        });
+    }
+});

 let warningContainerTimeout: Timeout | null = null;
 function createWarningContainerStore() {
@ -173,3 +183,11 @@ export function handleMenuUnregisterEvent(menuName: string) {
    subMenusStore.removeScriptingMenu(menuName);
    customMenuIframe.delete(menuName);
 }
+
+export function getProfileUrl() {
+    return PROFILE_URL + `?token=${localUserStore.getAuthToken()}`;
+}
+
+export function getMeUrl() {
+    return IDENTITY_URL + `?token=${localUserStore.getAuthToken()}`;
+}
--- a/front/src/i18n/de-DE/report.ts
+++ b/front/src/i18n/de-DE/report.ts
@ -3,17 +3,17 @@ import type { Translation } from "../i18n-types";
 const report: NonNullable<Translation["report"]> = {
    block: {
        title: "Blockieren",
-        content: "Blockiere jede Kommunikation von und zu {userName}. Kann jederzeit rückgängig gemacht werden.",
-        unblock: "Blockierung für diesen User aufheben",
-        block: "Blockiere diese User",
+        content: "Blockiere jegliche Kommunikation mit {userName}. Kann jederzeit rückgängig gemacht werden.",
+        unblock: "Blockierung für diesen Nutzer aufheben",
+        block: "Blockiere diesen Nutzer",
    },
    title: "Melden",
-    content: "Verfasse eine Meldung an die Administratoren dieses Raums. Diese können den User anschließend bannen.",
+    content: "Verfasse eine Beschwerde an die Administratoren dieses Raums. Diese können den Nutzer anschließend bannen.",
    message: {
        title: "Deine Nachricht: ",
-        empty: "Bitte einen Text angeben.",
+        empty: "Bitte Text eingeben.",
    },
-    submit: "Diesen User melden",
+    submit: "Diesen Nutzer melden",
    moderate: {
        title: "{userName} moderieren",
        block: "Blockieren",
--- a/front/src/i18n/zh-CN/audio.ts
+++ b/front/src/i18n/zh-CN/audio.ts
@ -0,0 +1,11 @@
+import type { Translation } from "../i18n-types";
+
+const audio: NonNullable<Translation["audio"]> = {
+    manager: {
+        reduce: "说话时降低音乐音量",
+        allow: "播放声音",
+    },
+    message: "音频消息",
+};
+
+export default audio;
--- a/front/src/i18n/zh-CN/camera.ts
+++ b/front/src/i18n/zh-CN/camera.ts
@ -0,0 +1,25 @@
+import type { Translation } from "../i18n-types";
+
+const camera: NonNullable<Translation["camera"]> = {
+    enable: {
+        title: "开启你的摄像头和麦克风",
+        start: "出发!",
+    },
+    help: {
+        title: "需要摄像头/麦克风权限",
+        permissionDenied: "拒绝访问",
+        content: "你必须在浏览器设置里允许摄像头和麦克风访问权限。",
+        firefoxContent: '如果你不希望Firefox反复要求授权，请选中"记住此决定"。',
+        refresh: "刷新",
+        continue: "不使用摄像头继续游戏",
+        screen: {
+            firefox: "/resources/help-setting-camera-permission/en-US-firefox.png",
+            chrome: "/resources/help-setting-camera-permission/en-US-firefox.png",
+        },
+    },
+    my: {
+        silentZone: "安静区",
+    },
+};
+
+export default camera;
--- a/front/src/i18n/zh-CN/chat.ts
+++ b/front/src/i18n/zh-CN/chat.ts
@ -0,0 +1,12 @@
+import type { Translation } from "../i18n-types";
+
+const chat: NonNullable<Translation["chat"]> = {
+    intro: "聊天历史:",
+    enter: "输入消息...",
+    menu: {
+        visitCard: "Visit card",
+        addFriend: "添加朋友",
+    },
+};
+
+export default chat;
--- a/front/src/i18n/zh-CN/companion.ts
+++ b/front/src/i18n/zh-CN/companion.ts
@ -0,0 +1,11 @@
+import type { Translation } from "../i18n-types";
+
+const companion: NonNullable<Translation["companion"]> = {
+    select: {
+        title: "选择你的伙伴",
+        any: "没有伙伴",
+        continue: "继续",
+    },
+};
+
+export default companion;
--- a/front/src/i18n/zh-CN/emoji.ts
+++ b/front/src/i18n/zh-CN/emoji.ts
@ -0,0 +1,21 @@
+import type { Translation } from "../i18n-types";
+
+const emoji: NonNullable<Translation["emoji"]> = {
+    search: "搜索 emojis...",
+    categories: {
+        recents: "最近的 Emojis",
+        smileys: "表情",
+        people: "人物",
+        animals: "动物和自然",
+        food: "视频和饮料",
+        activities: "活动",
+        travel: "旅行和地点",
+        objects: "物品",
+        symbols: "符号",
+        flags: "旗帜",
+        custom: "自定义",
+    },
+    notFound: "未找到emoji",
+};
+
+export default emoji;
--- a/front/src/i18n/zh-CN/error.ts
+++ b/front/src/i18n/zh-CN/error.ts
@ -0,0 +1,20 @@
+import type { Translation } from "../i18n-types";
+
+const error: NonNullable<Translation["error"]> = {
+    accessLink: {
+        title: "访问链接错误",
+        subTitle: "找不到地图。请检查你的访问链接。",
+        details: "如果你想了解更多信息，你可以联系管理员或联系我们: hello@workadventu.re",
+    },
+    connectionRejected: {
+        title: "连接被拒绝",
+        subTitle: "你无法加入该世界。请稍后重试 {error}.",
+        details: "如果你想了解更多信息，你可以联系管理员或联系我们: hello@workadventu.re",
+    },
+    connectionRetry: {
+        unableConnect: "无法链接到 WorkAdventure. 请检查互联网连接。",
+    },
+    error: "错误",
+};
+
+export default error;
--- a/front/src/i18n/zh-CN/follow.ts
+++ b/front/src/i18n/zh-CN/follow.ts
@ -0,0 +1,27 @@
+import type { Translation } from "../i18n-types";
+
+const follow: NonNullable<Translation["follow"]> = {
+    interactStatus: {
+        following: "跟随 {leader}",
+        waitingFollowers: "等待跟随者确认",
+        followed: {
+            one: "{follower} 正在跟随你",
+            two: "{firstFollower} 和 {secondFollower} 正在跟随你",
+            many: "{followers} 和 {lastFollower} 正在跟随你",
+        },
+    },
+    interactMenu: {
+        title: {
+            interact: "交互",
+            follow: "要跟随 {leader} 吗？",
+        },
+        stop: {
+            leader: "要停止领路吗?",
+            follower: "要停止跟随 {leader} 吗？",
+        },
+        yes: "是",
+        no: "否",
+    },
+};
+
+export default follow;
--- a/front/src/i18n/zh-CN/index.ts
+++ b/front/src/i18n/zh-CN/index.ts
@ -0,0 +1,36 @@
+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 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";
+import emoji from "./emoji";
+import trigger from "./trigger";
+
+const zh_CN: Translation = {
+    ...(en_US as Translation),
+    language: "中文",
+    country: "中国",
+    audio,
+    camera,
+    chat,
+    companion,
+    woka,
+    error,
+    follow,
+    login,
+    menu,
+    report,
+    warning,
+    emoji,
+    trigger,
+};
+
+export default zh_CN;
--- a/front/src/i18n/zh-CN/login.ts
+++ b/front/src/i18n/zh-CN/login.ts
@ -0,0 +1,14 @@
+import type { Translation } from "../i18n-types";
+
+const login: NonNullable<Translation["login"]> = {
+    input: {
+        name: {
+            placeholder: "输入你的名字",
+            empty: "名字为空",
+        },
+    },
+    terms: '点击继续，意味着你同意我们的<a href="https://workadventu.re/terms-of-use" target="_blank">使用协议</a>, <a href="https://workadventu.re/privacy-policy" target="_blank">隐私政策</a> 和 <a href="https://workadventu.re/cookie-policy" target="_blank">Cookie策略</a>.',
+    continue: "继续",
+};
+
+export default login;
--- a/front/src/i18n/zh-CN/menu.ts
+++ b/front/src/i18n/zh-CN/menu.ts
@ -0,0 +1,132 @@
+import type { Translation } from "../i18n-types";
+
+const menu: NonNullable<Translation["menu"]> = {
+    title: "菜单",
+    icon: {
+        open: {
+            menu: "打开菜单",
+            invite: "显示邀请",
+            register: "注册",
+            chat: "打开聊天",
+        },
+    },
+    visitCard: {
+        close: "关闭",
+    },
+    profile: {
+        edit: {
+            name: "编辑名字",
+            woka: "编辑 WOKA",
+            companion: "编辑伙伴",
+            camera: "摄像头设置",
+        },
+        login: "登录",
+        logout: "登出",
+    },
+    settings: {
+        gameQuality: {
+            title: "游戏质量",
+            short: {
+                high: "高 (120 fps)",
+                medium: "中 (60 fps)",
+                small: "低 (40 fps)",
+                minimum: "最低 (20 fps)",
+            },
+            long: {
+                high: "高视频质量 (120 fps)",
+                medium: "中视频质量 (60 fps, 推荐)",
+                small: "低视频质量 (40 fps)",
+                minimum: "最低视频质量 (20 fps)",
+            },
+        },
+        videoQuality: {
+            title: "视频质量",
+            short: {
+                high: "高 (30 fps)",
+                medium: "中 (20 fps)",
+                small: "低 (10 fps)",
+                minimum: "最低 (5 fps)",
+            },
+            long: {
+                high: "高视频质量 (120 fps)",
+                medium: "中视频质量 (60 fps, 推荐)",
+                small: "低视频质量 (40 fps)",
+                minimum: "最低视频质量 (20 fps)",
+            },
+        },
+        language: {
+            title: "语言",
+        },
+        privacySettings: {
+            title: "离开模式设置",
+            explanation:
+                '当WorkAdventure标签页在后台时, 会切换到"离开模式"。在该模式中，你可以选择自动禁用摄像头 和/或 麦克风 直到标签页显示。',
+            cameraToggle: "摄像头",
+            microphoneToggle: "麦克风",
+        },
+        save: {
+            warning: "(保存这些设置会重新加载游戏)",
+            button: "保存",
+        },
+        fullscreen: "全屏",
+        notifications: "通知",
+        cowebsiteTrigger: "在打开网页和Jitsi Meet会议前总是询问",
+        ignoreFollowRequest: "忽略跟随其他用户的请求",
+    },
+    invite: {
+        description: "分享该房间的链接！",
+        copy: "复制",
+        share: "分享",
+        walk_automatically_to_position: "自动走到我的位置",
+    },
+    globalMessage: {
+        text: "文本",
+        audio: "音频",
+        warning: "广播到世界的所有房间",
+        enter: "输入你的消息...",
+        send: "发送",
+    },
+    globalAudio: {
+        uploadInfo: "上传文件",
+        error: "未选择文件。发送前必须上传一个文件。",
+    },
+    contact: {
+        gettingStarted: {
+            title: "开始",
+            description:
+                "WorkAdventure使你能够创建一个在线空间，与他们自然地交流。这都从创建你自己的空间开始。从我们的团队预制的大量选项中选择一个地图。",
+        },
+        createMap: {
+            title: "创建地图",
+            description: "你也可以跟随文档中的步骤创建你自己的地图。",
+        },
+    },
+    about: {
+        mapInfo: "地图信息",
+        mapLink: "地图链接",
+        copyrights: {
+            map: {
+                title: "地图版权",
+                empty: "地图创建者未申明地图版权。",
+            },
+            tileset: {
+                title: "tilesets版权",
+                empty: "地图创建者未申明tilesets版权。这不意味着这些tilesets没有版权。",
+            },
+            audio: {
+                title: "音频文件版权",
+                empty: "地图创建者未申明音频文件版权。这不意味着这些音频文件没有版权。",
+            },
+        },
+    },
+    sub: {
+        profile: "资料",
+        settings: "设置",
+        invite: "邀请",
+        credit: "Credit",
+        globalMessages: "全局消息",
+        contact: "联系",
+    },
+};
+
+export default menu;
--- a/front/src/i18n/zh-CN/report.ts
+++ b/front/src/i18n/zh-CN/report.ts
@ -0,0 +1,25 @@
+import type { Translation } from "../i18n-types";
+
+const report: NonNullable<Translation["report"]> = {
+    block: {
+        title: "屏蔽",
+        content: "屏蔽任何来自 {userName} 的通信。该操作是可逆的。",
+        unblock: "解除屏蔽该用户",
+        block: "屏蔽该用户",
+    },
+    title: "举报",
+    content: "发送举报信息给这个房间的管理员，他们后续可能禁用该用户。",
+    message: {
+        title: "举报信息: ",
+        empty: "举报信息不能为空.",
+    },
+    submit: "举报该用户",
+    moderate: {
+        title: "Moderate {userName}",
+        block: "屏蔽",
+        report: "举报",
+        noSelect: "错误：未选择行为。",
+    },
+};
+
+export default report;
--- a/front/src/i18n/zh-CN/trigger.ts
+++ b/front/src/i18n/zh-CN/trigger.ts
@ -0,0 +1,9 @@
+import type { Translation } from "../i18n-types";
+
+const trigger: NonNullable<Translation["trigger"]> = {
+    cowebsite: "按空格键或点击这里打开网页",
+    jitsiRoom: "按空格键或点击这里进入Jitsi Meet会议",
+    newTab: "按空格键或点击这里在新标签打开网页",
+};
+
+export default trigger;
--- a/front/src/i18n/zh-CN/warning.ts
+++ b/front/src/i18n/zh-CN/warning.ts
@ -0,0 +1,18 @@
+import type { Translation } from "../i18n-types";
+import { ADMIN_URL } from "../../Enum/EnvironmentVariable";
+
+const upgradeLink = ADMIN_URL + "/pricing";
+
+const warning: NonNullable<Translation["warning"]> = {
+    title: "警告!",
+    content: `该世界已接近容量限制！你可以 <a href="${upgradeLink}" target="_blank">点击这里</a> 升级它的容量`,
+    limit: "该世界已接近容量限制!",
+    accessDenied: {
+        camera: "摄像头访问权限被拒绝。点击这里检查你的浏览器权限。",
+        screenSharing: "屏幕共享权限被拒绝。点击这里检查你的浏览器权限。",
+    },
+    importantMessage: "重要消息",
+    connectionLost: "连接丢失。重新连接中...",
+};
+
+export default warning;
--- a/front/src/i18n/zh-CN/woka.ts
+++ b/front/src/i18n/zh-CN/woka.ts
@ -0,0 +1,23 @@
+import type { Translation } from "../i18n-types";
+
+const woka: NonNullable<Translation["woka"]> = {
+    customWoka: {
+        title: "自定义你的WOKA",
+        navigation: {
+            return: "返回",
+            back: "上一个",
+            finish: "完成",
+            next: "下一个",
+        },
+    },
+    selectWoka: {
+        title: "选择你的WOKA",
+        continue: "继续",
+        customize: "自定义你的 WOKA",
+    },
+    menu: {
+        businessCard: "Business Card",
+    },
+};
+
+export default woka;
--- a/front/vite.config.ts
+++ b/front/vite.config.ts
@ -28,6 +28,7 @@ export default defineConfig({
                "ADMIN_URL",
                "CONTACT_URL",
                "PROFILE_URL",
+                "IDENTITY_URL",
                "ICON_URL",
                "DEBUG_MODE",
                "STUN_SERVER",
--- a/pusher/src/Controller/AuthenticateController.ts
+++ b/pusher/src/Controller/AuthenticateController.ts
@ -6,6 +6,7 @@ import { parse } from "query-string";
 import { openIDClient } from "../Services/OpenIDClient";
 import { DISABLE_ANONYMOUS } from "../Enum/EnvironmentVariable";
 import { RegisterData } from "../Messages/JsonMessages/RegisterData";
+import { adminService } from "../Services/AdminService";

 export interface TokenInterface {
    userUuid: string;
@ -18,6 +19,7 @@ export class AuthenticateController extends BaseHttpController {
        this.register();
        this.anonymLogin();
        this.profileCallback();
+        this.me();
    }

    openIDLogin() {
@ -166,10 +168,11 @@ export class AuthenticateController extends BaseHttpController {

                        //Get user data from Admin Back Office
                        //This is very important to create User Local in LocalStorage in WorkAdventure
-                        const resUserData = await this.getUserByUserIdentifier(
+                        const resUserData = await adminService.fetchMemberDataByUuid(
                            authTokenData.identifier,
                            playUri as string,
-                            IPAddress
+                            IPAddress,
+                            []
                        );

                        if (authTokenData.accessToken == undefined) {
@ -178,7 +181,7 @@ export class AuthenticateController extends BaseHttpController {
                            if (!code && !nonce) {
                                return res.json({ ...resUserData, authToken: token });
                            }
-                            console.error("Token cannot to be check on OpenId provider");
+                            console.error("Token cannot be checked on OpenId provider");
                            res.status(500);
                            res.send("User cannot to be connected on openid provider");
                            return;
@ -221,7 +224,7 @@ export class AuthenticateController extends BaseHttpController {

                //Get user data from Admin Back Office
                //This is very important to create User Local in LocalStorage in WorkAdventure
-                const data = await this.getUserByUserIdentifier(email, playUri as string, IPAddress);
+                const data = await adminService.fetchMemberDataByUuid(email, playUri as string, IPAddress, []);

                return res.json({ ...data, authToken, username: userInfo?.username, locale: userInfo?.locale });
            } catch (e) {
@ -253,7 +256,7 @@ export class AuthenticateController extends BaseHttpController {
            try {
                const authTokenData: AuthTokenData = jwtTokenManager.verifyJWTToken(token as string, false);
                if (authTokenData.accessToken == undefined) {
-                    throw Error("Token cannot to be logout on Hydra");
+                    throw Error("Token cannot be logout on Hydra");
                }
                await openIDClient.logoutUser(authTokenData.accessToken);
            } catch (error) {
@ -410,7 +413,7 @@ export class AuthenticateController extends BaseHttpController {
                    try {
                        const authTokenData: AuthTokenData = jwtTokenManager.verifyJWTToken(token as string, false);
                        if (authTokenData.accessToken == undefined) {
-                            throw Error("Token cannot to be check on Hydra");
+                            throw Error("Token cannot be checked on OpenID connect provider");
                        }
                        await openIDClient.checkTokenAuth(authTokenData.accessToken);

@ -431,6 +434,52 @@ export class AuthenticateController extends BaseHttpController {
        });
    }

+    /**
+     * @openapi
+     * /me:
+     *   get:
+     *     description: ???
+     *     parameters:
+     *      - name: "token"
+     *        in: "query"
+     *        description: "A JWT authentication token ???"
+     *        required: true
+     *        type: "string"
+     *     responses:
+     *       200:
+     *         description: Data of user connected
+     */
+    me() {
+        // @ts-ignore
+        this.app.get("/me", async (req, res): void => {
+            const { token } = parse(req.path_query);
+            try {
+                //verify connected by token
+                if (token != undefined) {
+                    try {
+                        const authTokenData: AuthTokenData = jwtTokenManager.verifyJWTToken(token as string, false);
+                        if (authTokenData.accessToken == undefined) {
+                            throw Error("Token cannot to be checked on Hydra");
+                        }
+                        const me = await openIDClient.checkTokenAuth(authTokenData.accessToken);
+
+                        //get login profile
+                        res.status(200);
+                        res.json({ ...me });
+                        return;
+                    } catch (error) {
+                        this.castErrorToResponse(error, res);
+                        return;
+                    }
+                }
+            } catch (error) {
+                console.error("me => ERROR", error);
+                this.castErrorToResponse(error, res);
+                return;
+            }
+        });
+    }
+
    /**
     *
     * @param email
--- a/pusher/src/Controller/MapController.ts
+++ b/pusher/src/Controller/MapController.ts
@ -160,12 +160,12 @@ export class MapController extends BaseHttpController {
                            }
                        }
                    }
-                    const mapDetails = isMapDetailsData.safeParse(
+                    const mapDetails = isMapDetailsData.parse(
                        await adminApi.fetchMapDetails(query.playUri as string, userId)
                    );

-                    if (mapDetails.success && DISABLE_ANONYMOUS) {
-                        mapDetails.data.authenticationMandatory = true;
+                    if (DISABLE_ANONYMOUS) {
+                        mapDetails.authenticationMandatory = true;
                    }

                    res.json(mapDetails);
--- a/pusher/src/Services/AdminApi.ts
+++ b/pusher/src/Services/AdminApi.ts
@ -6,6 +6,7 @@ import { AdminApiData, isAdminApiData } from "../Messages/JsonMessages/AdminApiD
 import { z } from "zod";
 import { isWokaDetail } from "../Messages/JsonMessages/PlayerTextures";
 import qs from "qs";
+import { AdminInterface } from "./AdminInterface";

 export interface AdminBannedData {
    is_banned: boolean;
@ -25,7 +26,7 @@ export const isFetchMemberDataByUuidResponse = z.object({

 export type FetchMemberDataByUuidResponse = z.infer<typeof isFetchMemberDataByUuidResponse>;

-class AdminApi {
+class AdminApi implements AdminInterface {
    /**
     * @var playUri: is url of the room
     * @var userId: can to be undefined or email or uuid
@ -65,7 +66,7 @@ class AdminApi {
    }

    async fetchMemberDataByUuid(
-        userIdentifier: string | null,
+        userIdentifier: string,
        playUri: string,
        ipAddress: string,
        characterLayers: string[]
--- a/pusher/src/Services/AdminInterface.ts
+++ b/pusher/src/Services/AdminInterface.ts
@ -0,0 +1,10 @@
+import { FetchMemberDataByUuidResponse } from "./AdminApi";
+
+export interface AdminInterface {
+    fetchMemberDataByUuid(
+        userIdentifier: string,
+        playUri: string,
+        ipAddress: string,
+        characterLayers: string[]
+    ): Promise<FetchMemberDataByUuidResponse>;
+}
--- a/pusher/src/Services/AdminService.ts
+++ b/pusher/src/Services/AdminService.ts
@ -0,0 +1,5 @@
+import { ADMIN_API_URL } from "../Enum/EnvironmentVariable";
+import { adminApi } from "./AdminApi";
+import { localAdmin } from "./LocalAdmin";
+
+export const adminService = ADMIN_API_URL ? adminApi : localAdmin;
--- a/pusher/src/Services/LocalAdmin.ts
+++ b/pusher/src/Services/LocalAdmin.ts
@ -0,0 +1,29 @@
+import { FetchMemberDataByUuidResponse } from "./AdminApi";
+import { AdminInterface } from "./AdminInterface";
+
+/**
+ * A local class mocking a real admin if no admin is configured.
+ */
+class LocalAdmin implements AdminInterface {
+    fetchMemberDataByUuid(
+        userIdentifier: string,
+        // eslint-disable-next-line @typescript-eslint/no-unused-vars
+        playUri: string,
+        // eslint-disable-next-line @typescript-eslint/no-unused-vars
+        ipAddress: string,
+        // eslint-disable-next-line @typescript-eslint/no-unused-vars
+        characterLayers: string[]
+    ): Promise<FetchMemberDataByUuidResponse> {
+        return Promise.resolve({
+            email: userIdentifier,
+            userUuid: userIdentifier,
+            tags: [],
+            messages: [],
+            visitCardUrl: null,
+            textures: [],
+            userRoomToken: undefined,
+        });
+    }
+}
+
+export const localAdmin = new LocalAdmin();
--- a/pusher/src/Services/SocketManager.ts
+++ b/pusher/src/Services/SocketManager.ts
@ -121,7 +121,13 @@ export class SocketManager implements ZoneEventListener {
                }
            })
            .on("end", () => {
-                console.warn("Admin connection lost to back server");
+                console.warn(
+                    "Admin connection lost to back server '" +
+                        apiClient.getChannel().getTarget() +
+                        "' for room '" +
+                        roomId +
+                        "'"
+                );
                // Let's close the front connection if the back connection is closed. This way, we can retry connecting from the start.
                if (!client.disconnecting) {
                    this.closeWebsocketConnection(client, 1011, "Admin Connection lost to back server");
@ -129,7 +135,14 @@ export class SocketManager implements ZoneEventListener {
                console.log("A user left");
            })
            .on("error", (err: Error) => {
-                console.error("Error in connection to back server:", err);
+                console.error(
+                    "Error in connection to back server '" +
+                        apiClient.getChannel().getTarget() +
+                        "' for room '" +
+                        roomId +
+                        "':",
+                    err
+                );
                if (!client.disconnecting) {
                    this.closeWebsocketConnection(client, 1011, "Error while connecting to back server");
                }
@ -186,7 +199,7 @@ export class SocketManager implements ZoneEventListener {
                joinRoomMessage.addCharacterlayer(characterLayerMessage);
            }

-            console.log("Calling joinRoom");
+            console.log("Calling joinRoom '" + client.roomId + "'");
            const apiClient = await apiClientRepository.getClient(client.roomId);
            const streamToPusher = apiClient.joinRoom();
            clientEventsEmitter.emitClientJoin(client.userUuid, client.roomId);
@ -214,7 +227,13 @@ export class SocketManager implements ZoneEventListener {
                    }
                })
                .on("end", () => {
-                    console.warn("Connection lost to back server");
+                    console.warn(
+                        "Connection lost to back server '" +
+                            apiClient.getChannel().getTarget() +
+                            "' for room '" +
+                            client.roomId +
+                            "'"
+                    );
                    // Let's close the front connection if the back connection is closed. This way, we can retry connecting from the start.
                    if (!client.disconnecting) {
                        this.closeWebsocketConnection(client, 1011, "Connection lost to back server");
@ -222,7 +241,14 @@ export class SocketManager implements ZoneEventListener {
                    console.log("A user left");
                })
                .on("error", (err: Error) => {
-                    console.error("Error in connection to back server:", err);
+                    console.error(
+                        "Error in connection to back server '" +
+                            apiClient.getChannel().getTarget() +
+                            "' for room '" +
+                            client.roomId +
+                            "':",
+                        err
+                    );
                    if (!client.disconnecting) {
                        this.closeWebsocketConnection(client, 1011, "Error while connecting to back server");
                    }
--- a/tests/package-lock.json
+++ b/tests/package-lock.json
@ -5,7 +5,7 @@
  "packages": {
    "": {
      "devDependencies": {
-        "@playwright/test": "^1.20.0",
+        "@playwright/test": "~1.21.0",
        "@types/dockerode": "^3.3.0",
        "axios": "^0.24.0",
        "dockerode": "^3.3.1",
@ -854,9 +854,9 @@
      }
    },
    "node_modules/@playwright/test": {
-      "version": "1.20.0",
-      "resolved": "https://registry.npmjs.org/@playwright/test/-/test-1.20.0.tgz",
-      "integrity": "sha512-UpI5HTcgNLckR0kqXqwNvbcIXtRaDxk+hnO0OBwPSjfbBjRfRgAJ2ClA/b30C5E3UW5dJa17zhsy2qrk66l5cg==",
+      "version": "1.21.0",
+      "resolved": "https://registry.npmjs.org/@playwright/test/-/test-1.21.0.tgz",
+      "integrity": "sha512-jvgN3ZeAG6rw85z4u9Rc4uyj6qIaYlq2xrOtS7J2+CDYhzKOttab9ix9ELcvBOCHuQ6wgTfxfJYdh6DRZmQ9hg==",
      "dev": true,
      "dependencies": {
        "@babel/code-frame": "7.16.7",
@ -882,13 +882,13 @@
        "debug": "4.3.3",
        "expect": "27.2.5",
        "jest-matcher-utils": "27.2.5",
-        "json5": "2.2.0",
+        "json5": "2.2.1",
        "mime": "3.0.0",
        "minimatch": "3.0.4",
        "ms": "2.1.3",
        "open": "8.4.0",
        "pirates": "4.0.4",
-        "playwright-core": "1.20.0",
+        "playwright-core": "1.21.0",
        "rimraf": "3.0.2",
        "source-map-support": "0.4.18",
        "stack-utils": "2.0.5",
@ -1007,9 +1007,9 @@
      "dev": true
    },
    "node_modules/@types/yauzl": {
-      "version": "2.9.2",
-      "resolved": "https://registry.npmjs.org/@types/yauzl/-/yauzl-2.9.2.tgz",
-      "integrity": "sha512-8uALY5LTvSuHgloDVUvWP3pIauILm+8/0pDMokuDYIoNsOkSwd5AiHBTSEJjKTDcZr5z8UpgOWZkxBF4iJftoA==",
+      "version": "2.10.0",
+      "resolved": "https://registry.npmjs.org/@types/yauzl/-/yauzl-2.10.0.tgz",
+      "integrity": "sha512-Cn6WYCm0tXv8p6k+A8PvbDG763EDpBoTzHdA+Q/MF6H3sapGjCm9NzoaJncJS9tUKSuCoDs9XHxYYsQDgxR6kw==",
      "dev": true,
      "optional": true,
      "dependencies": {
@ -2071,13 +2071,10 @@
      }
    },
    "node_modules/json5": {
-      "version": "2.2.0",
-      "resolved": "https://registry.npmjs.org/json5/-/json5-2.2.0.tgz",
-      "integrity": "sha512-f+8cldu7X/y7RAJurMEJmdoKXGB/X550w2Nr3tTbezL6RwEE/iMcm+tZnXeoZtKuOq6ft8+CqzEkrIgx1fPoQA==",
+      "version": "2.2.1",
+      "resolved": "https://registry.npmjs.org/json5/-/json5-2.2.1.tgz",
+      "integrity": "sha512-1hqLFMSrGHRHxav9q9gNjJ5EXznIxGVO09xQRrwplcS8qs28pZ8s8hupZAmqDwZUmVZ2Qb2jnyPOWcDH8m8dlA==",
      "dev": true,
-      "dependencies": {
-        "minimist": "^1.2.5"
-      },
      "bin": {
        "json5": "lib/cli.js"
      },
@ -2279,9 +2276,9 @@
      }
    },
    "node_modules/playwright-core": {
-      "version": "1.20.0",
-      "resolved": "https://registry.npmjs.org/playwright-core/-/playwright-core-1.20.0.tgz",
-      "integrity": "sha512-d25IRcdooS278Cijlp8J8A5fLQZ+/aY3dKRJvgX5yjXA69N0huIUdnh3xXSgn+LsQ9DCNmB7Ngof3eY630jgdA==",
+      "version": "1.21.0",
+      "resolved": "https://registry.npmjs.org/playwright-core/-/playwright-core-1.21.0.tgz",
+      "integrity": "sha512-yDGVs9qaaW6WiefgR7wH1CGt9D6D/X4U3jNpIzH0FjjrrWLCOYQo78Tu3SkW8X+/kWlBpj49iWf3QNSxhYc12Q==",
      "dev": true,
      "dependencies": {
        "colors": "1.4.0",
@ -3340,9 +3337,9 @@
      }
    },
    "@playwright/test": {
-      "version": "1.20.0",
-      "resolved": "https://registry.npmjs.org/@playwright/test/-/test-1.20.0.tgz",
-      "integrity": "sha512-UpI5HTcgNLckR0kqXqwNvbcIXtRaDxk+hnO0OBwPSjfbBjRfRgAJ2ClA/b30C5E3UW5dJa17zhsy2qrk66l5cg==",
+      "version": "1.21.0",
+      "resolved": "https://registry.npmjs.org/@playwright/test/-/test-1.21.0.tgz",
+      "integrity": "sha512-jvgN3ZeAG6rw85z4u9Rc4uyj6qIaYlq2xrOtS7J2+CDYhzKOttab9ix9ELcvBOCHuQ6wgTfxfJYdh6DRZmQ9hg==",
      "dev": true,
      "requires": {
        "@babel/code-frame": "7.16.7",
@ -3368,13 +3365,13 @@
        "debug": "4.3.3",
        "expect": "27.2.5",
        "jest-matcher-utils": "27.2.5",
-        "json5": "2.2.0",
+        "json5": "2.2.1",
        "mime": "3.0.0",
        "minimatch": "3.0.4",
        "ms": "2.1.3",
        "open": "8.4.0",
        "pirates": "4.0.4",
-        "playwright-core": "1.20.0",
+        "playwright-core": "1.21.0",
        "rimraf": "3.0.2",
        "source-map-support": "0.4.18",
        "stack-utils": "2.0.5",
@ -3489,9 +3486,9 @@
      "dev": true
    },
    "@types/yauzl": {
-      "version": "2.9.2",
-      "resolved": "https://registry.npmjs.org/@types/yauzl/-/yauzl-2.9.2.tgz",
-      "integrity": "sha512-8uALY5LTvSuHgloDVUvWP3pIauILm+8/0pDMokuDYIoNsOkSwd5AiHBTSEJjKTDcZr5z8UpgOWZkxBF4iJftoA==",
+      "version": "2.10.0",
+      "resolved": "https://registry.npmjs.org/@types/yauzl/-/yauzl-2.10.0.tgz",
+      "integrity": "sha512-Cn6WYCm0tXv8p6k+A8PvbDG763EDpBoTzHdA+Q/MF6H3sapGjCm9NzoaJncJS9tUKSuCoDs9XHxYYsQDgxR6kw==",
      "dev": true,
      "optional": true,
      "requires": {
@ -4269,13 +4266,10 @@
      "dev": true
    },
    "json5": {
-      "version": "2.2.0",
-      "resolved": "https://registry.npmjs.org/json5/-/json5-2.2.0.tgz",
-      "integrity": "sha512-f+8cldu7X/y7RAJurMEJmdoKXGB/X550w2Nr3tTbezL6RwEE/iMcm+tZnXeoZtKuOq6ft8+CqzEkrIgx1fPoQA==",
-      "dev": true,
-      "requires": {
-        "minimist": "^1.2.5"
-      }
+      "version": "2.2.1",
+      "resolved": "https://registry.npmjs.org/json5/-/json5-2.2.1.tgz",
+      "integrity": "sha512-1hqLFMSrGHRHxav9q9gNjJ5EXznIxGVO09xQRrwplcS8qs28pZ8s8hupZAmqDwZUmVZ2Qb2jnyPOWcDH8m8dlA==",
+      "dev": true
    },
    "micromatch": {
      "version": "4.0.4",
@ -4425,9 +4419,9 @@
      }
    },
    "playwright-core": {
-      "version": "1.20.0",
-      "resolved": "https://registry.npmjs.org/playwright-core/-/playwright-core-1.20.0.tgz",
-      "integrity": "sha512-d25IRcdooS278Cijlp8J8A5fLQZ+/aY3dKRJvgX5yjXA69N0huIUdnh3xXSgn+LsQ9DCNmB7Ngof3eY630jgdA==",
+      "version": "1.21.0",
+      "resolved": "https://registry.npmjs.org/playwright-core/-/playwright-core-1.21.0.tgz",
+      "integrity": "sha512-yDGVs9qaaW6WiefgR7wH1CGt9D6D/X4U3jNpIzH0FjjrrWLCOYQo78Tu3SkW8X+/kWlBpj49iWf3QNSxhYc12Q==",
      "dev": true,
      "requires": {
        "colors": "1.4.0",
--- a/tests/package.json
+++ b/tests/package.json
@ -1,6 +1,6 @@
 {
  "devDependencies": {
-    "@playwright/test": "^1.20.0",
+    "@playwright/test": "~1.21.0",
    "@types/dockerode": "^3.3.0",
    "axios": "^0.24.0",
    "dockerode": "^3.3.1",
--- a/uploader/tsconfig.json
+++ b/uploader/tsconfig.json
@ -40,17 +40,17 @@
    /* Module Resolution Options */
    "moduleResolution": "node", /* Specify module resolution strategy: 'node' (Node.js) or 'classic' (TypeScript pre-1.6). */
    //"baseUrl": ".",                           /* Base directory to resolve non-absolute module names. */
-    "paths": {
-      "_Controller/*": [
-        "src/Controller/*"
-      ],
-      "_Model/*": [
-        "src/Model/*"
-      ],
-      "_Enum/*": [
-        "src/Enum/*"
-      ]
-    }, /* A series of entries which re-map imports to lookup locations relative to the 'baseUrl'. */
+    // "paths": {
+    //   "_Controller/*": [
+    //     "src/Controller/*"
+    //   ],
+    //   "_Model/*": [
+    //     "src/Model/*"
+    //   ],
+    //   "_Enum/*": [
+    //     "src/Enum/*"
+    //   ]
+    // }, /* A series of entries which re-map imports to lookup locations relative to the 'baseUrl'. */
    // "rootDirs": [],                        /* List of root folders whose combined content represents the structure of the project at runtime. */
    // "typeRoots": [],                       /* List of folders to include type definitions from. */
    // "types": [],                           /* Type declaration files to be included in compilation. */