merged develop

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;

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()} />

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: " +

front/src/Connexion/Room.ts

@@ -15,14 +15,9 @@ export interface RoomRedirect {
 
 export class Room {
     public readonly id: string;
-    /**
-     * @deprecated
-     */
-    private readonly isPublic: boolean;
     private _authenticationMandatory: boolean = DISABLE_ANONYMOUS;
     private _iframeAuthentication?: string = OPID_LOGIN_SCREEN_PROVIDER;
     private _mapUrl: string | undefined;
-    private instance: string | undefined;
     private readonly _search: URLSearchParams;
     private _contactPage: string | undefined;
     private _group: string | null = null;
@@ -37,13 +32,6 @@ export class Room {
         if (this.id.startsWith("/")) {
             this.id = this.id.substr(1);
         }
-        if (this.id.startsWith("_/") || this.id.startsWith("*/")) {
-            this.isPublic = true;
-        } else if (this.id.startsWith("@/")) {
-            this.isPublic = false;
-        } else {
-            throw new Error("Invalid room ID");
-        }
 
         this._search = new URLSearchParams(roomUrl.search);
     }
@@ -84,8 +72,10 @@ export class Room {
 
         const currentRoom = new Room(baseUrl);
         let instance: string = "global";
-        if (currentRoom.isPublic) {
-            instance = currentRoom.getInstance();
+        if (currentRoom.id.startsWith("_/") || currentRoom.id.startsWith("*/")) {
+            const match = /[_*]\/([^/]+)\/.+/.exec(currentRoom.id);
+            if (!match) throw new Error('Could not extract instance from "' + currentRoom.id + '"');
+            instance = match[1];
         }
 
         baseUrl.pathname = "/_/" + instance + "/" + absoluteExitSceneUrl.host + absoluteExitSceneUrl.pathname;
@@ -151,31 +141,6 @@ export class Room {
         }
     }
 
-    /**
-     * Instance name is:
-     * - In a public URL: the second part of the URL ( _/[instance]/map.json)
-     * - In a private URL: [organizationId/worldId]
-     *
-     * @deprecated
-     */
-    public getInstance(): string {
-        if (this.instance !== undefined) {
-            return this.instance;
-        }
-
-        if (this.isPublic) {
-            const match = /[_*]\/([^/]+)\/.+/.exec(this.id);
-            if (!match) throw new Error('Could not extract instance from "' + this.id + '"');
-            this.instance = match[1];
-            return this.instance;
-        } else {
-            const match = /@\/([^/]+)\/([^/]+)\/.+/.exec(this.id);
-            if (!match) throw new Error('Could not extract instance from "' + this.id + '"');
-            this.instance = match[1] + "/" + match[2];
-            return this.instance;
-        }
-    }
-
     public isDisconnected(): boolean {
         const alone = this._search.get("alone");
         if (alone && alone !== "0" && alone.toLowerCase() !== "false") {

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";

front/src/Phaser/Game/GameMapProperties.ts

@@ -15,6 +15,7 @@ export enum GameMapProperties {
     JITSI_TRIGGER_MESSAGE = "jitsiTriggerMessage",
     JITSI_URL = "jitsiUrl",
     JITSI_WIDTH = "jitsiWidth",
+    JITSI_NO_PREFIX = "jitsiNoPrefix",
     NAME = "name",
     OPEN_TAB = "openTab",
     OPEN_WEBSITE = "openWebsite",

front/src/Phaser/Game/GameMapPropertiesListener.ts

@@ -72,7 +72,11 @@ export class GameMapPropertiesListener {
                 this.scene.CurrentPlayer.setStatus(newStatus);
             } else {
                 const openJitsiRoomFunction = () => {
-                    const roomName = jitsiFactory.getRoomName(newValue.toString(), this.scene.instance);
+                    let addPrefix = true;
+                    if (allProps.get(GameMapProperties.JITSI_NO_PREFIX)) {
+                        addPrefix = false;
+                    }
+                    const roomName = jitsiFactory.getRoomName(newValue.toString(), this.scene.roomUrl, addPrefix);
                     const jitsiUrl = allProps.get(GameMapProperties.JITSI_URL) as string | undefined;
 
                     if (JITSI_PRIVATE_MODE && !jitsiUrl) {

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;
@@ -184,7 +185,6 @@ export class GameScene extends DirtyScene {
     private biggestAvailableAreaStoreUnsubscribe!: () => void;
     MapUrlFile: string;
     roomUrl: string;
-    instance: string;
 
     currentTick!: number;
     lastSentTick!: number; // The last tick at which a position was sent.
@@ -221,8 +221,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;
@@ -233,7 +233,6 @@ export class GameScene extends DirtyScene {
         });
         this.Terrains = [];
         this.groups = new Map<number, Sprite>();
-        this.instance = room.getInstance();
 
         this.MapUrlFile = MapUrlFile;
         this.roomUrl = room.key;
@@ -850,6 +849,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
                  */

front/src/Stores/MediaStore.ts

@@ -12,6 +12,7 @@ import { privacyShutdownStore } from "./PrivacyShutdownStore";
 import { MediaStreamConstraintsError } from "./Errors/MediaStreamConstraintsError";
 import { SoundMeter } from "../Phaser/Components/SoundMeter";
 import { AvailabilityStatus } from "../Messages/ts-proto-generated/protos/messages";
+import deepEqual from "fast-deep-equal";
 
 /**
  * A store that contains the camera state requested by the user (on or off).
@@ -313,10 +314,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;

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()}`;
+}

front/src/Utils/StringUtils.ts

@@ -9,4 +9,21 @@ export class StringUtils {
         }
         return { x: values[0], y: values[1] };
     }
+
+    /**
+     * Computes a "short URL" hash of the string passed in parameter.
+     */
+    public static shortHash = function (s: string): string {
+        let hash = 0;
+        const strLength = s.length;
+        if (strLength === 0) {
+            return "";
+        }
+        for (let i = 0; i < strLength; i++) {
+            const c = s.charCodeAt(i);
+            hash = (hash << 5) - hash + c;
+            hash = hash & hash; // Convert to 32bit integer
+        }
+        return Math.abs(hash).toString(36);
+    };
 }

front/src/WebRtc/JitsiFactory.ts

@@ -5,6 +5,7 @@ import { get } from "svelte/store";
 import CancelablePromise from "cancelable-promise";
 import { gameManager } from "../Phaser/Game/GameManager";
 import { jitsiParticipantsCountStore, userIsJitsiDominantSpeakerStore } from "../Stores/GameStore";
+import { StringUtils } from "../Utils/StringUtils";
 
 interface jitsiConfigInterface {
     startWithAudioMuted: boolean;
@@ -120,7 +121,7 @@ const slugify = (...args: (string | number)[]): string => {
         .replace(/[\u0300-\u036f]/g, "") // remove all previously split accents
         .toLowerCase()
         .trim()
-        .replace(/[^a-z0-9 ]/g, "") // remove all chars not letters, numbers and spaces (to be replaced)
+        .replace(/[^a-z0-9-_ ]/g, "") // remove all chars not letters, numbers, dash, underscores and spaces (to be replaced)
         .replace(/\s+/g, "-"); // separator
 };
 
@@ -135,8 +136,8 @@ class JitsiFactory {
     /**
      * Slugifies the room name and prepends the room name with the instance
      */
-    public getRoomName(roomName: string, instance: string): string {
-        return slugify(instance.replace("/", "-") + "-" + roomName);
+    public getRoomName(roomName: string, roomId: string, addPrefix: boolean): string {
+        return slugify((addPrefix ? StringUtils.shortHash(roomId) + "-" : "") + roomName);
     }
 
     public start(

front/src/i18n/de-DE/report.ts

@@ -3,17 +3,18 @@ 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",

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;

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;

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;

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;

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;

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;

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;

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;

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;

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;

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;

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;

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;

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;