@mml-io/3d-web-experience-client 0.17.0 → 0.19.0

package/build/Networked3dWebExperienceClient.d.ts

@@ -1,4 +1,6 @@
+import { AvatarConfiguration } from "@mml-io/3d-web-avatar-selection-ui";
 import { AnimationConfig, EnvironmentConfiguration } from "@mml-io/3d-web-client-core";
+import { StringToHslOptions } from "@mml-io/3d-web-text-chat";
 type MMLDocumentConfiguration = {
     url: string;
     position?: {
@@ -18,24 +20,35 @@ type MMLDocumentConfiguration = {
     };
 };
 export type Networked3dWebExperienceClientConfig = {
-    sessionToken: string;
-    chatNetworkAddress?: string;
-    voiceChatAddress?: string;
     userNetworkAddress: string;
-    mmlDocuments?: Array<MMLDocumentConfiguration>;
+    sessionToken: string;
+    chatVisibleByDefault?: boolean;
+    userNameToColorOptions?: StringToHslOptions;
     animationConfig: AnimationConfig;
+    voiceChatAddress?: string;
+    updateURLLocation?: boolean;
+    onServerBroadcast?: (broadcast: {
+        broadcastType: string;
+        payload: any;
+    }) => void;
+} & UpdatableConfig;
+export type UpdatableConfig = {
+    chatNetworkAddress?: string | null;
+    mmlDocuments?: {
+        [key: string]: MMLDocumentConfiguration;
+    };
     environmentConfiguration?: EnvironmentConfiguration;
-    skyboxHdrJpgUrl: string;
+    avatarConfiguration?: AvatarConfiguration;
     enableTweakPane?: boolean;
-    updateURLLocation?: boolean;
 };
 export declare class Networked3dWebExperienceClient {
     private holderElement;
     private config;
     private element;
+    private canvasHolder;
     private scene;
     private composer;
-    private tweakPane?;
+    private tweakPane;
     private audioListener;
     private cameraManager;
     private collisionsManager;
@@ -45,27 +58,43 @@ export declare class Networked3dWebExperienceClient {
     private keyInputManager;
     private virtualJoystick;
     private mmlCompositionScene;
+    private mmlFrames;
     private clientId;
     private networkClient;
     private remoteUserStates;
     private userProfiles;
     private networkChat;
     private textChatUI;
+    private avatarSelectionUI;
     private voiceChatManager;
     private readonly latestCharacterObject;
     private characterControllerPaneSet;
     private initialLoadCompleted;
     private loadingProgressManager;
     private loadingScreen;
+    private errorScreen?;
+    private currentRequestAnimationFrame;
+    private groundPlane;
     constructor(holderElement: HTMLElement, config: Networked3dWebExperienceClientConfig);
+    private setGroundPlaneEnabled;
+    updateConfig(config: Partial<UpdatableConfig>): void;
     static createFullscreenHolder(): HTMLDivElement;
     private resolveCharacterData;
     private updateUserProfile;
+    private updateUserAvatar;
     private sendChatMessageToServer;
+    private sendIdentityUpdateToServer;
     private connectToVoiceChat;
+    private setupTweakPane;
     private connectToTextChat;
+    private mountAvatarSelectionUI;
     update(): void;
     private spawnCharacter;
+    private disposeWithError;
+    dispose(): void;
     private setupMMLScene;
+    private createFrame;
+    private updateFrameAttributes;
+    private setMMLDocuments;
 }
 export {};

package/build/index.js

@@ -1,4 +1,7 @@
 // src/Networked3dWebExperienceClient.ts
+import {
+  AvatarSelectionUI
+} from "@mml-io/3d-web-avatar-selection-ui";
 import {
   CameraManager,
   CharacterManager,
@@ -6,6 +9,7 @@ import {
   CollisionsManager,
   Composer,
   decodeCharacterAndCamera,
+  ErrorScreen,
   getSpawnPositionInsideCircle,
   GroundPlane,
   KeyInputManager,
@@ -15,8 +19,15 @@ import {
   TweakPane,
   VirtualJoystick
 } from "@mml-io/3d-web-client-core";
-import { ChatNetworkingClient, TextChatUI } from "@mml-io/3d-web-text-chat";
 import {
+  ChatNetworkingClient,
+  TextChatUI
+} from "@mml-io/3d-web-text-chat";
+import {
+  USER_NETWORKING_AUTHENTICATION_FAILED_ERROR_TYPE,
+  USER_NETWORKING_CONNECTION_LIMIT_REACHED_ERROR_TYPE,
+  USER_NETWORKING_SERVER_SHUTDOWN_ERROR_TYPE,
+  USER_NETWORKING_USER_UPDATE_MESSAGE_TYPE,
   UserNetworkingClient,
   WebsocketStatus
 } from "@mml-io/3d-web-user-networking";
@@ -24,6 +35,7 @@ import { VoiceChatManager } from "@mml-io/3d-web-voice-chat";
 import {
   LoadingProgressManager,
   registerCustomElementsToWindow,
+  setGlobalDocumentTimeManager,
   setGlobalMMLScene
 } from "mml-web";
 import { AudioListener, Euler, Scene, Vector3 } from "three";
@@ -32,16 +44,19 @@ var Networked3dWebExperienceClient = class {
     this.holderElement = holderElement;
     this.config = config;
     this.scene = new Scene();
+    this.tweakPane = null;
     this.audioListener = new AudioListener();
     this.collisionsManager = new CollisionsManager(this.scene);
     this.characterModelLoader = new CharacterModelLoader();
     this.timeManager = new TimeManager();
     this.keyInputManager = new KeyInputManager();
+    this.mmlFrames = {};
     this.clientId = null;
     this.remoteUserStates = /* @__PURE__ */ new Map();
     this.userProfiles = /* @__PURE__ */ new Map();
     this.networkChat = null;
     this.textChatUI = null;
+    this.avatarSelectionUI = null;
     this.voiceChatManager = null;
     this.latestCharacterObject = {
       characterState: null
@@ -49,6 +64,8 @@ var Networked3dWebExperienceClient = class {
     this.characterControllerPaneSet = false;
     this.initialLoadCompleted = false;
     this.loadingProgressManager = new LoadingProgressManager();
+    this.currentRequestAnimationFrame = null;
+    this.groundPlane = null;
     var _a;
     this.element = document.createElement("div");
     this.element.style.position = "absolute";
@@ -60,14 +77,17 @@ var Networked3dWebExperienceClient = class {
         this.audioListener.context.resume();
       }
     });
-    this.cameraManager = new CameraManager(this.element, this.collisionsManager);
+    this.canvasHolder = document.createElement("div");
+    this.canvasHolder.style.position = "absolute";
+    this.canvasHolder.style.width = "100%";
+    this.canvasHolder.style.height = "100%";
+    this.element.appendChild(this.canvasHolder);
+    this.cameraManager = new CameraManager(this.canvasHolder, this.collisionsManager);
     this.cameraManager.camera.add(this.audioListener);
     this.virtualJoystick = new VirtualJoystick(this.element, {
       radius: 70,
-      inner_radius: 20,
-      x: 70,
-      y: 0,
-      mouse_support: false
+      innerRadius: 20,
+      mouseSupport: false
     });
     this.composer = new Composer({
       scene: this.scene,
@@ -75,17 +95,9 @@ var Networked3dWebExperienceClient = class {
       spawnSun: true,
       environmentConfiguration: this.config.environmentConfiguration
     });
-    this.composer.useHDRJPG(this.config.skyboxHdrJpgUrl);
-    this.element.appendChild(this.composer.renderer.domElement);
+    this.canvasHolder.appendChild(this.composer.renderer.domElement);
     if (this.config.enableTweakPane !== false) {
-      this.tweakPane = new TweakPane(
-        this.element,
-        this.composer.renderer,
-        this.scene,
-        this.composer.effectComposer
-      );
-      this.cameraManager.setupTweakPane(this.tweakPane);
-      this.composer.setupTweakPane(this.tweakPane);
+      this.setupTweakPane();
     }
     const resizeObserver = new ResizeObserver(() => {
       this.composer.fitContainer();
@@ -125,6 +137,26 @@ var Networked3dWebExperienceClient = class {
           username,
           characterDescription
         });
+      },
+      onServerError: (error) => {
+        switch (error.errorType) {
+          case USER_NETWORKING_AUTHENTICATION_FAILED_ERROR_TYPE:
+            this.disposeWithError(error.message);
+            break;
+          case USER_NETWORKING_CONNECTION_LIMIT_REACHED_ERROR_TYPE:
+            this.disposeWithError(error.message);
+            break;
+          case USER_NETWORKING_SERVER_SHUTDOWN_ERROR_TYPE:
+            this.disposeWithError(error.message || "Server shutdown");
+            break;
+          default:
+            console.error(`Unhandled server error: ${error.message}`);
+            this.disposeWithError(error.message);
+        }
+      },
+      onServerBroadcast: (broadcast) => {
+        var _a2, _b;
+        (_b = (_a2 = this.config).onServerBroadcast) == null ? void 0 : _b.call(_a2, broadcast);
       }
     });
     this.characterManager = new CharacterManager({
@@ -147,25 +179,68 @@ var Networked3dWebExperienceClient = class {
       updateURLLocation: this.config.updateURLLocation !== false
     });
     this.scene.add(this.characterManager.group);
-    if (((_a = this.config.environmentConfiguration) == null ? void 0 : _a.groundPlane) !== false) {
-      const groundPlane = new GroundPlane();
-      this.collisionsManager.addMeshesGroup(groundPlane);
-      this.scene.add(groundPlane);
-    }
+    this.setGroundPlaneEnabled(((_a = this.config.environmentConfiguration) == null ? void 0 : _a.groundPlane) ?? true);
     this.setupMMLScene();
     this.loadingScreen = new LoadingScreen(this.loadingProgressManager);
-    document.body.append(this.loadingScreen.element);
+    this.element.append(this.loadingScreen.element);
     this.loadingProgressManager.addProgressCallback(() => {
       const [, completed] = this.loadingProgressManager.toRatio();
       if (completed && !this.initialLoadCompleted) {
         this.initialLoadCompleted = true;
         this.connectToVoiceChat();
         this.connectToTextChat();
+        this.mountAvatarSelectionUI();
         this.spawnCharacter();
       }
     });
     this.loadingProgressManager.setInitialLoad(true);
   }
+  setGroundPlaneEnabled(enabled) {
+    if (enabled && this.groundPlane === null) {
+      this.groundPlane = new GroundPlane();
+      this.collisionsManager.addMeshesGroup(this.groundPlane);
+      this.scene.add(this.groundPlane);
+    } else if (!enabled && this.groundPlane !== null) {
+      this.collisionsManager.removeMeshesGroup(this.groundPlane);
+      this.scene.remove(this.groundPlane);
+      this.groundPlane = null;
+    }
+  }
+  updateConfig(config) {
+    var _a, _b;
+    this.config = {
+      ...this.config,
+      ...config
+    };
+    if (config.environmentConfiguration) {
+      this.composer.updateEnvironmentConfiguration(config.environmentConfiguration);
+      this.setGroundPlaneEnabled(config.environmentConfiguration.groundPlane ?? true);
+    }
+    if (config.avatarConfiguration && this.avatarSelectionUI) {
+      (_a = this.avatarSelectionUI) == null ? void 0 : _a.updateAvatarConfig(config.avatarConfiguration);
+    }
+    if (config.enableTweakPane !== void 0) {
+      if (config.enableTweakPane === false && this.tweakPane !== null) {
+        this.tweakPane.dispose();
+        this.tweakPane = null;
+      } else if (config.enableTweakPane === true && this.tweakPane === null) {
+        this.setupTweakPane();
+      }
+    }
+    if (config.chatNetworkAddress !== void 0) {
+      if (config.chatNetworkAddress === null && this.networkChat !== null) {
+        this.networkChat.stop();
+        this.networkChat = null;
+        (_b = this.textChatUI) == null ? void 0 : _b.dispose();
+        this.textChatUI = null;
+      } else {
+        this.connectToTextChat();
+      }
+    }
+    if (config.mmlDocuments) {
+      this.setMMLDocuments(config.mmlDocuments);
+    }
+  }
   static createFullscreenHolder() {
     document.body.style.margin = "0";
     document.body.style.overflow = "hidden";
@@ -192,12 +267,51 @@ var Networked3dWebExperienceClient = class {
     this.userProfiles.set(id, userData);
     this.characterManager.respawnIfPresent(id);
   }
+  updateUserAvatar(avatar) {
+    if (this.clientId === null) {
+      throw new Error("Client ID not set");
+    }
+    const user = this.userProfiles.get(this.clientId);
+    if (!user) {
+      throw new Error("User not found");
+    }
+    const newUser = {
+      ...user,
+      characterDescription: {
+        meshFileUrl: avatar.meshFileUrl ?? void 0,
+        mmlCharacterUrl: avatar.mmlCharacterUrl ?? void 0,
+        mmlCharacterString: avatar.mmlCharacterString ?? void 0
+      }
+    };
+    this.userProfiles.set(this.clientId, newUser);
+    this.updateUserProfile(this.clientId, newUser);
+  }
   sendChatMessageToServer(message) {
     this.mmlCompositionScene.onChatMessage(message);
     if (this.clientId === null || this.networkChat === null)
       return;
     this.networkChat.sendChatMessage(message);
   }
+  sendIdentityUpdateToServer(avatar) {
+    if (!this.clientId) {
+      throw new Error("Client ID not set");
+    }
+    const userProfile = this.userProfiles.get(this.clientId);
+    if (!userProfile) {
+      throw new Error("User profile not found");
+    }
+    this.networkClient.sendMessage({
+      type: USER_NETWORKING_USER_UPDATE_MESSAGE_TYPE,
+      userIdentity: {
+        username: userProfile.username,
+        characterDescription: {
+          mmlCharacterString: avatar.mmlCharacterString,
+          mmlCharacterUrl: avatar.mmlCharacterUrl,
+          meshFileUrl: avatar.meshFileUrl
+        }
+      }
+    });
+  }
   connectToVoiceChat() {
     if (this.clientId === null)
       return;
@@ -212,6 +326,19 @@ var Networked3dWebExperienceClient = class {
       });
     }
   }
+  setupTweakPane() {
+    if (this.tweakPane) {
+      return;
+    }
+    this.tweakPane = new TweakPane(
+      this.element,
+      this.composer.renderer,
+      this.scene,
+      this.composer.effectComposer
+    );
+    this.cameraManager.setupTweakPane(this.tweakPane);
+    this.composer.setupTweakPane(this.tweakPane);
+  }
   connectToTextChat() {
     if (this.clientId === null) {
       return;
@@ -222,17 +349,20 @@ var Networked3dWebExperienceClient = class {
         throw new Error("User not found");
       }
       if (this.textChatUI === null) {
-        this.textChatUI = new TextChatUI(
-          this.element,
-          user.username,
-          this.sendChatMessageToServer.bind(this)
-        );
+        const textChatUISettings = {
+          holderElement: this.element,
+          clientname: user.username,
+          sendMessageToServerMethod: this.sendChatMessageToServer.bind(this),
+          visibleByDefault: this.config.chatVisibleByDefault,
+          stringToHslOptions: this.config.userNameToColorOptions
+        };
+        this.textChatUI = new TextChatUI(textChatUISettings);
         this.textChatUI.init();
       }
       this.networkChat = new ChatNetworkingClient({
         url: this.config.chatNetworkAddress,
         sessionToken: this.config.sessionToken,
-        websocketFactory: (url) => new WebSocket(`${url}?id=${this.clientId}`),
+        websocketFactory: (url) => new WebSocket(url),
         statusUpdateCallback: (status) => {
           if (status === WebsocketStatus.Disconnected || status === WebsocketStatus.Reconnecting) {
           }
@@ -243,10 +373,25 @@ var Networked3dWebExperienceClient = class {
             const username = ((_a = this.userProfiles.get(clientId)) == null ? void 0 : _a.username) || "Unknown";
             this.textChatUI.addTextMessage(username, chatNetworkingUpdate.text);
           }
+        },
+        onServerError: (error) => {
+          console.error(`Chat server error: ${error.message}. errorType: ${error.errorType}`);
+          this.disposeWithError(error.message);
         }
       });
     }
   }
+  mountAvatarSelectionUI() {
+    var _a, _b;
+    this.avatarSelectionUI = new AvatarSelectionUI({
+      holderElement: this.element,
+      visibleByDefault: false,
+      sendMessageToServerMethod: this.sendIdentityUpdateToServer.bind(this),
+      availableAvatars: ((_a = this.config.avatarConfiguration) == null ? void 0 : _a.availableAvatars) ?? [],
+      allowCustomAvatars: (_b = this.config.avatarConfiguration) == null ? void 0 : _b.allowCustomAvatars
+    });
+    this.avatarSelectionUI.init();
+  }
   update() {
     var _a, _b, _c, _d;
     this.timeManager.update();
@@ -269,7 +414,7 @@ var Networked3dWebExperienceClient = class {
         }
       }
     }
-    requestAnimationFrame(() => {
+    this.currentRequestAnimationFrame = requestAnimationFrame(() => {
       this.update();
     });
   }
@@ -305,6 +450,31 @@ var Networked3dWebExperienceClient = class {
       this.cameraManager.reverseUpdateFromPositions();
     }
   }
+  disposeWithError(message) {
+    this.dispose();
+    this.errorScreen = new ErrorScreen("An error occurred", message);
+    this.element.append(this.errorScreen.element);
+  }
+  dispose() {
+    var _a, _b, _c, _d;
+    this.networkClient.stop();
+    (_a = this.networkChat) == null ? void 0 : _a.stop();
+    for (const [key, element] of Object.entries(this.mmlFrames)) {
+      element.remove();
+    }
+    this.mmlFrames = {};
+    (_b = this.textChatUI) == null ? void 0 : _b.dispose();
+    this.mmlCompositionScene.dispose();
+    this.composer.dispose();
+    (_c = this.tweakPane) == null ? void 0 : _c.dispose();
+    if (this.currentRequestAnimationFrame !== null) {
+      cancelAnimationFrame(this.currentRequestAnimationFrame);
+      this.currentRequestAnimationFrame = null;
+    }
+    this.cameraManager.dispose();
+    this.loadingScreen.dispose();
+    (_d = this.errorScreen) == null ? void 0 : _d.dispose();
+  }
   setupMMLScene() {
     registerCustomElementsToWindow(window);
     this.mmlCompositionScene = new MMLCompositionScene({
@@ -320,34 +490,8 @@ var Networked3dWebExperienceClient = class {
     });
     this.scene.add(this.mmlCompositionScene.group);
     setGlobalMMLScene(this.mmlCompositionScene.mmlScene);
-    if (this.config.mmlDocuments) {
-      for (const mmlDocument of this.config.mmlDocuments) {
-        const frameElement = document.createElement("m-frame");
-        frameElement.setAttribute("src", mmlDocument.url);
-        if (mmlDocument.position) {
-          frameElement.setAttribute("x", mmlDocument.position.x.toString());
-          frameElement.setAttribute("y", mmlDocument.position.y.toString());
-          frameElement.setAttribute("z", mmlDocument.position.z.toString());
-        }
-        if (mmlDocument.rotation) {
-          frameElement.setAttribute("rx", mmlDocument.rotation.x.toString());
-          frameElement.setAttribute("ry", mmlDocument.rotation.y.toString());
-          frameElement.setAttribute("rz", mmlDocument.rotation.z.toString());
-        }
-        if (mmlDocument.scale) {
-          if (mmlDocument.scale.x !== void 0) {
-            frameElement.setAttribute("sx", mmlDocument.scale.x.toString());
-          }
-          if (mmlDocument.scale.y !== void 0) {
-            frameElement.setAttribute("sy", mmlDocument.scale.y.toString());
-          }
-          if (mmlDocument.scale.z !== void 0) {
-            frameElement.setAttribute("sz", mmlDocument.scale.z.toString());
-          }
-        }
-        document.body.appendChild(frameElement);
-      }
-    }
+    setGlobalDocumentTimeManager(this.mmlCompositionScene.documentTimeManager);
+    this.setMMLDocuments(this.config.mmlDocuments ?? {});
     const mmlProgressManager = this.mmlCompositionScene.mmlScene.getLoadingProgressManager();
     this.loadingProgressManager.addLoadingDocument(mmlProgressManager, "mml", mmlProgressManager);
     mmlProgressManager.addProgressCallback(() => {
@@ -355,6 +499,71 @@ var Networked3dWebExperienceClient = class {
     });
     mmlProgressManager.setInitialLoad(true);
   }
+  createFrame(mmlDocument) {
+    const frameElement = document.createElement("m-frame");
+    frameElement.setAttribute("src", mmlDocument.url);
+    this.updateFrameAttributes(frameElement, mmlDocument);
+    return frameElement;
+  }
+  updateFrameAttributes(frameElement, mmlDocument) {
+    var _a, _b, _c;
+    const existingSrc = frameElement.getAttribute("src");
+    if (existingSrc !== mmlDocument.url) {
+      frameElement.setAttribute("src", mmlDocument.url);
+    }
+    if (mmlDocument.position) {
+      frameElement.setAttribute("x", mmlDocument.position.x.toString());
+      frameElement.setAttribute("y", mmlDocument.position.y.toString());
+      frameElement.setAttribute("z", mmlDocument.position.z.toString());
+    } else {
+      frameElement.setAttribute("x", "0");
+      frameElement.setAttribute("y", "0");
+      frameElement.setAttribute("z", "0");
+    }
+    if (mmlDocument.rotation) {
+      frameElement.setAttribute("rx", mmlDocument.rotation.x.toString());
+      frameElement.setAttribute("ry", mmlDocument.rotation.y.toString());
+      frameElement.setAttribute("rz", mmlDocument.rotation.z.toString());
+    } else {
+      frameElement.setAttribute("rx", "0");
+      frameElement.setAttribute("ry", "0");
+      frameElement.setAttribute("rz", "0");
+    }
+    if (((_a = mmlDocument.scale) == null ? void 0 : _a.x) !== void 0) {
+      frameElement.setAttribute("sx", mmlDocument.scale.x.toString());
+    } else {
+      frameElement.setAttribute("sx", "1");
+    }
+    if (((_b = mmlDocument.scale) == null ? void 0 : _b.y) !== void 0) {
+      frameElement.setAttribute("sy", mmlDocument.scale.y.toString());
+    } else {
+      frameElement.setAttribute("sy", "1");
+    }
+    if (((_c = mmlDocument.scale) == null ? void 0 : _c.z) !== void 0) {
+      frameElement.setAttribute("sz", mmlDocument.scale.z.toString());
+    } else {
+      frameElement.setAttribute("sz", "1");
+    }
+  }
+  setMMLDocuments(mmlDocuments) {
+    const newFramesMap = {};
+    for (const [key, mmlDocSpec] of Object.entries(mmlDocuments)) {
+      const existing = this.mmlFrames[key];
+      if (!existing) {
+        const frameElement = this.createFrame(mmlDocSpec);
+        document.body.appendChild(frameElement);
+        newFramesMap[key] = frameElement;
+      } else {
+        delete this.mmlFrames[key];
+        newFramesMap[key] = existing;
+        this.updateFrameAttributes(existing, mmlDocSpec);
+      }
+    }
+    for (const [key, element] of Object.entries(this.mmlFrames)) {
+      element.remove();
+    }
+    this.mmlFrames = newFramesMap;
+  }
 };
 export {
   Networked3dWebExperienceClient

package/build/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../src/Networked3dWebExperienceClient.ts"],
-  "sourcesContent": ["import {\n  AnimationConfig,\n  CameraManager,\n  CharacterDescription,\n  CharacterManager,\n  CharacterModelLoader,\n  CharacterState,\n  CollisionsManager,\n  Composer,\n  decodeCharacterAndCamera,\n  EnvironmentConfiguration,\n  getSpawnPositionInsideCircle,\n  GroundPlane,\n  KeyInputManager,\n  LoadingScreen,\n  MMLCompositionScene,\n  TimeManager,\n  TweakPane,\n  VirtualJoystick,\n} from \"@mml-io/3d-web-client-core\";\nimport { ChatNetworkingClient, FromClientChatMessage, TextChatUI } from \"@mml-io/3d-web-text-chat\";\nimport {\n  UserData,\n  UserNetworkingClient,\n  UserNetworkingClientUpdate,\n  WebsocketStatus,\n} from \"@mml-io/3d-web-user-networking\";\nimport { VoiceChatManager } from \"@mml-io/3d-web-voice-chat\";\nimport {\n  IMMLScene,\n  LoadingProgressManager,\n  registerCustomElementsToWindow,\n  setGlobalMMLScene,\n} from \"mml-web\";\nimport { AudioListener, Euler, Scene, Vector3 } from \"three\";\n\ntype MMLDocumentConfiguration = {\n  url: string;\n  position?: {\n    x: number;\n    y: number;\n    z: number;\n  };\n  rotation?: {\n    x: number;\n    y: number;\n    z: number;\n  };\n  scale?: {\n    x: number;\n    y: number;\n    z: number;\n  };\n};\n\nexport type Networked3dWebExperienceClientConfig = {\n  sessionToken: string;\n  chatNetworkAddress?: string;\n  voiceChatAddress?: string;\n  userNetworkAddress: string;\n  mmlDocuments?: Array<MMLDocumentConfiguration>;\n  animationConfig: AnimationConfig;\n  environmentConfiguration?: EnvironmentConfiguration;\n  skyboxHdrJpgUrl: string;\n  enableTweakPane?: boolean;\n  updateURLLocation?: boolean;\n};\n\nexport class Networked3dWebExperienceClient {\n  private element: HTMLDivElement;\n\n  private scene = new Scene();\n  private composer: Composer;\n  private tweakPane?: TweakPane;\n  private audioListener = new AudioListener();\n\n  private cameraManager: CameraManager;\n\n  private collisionsManager = new CollisionsManager(this.scene);\n\n  private characterModelLoader = new CharacterModelLoader();\n  private characterManager: CharacterManager;\n\n  private timeManager = new TimeManager();\n\n  private keyInputManager = new KeyInputManager();\n  private virtualJoystick: VirtualJoystick;\n\n  private mmlCompositionScene: MMLCompositionScene;\n\n  private clientId: number | null = null;\n  private networkClient: UserNetworkingClient;\n  private remoteUserStates = new Map<number, CharacterState>();\n  private userProfiles = new Map<number, UserData>();\n\n  private networkChat: ChatNetworkingClient | null = null;\n  private textChatUI: TextChatUI | null = null;\n\n  private voiceChatManager: VoiceChatManager | null = null;\n  private readonly latestCharacterObject = {\n    characterState: null as null | CharacterState,\n  };\n  private characterControllerPaneSet: boolean = false;\n\n  private initialLoadCompleted = false;\n  private loadingProgressManager = new LoadingProgressManager();\n  private loadingScreen: LoadingScreen;\n\n  constructor(\n    private holderElement: HTMLElement,\n    private config: Networked3dWebExperienceClientConfig,\n  ) {\n    this.element = document.createElement(\"div\");\n    this.element.style.position = \"absolute\";\n    this.element.style.width = \"100%\";\n    this.element.style.height = \"100%\";\n    this.holderElement.appendChild(this.element);\n\n    document.addEventListener(\"mousedown\", () => {\n      if (this.audioListener.context.state === \"suspended\") {\n        this.audioListener.context.resume();\n      }\n    });\n\n    this.cameraManager = new CameraManager(this.element, this.collisionsManager);\n    this.cameraManager.camera.add(this.audioListener);\n\n    this.virtualJoystick = new VirtualJoystick(this.element, {\n      radius: 70,\n      inner_radius: 20,\n      x: 70,\n      y: 0,\n      mouse_support: false,\n    });\n\n    this.composer = new Composer({\n      scene: this.scene,\n      camera: this.cameraManager.camera,\n      spawnSun: true,\n      environmentConfiguration: this.config.environmentConfiguration,\n    });\n\n    this.composer.useHDRJPG(this.config.skyboxHdrJpgUrl);\n    this.element.appendChild(this.composer.renderer.domElement);\n\n    if (this.config.enableTweakPane !== false) {\n      this.tweakPane = new TweakPane(\n        this.element,\n        this.composer.renderer,\n        this.scene,\n        this.composer.effectComposer,\n      );\n      this.cameraManager.setupTweakPane(this.tweakPane);\n      this.composer.setupTweakPane(this.tweakPane);\n    }\n\n    const resizeObserver = new ResizeObserver(() => {\n      this.composer.fitContainer();\n    });\n    resizeObserver.observe(this.element);\n\n    const initialNetworkLoadRef = {};\n    this.loadingProgressManager.addLoadingAsset(initialNetworkLoadRef, \"network\", \"network\");\n    this.networkClient = new UserNetworkingClient({\n      url: this.config.userNetworkAddress,\n      sessionToken: this.config.sessionToken,\n      websocketFactory: (url: string) => new WebSocket(url),\n      statusUpdateCallback: (status: WebsocketStatus) => {\n        if (status === WebsocketStatus.Disconnected || status === WebsocketStatus.Reconnecting) {\n          // The connection was lost after being established - the connection may be re-established with a different client ID\n          this.characterManager.clear();\n          this.remoteUserStates.clear();\n          this.clientId = null;\n        }\n      },\n      assignedIdentity: (clientId: number) => {\n        console.log(`Assigned ID: ${clientId}`);\n        this.clientId = clientId;\n        if (this.initialLoadCompleted) {\n          // Already loaded - respawn the character\n          this.spawnCharacter();\n        } else {\n          this.loadingProgressManager.completedLoadingAsset(initialNetworkLoadRef);\n        }\n      },\n      clientUpdate: (\n        remoteClientId: number,\n        userNetworkingClientUpdate: null | UserNetworkingClientUpdate,\n      ) => {\n        if (userNetworkingClientUpdate === null) {\n          this.remoteUserStates.delete(remoteClientId);\n        } else {\n          this.remoteUserStates.set(remoteClientId, userNetworkingClientUpdate);\n        }\n      },\n      clientProfileUpdated: (\n        clientId: number,\n        username: string,\n        characterDescription: CharacterDescription,\n      ): void => {\n        this.updateUserProfile(clientId, {\n          username,\n          characterDescription,\n        });\n      },\n    });\n\n    this.characterManager = new CharacterManager({\n      composer: this.composer,\n      characterModelLoader: this.characterModelLoader,\n      collisionsManager: this.collisionsManager,\n      cameraManager: this.cameraManager,\n      timeManager: this.timeManager,\n      keyInputManager: this.keyInputManager,\n      virtualJoystick: this.virtualJoystick,\n      remoteUserStates: this.remoteUserStates,\n      sendUpdate: (characterState: CharacterState) => {\n        this.latestCharacterObject.characterState = characterState;\n        this.networkClient.sendUpdate(characterState);\n      },\n      animationConfig: this.config.animationConfig,\n      characterResolve: (characterId: number) => {\n        return this.resolveCharacterData(characterId);\n      },\n      updateURLLocation: this.config.updateURLLocation !== false,\n    });\n    this.scene.add(this.characterManager.group);\n\n    if (this.config.environmentConfiguration?.groundPlane !== false) {\n      const groundPlane = new GroundPlane();\n      this.collisionsManager.addMeshesGroup(groundPlane);\n      this.scene.add(groundPlane);\n    }\n\n    this.setupMMLScene();\n\n    this.loadingScreen = new LoadingScreen(this.loadingProgressManager);\n    document.body.append(this.loadingScreen.element);\n\n    this.loadingProgressManager.addProgressCallback(() => {\n      const [, completed] = this.loadingProgressManager.toRatio();\n      if (completed && !this.initialLoadCompleted) {\n        this.initialLoadCompleted = true;\n        /*\n         When all content (in particular MML) has loaded, spawn the character (this is to avoid the character falling\n         through as-yet-unloaded geometry)\n        */\n        this.connectToVoiceChat();\n        this.connectToTextChat();\n        this.spawnCharacter();\n      }\n    });\n    this.loadingProgressManager.setInitialLoad(true);\n  }\n\n  static createFullscreenHolder(): HTMLDivElement {\n    document.body.style.margin = \"0\";\n    document.body.style.overflow = \"hidden\";\n\n    const holder = document.createElement(\"div\");\n    holder.style.position = \"absolute\";\n    holder.style.width = \"100%\";\n    holder.style.height = \"100%\";\n    holder.style.overflow = \"hidden\";\n    document.body.appendChild(holder);\n    return holder;\n  }\n\n  private resolveCharacterData(clientId: number): {\n    username: string;\n    characterDescription: CharacterDescription;\n  } {\n    const user = this.userProfiles.get(clientId)!;\n    if (!user) {\n      throw new Error(`Failed to resolve user for clientId ${clientId}`);\n    }\n\n    return {\n      username: user.username,\n      characterDescription: user.characterDescription,\n    };\n  }\n\n  private updateUserProfile(id: number, userData: UserData) {\n    console.log(`Update user_profile for id=${id} (username=${userData.username})`);\n\n    this.userProfiles.set(id, userData);\n\n    this.characterManager.respawnIfPresent(id);\n  }\n\n  private sendChatMessageToServer(message: string): void {\n    this.mmlCompositionScene.onChatMessage(message);\n    if (this.clientId === null || this.networkChat === null) return;\n    this.networkChat.sendChatMessage(message);\n  }\n\n  private connectToVoiceChat() {\n    if (this.clientId === null) return;\n\n    if (this.voiceChatManager === null && this.config.voiceChatAddress) {\n      this.voiceChatManager = new VoiceChatManager({\n        url: this.config.voiceChatAddress,\n        holderElement: this.element,\n        userId: this.clientId,\n        remoteUserStates: this.remoteUserStates,\n        latestCharacterObj: this.latestCharacterObject,\n        autoJoin: false,\n      });\n    }\n  }\n\n  private connectToTextChat() {\n    if (this.clientId === null) {\n      return;\n    }\n    if (this.networkChat === null && this.config.chatNetworkAddress) {\n      const user = this.userProfiles.get(this.clientId);\n      if (!user) {\n        throw new Error(\"User not found\");\n      }\n\n      if (this.textChatUI === null) {\n        this.textChatUI = new TextChatUI(\n          this.element,\n          user.username,\n          this.sendChatMessageToServer.bind(this),\n        );\n        this.textChatUI.init();\n      }\n\n      this.networkChat = new ChatNetworkingClient({\n        url: this.config.chatNetworkAddress,\n        sessionToken: this.config.sessionToken,\n        websocketFactory: (url: string) => new WebSocket(`${url}?id=${this.clientId}`),\n        statusUpdateCallback: (status: WebsocketStatus) => {\n          if (status === WebsocketStatus.Disconnected || status === WebsocketStatus.Reconnecting) {\n            // The connection was lost after being established - the connection may be re-established with a different client ID\n          }\n        },\n        clientChatUpdate: (\n          clientId: number,\n          chatNetworkingUpdate: null | FromClientChatMessage,\n        ) => {\n          if (chatNetworkingUpdate !== null && this.textChatUI !== null) {\n            const username = this.userProfiles.get(clientId)?.username || \"Unknown\";\n            this.textChatUI.addTextMessage(username, chatNetworkingUpdate.text);\n          }\n        },\n      });\n    }\n  }\n\n  public update(): void {\n    this.timeManager.update();\n    this.characterManager.update();\n    this.voiceChatManager?.speakingParticipants.forEach((value: boolean, id: number) => {\n      this.characterManager.setSpeakingCharacter(id, value);\n    });\n    this.cameraManager.update();\n    this.composer.sun?.updateCharacterPosition(this.characterManager.localCharacter?.position);\n    this.composer.render(this.timeManager);\n    if (this.tweakPane?.guiVisible) {\n      this.tweakPane.updateStats(this.timeManager);\n      this.tweakPane.updateCameraData(this.cameraManager);\n      if (this.characterManager.localCharacter && this.characterManager.localController) {\n        if (!this.characterControllerPaneSet) {\n          this.characterControllerPaneSet = true;\n          this.characterManager.setupTweakPane(this.tweakPane);\n        } else {\n          this.tweakPane.updateCharacterData(this.characterManager.localController);\n        }\n      }\n    }\n    requestAnimationFrame(() => {\n      this.update();\n    });\n  }\n\n  private spawnCharacter() {\n    if (this.clientId === null) {\n      throw new Error(\"Client ID not set\");\n    }\n    const spawnPosition = getSpawnPositionInsideCircle(3, 30, this.clientId!, 0.4);\n    const spawnRotation = new Euler(0, 0, 0);\n    let cameraPosition: Vector3 | null = null;\n    if (window.location.hash && window.location.hash.length > 1) {\n      const urlParams = decodeCharacterAndCamera(window.location.hash.substring(1));\n      spawnPosition.copy(urlParams.character.position);\n      spawnRotation.setFromQuaternion(urlParams.character.quaternion);\n      cameraPosition = urlParams.camera.position;\n    }\n    const ownIdentity = this.userProfiles.get(this.clientId);\n    if (!ownIdentity) {\n      throw new Error(\"Own identity not found\");\n    }\n\n    this.characterManager.spawnLocalCharacter(\n      this.clientId!,\n      ownIdentity.username,\n      ownIdentity.characterDescription,\n      spawnPosition,\n      spawnRotation,\n    );\n    if (cameraPosition !== null) {\n      this.cameraManager.camera.position.copy(cameraPosition);\n      this.cameraManager.setTarget(\n        new Vector3().add(spawnPosition).add(this.characterManager.headTargetOffset),\n      );\n      this.cameraManager.reverseUpdateFromPositions();\n    }\n  }\n\n  private setupMMLScene() {\n    registerCustomElementsToWindow(window);\n    this.mmlCompositionScene = new MMLCompositionScene({\n      targetElement: this.element,\n      renderer: this.composer.renderer,\n      scene: this.scene,\n      camera: this.cameraManager.camera,\n      audioListener: this.audioListener,\n      collisionsManager: this.collisionsManager,\n      getUserPositionAndRotation: () => {\n        return this.characterManager.getLocalCharacterPositionAndRotation();\n      },\n    });\n    this.scene.add(this.mmlCompositionScene.group);\n    setGlobalMMLScene(this.mmlCompositionScene.mmlScene as IMMLScene);\n\n    if (this.config.mmlDocuments) {\n      for (const mmlDocument of this.config.mmlDocuments) {\n        const frameElement = document.createElement(\"m-frame\");\n        frameElement.setAttribute(\"src\", mmlDocument.url);\n        if (mmlDocument.position) {\n          frameElement.setAttribute(\"x\", mmlDocument.position.x.toString());\n          frameElement.setAttribute(\"y\", mmlDocument.position.y.toString());\n          frameElement.setAttribute(\"z\", mmlDocument.position.z.toString());\n        }\n        if (mmlDocument.rotation) {\n          frameElement.setAttribute(\"rx\", mmlDocument.rotation.x.toString());\n          frameElement.setAttribute(\"ry\", mmlDocument.rotation.y.toString());\n          frameElement.setAttribute(\"rz\", mmlDocument.rotation.z.toString());\n        }\n        if (mmlDocument.scale) {\n          if (mmlDocument.scale.x !== undefined) {\n            frameElement.setAttribute(\"sx\", mmlDocument.scale.x.toString());\n          }\n          if (mmlDocument.scale.y !== undefined) {\n            frameElement.setAttribute(\"sy\", mmlDocument.scale.y.toString());\n          }\n          if (mmlDocument.scale.z !== undefined) {\n            frameElement.setAttribute(\"sz\", mmlDocument.scale.z.toString());\n          }\n        }\n        document.body.appendChild(frameElement);\n      }\n    }\n\n    const mmlProgressManager = this.mmlCompositionScene.mmlScene.getLoadingProgressManager!()!;\n    this.loadingProgressManager.addLoadingDocument(mmlProgressManager, \"mml\", mmlProgressManager);\n    mmlProgressManager.addProgressCallback(() => {\n      this.loadingProgressManager.updateDocumentProgress(mmlProgressManager);\n    });\n    mmlProgressManager.setInitialLoad(true);\n  }\n}\n"],
-  "mappings": "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",
-  "names": []
+  "sourcesContent": ["import {\n  AvatarSelectionUI,\n  AvatarType,\n  AvatarConfiguration,\n} from \"@mml-io/3d-web-avatar-selection-ui\";\nimport {\n  AnimationConfig,\n  CameraManager,\n  CharacterDescription,\n  CharacterManager,\n  CharacterModelLoader,\n  CharacterState,\n  CollisionsManager,\n  Composer,\n  decodeCharacterAndCamera,\n  EnvironmentConfiguration,\n  ErrorScreen,\n  getSpawnPositionInsideCircle,\n  GroundPlane,\n  KeyInputManager,\n  LoadingScreen,\n  MMLCompositionScene,\n  TimeManager,\n  TweakPane,\n  VirtualJoystick,\n} from \"@mml-io/3d-web-client-core\";\nimport {\n  ChatNetworkingClient,\n  ChatNetworkingClientChatMessage,\n  ChatNetworkingServerErrorType,\n  StringToHslOptions,\n  TextChatUI,\n  TextChatUIProps,\n} from \"@mml-io/3d-web-text-chat\";\nimport {\n  USER_NETWORKING_AUTHENTICATION_FAILED_ERROR_TYPE,\n  USER_NETWORKING_CONNECTION_LIMIT_REACHED_ERROR_TYPE,\n  USER_NETWORKING_SERVER_SHUTDOWN_ERROR_TYPE,\n  USER_NETWORKING_USER_UPDATE_MESSAGE_TYPE,\n  UserData,\n  UserNetworkingClient,\n  UserNetworkingClientUpdate,\n  UserNetworkingServerErrorType,\n  WebsocketStatus,\n} from \"@mml-io/3d-web-user-networking\";\nimport { VoiceChatManager } from \"@mml-io/3d-web-voice-chat\";\nimport {\n  IMMLScene,\n  LoadingProgressManager,\n  registerCustomElementsToWindow,\n  setGlobalDocumentTimeManager,\n  setGlobalMMLScene,\n} from \"mml-web\";\nimport { AudioListener, Euler, Scene, Vector3 } from \"three\";\n\ntype MMLDocumentConfiguration = {\n  url: string;\n  position?: {\n    x: number;\n    y: number;\n    z: number;\n  };\n  rotation?: {\n    x: number;\n    y: number;\n    z: number;\n  };\n  scale?: {\n    x: number;\n    y: number;\n    z: number;\n  };\n};\n\nexport type Networked3dWebExperienceClientConfig = {\n  userNetworkAddress: string;\n  sessionToken: string;\n  chatVisibleByDefault?: boolean;\n  userNameToColorOptions?: StringToHslOptions;\n  animationConfig: AnimationConfig;\n  voiceChatAddress?: string;\n  updateURLLocation?: boolean;\n  onServerBroadcast?: (broadcast: { broadcastType: string; payload: any }) => void;\n} & UpdatableConfig;\n\nexport type UpdatableConfig = {\n  chatNetworkAddress?: string | null;\n  mmlDocuments?: { [key: string]: MMLDocumentConfiguration };\n  environmentConfiguration?: EnvironmentConfiguration;\n  avatarConfiguration?: AvatarConfiguration;\n  enableTweakPane?: boolean;\n};\n\nexport class Networked3dWebExperienceClient {\n  private element: HTMLDivElement;\n  private canvasHolder: HTMLDivElement;\n\n  private scene = new Scene();\n  private composer: Composer;\n  private tweakPane: TweakPane | null = null;\n  private audioListener = new AudioListener();\n\n  private cameraManager: CameraManager;\n\n  private collisionsManager = new CollisionsManager(this.scene);\n\n  private characterModelLoader = new CharacterModelLoader();\n  private characterManager: CharacterManager;\n\n  private timeManager = new TimeManager();\n\n  private keyInputManager = new KeyInputManager();\n  private virtualJoystick: VirtualJoystick;\n\n  private mmlCompositionScene: MMLCompositionScene;\n  private mmlFrames: { [key: string]: HTMLElement } = {};\n\n  private clientId: number | null = null;\n  private networkClient: UserNetworkingClient;\n  private remoteUserStates = new Map<number, CharacterState>();\n  private userProfiles = new Map<number, UserData>();\n\n  private networkChat: ChatNetworkingClient | null = null;\n  private textChatUI: TextChatUI | null = null;\n\n  private avatarSelectionUI: AvatarSelectionUI | null = null;\n\n  private voiceChatManager: VoiceChatManager | null = null;\n  private readonly latestCharacterObject = {\n    characterState: null as null | CharacterState,\n  };\n  private characterControllerPaneSet: boolean = false;\n\n  private initialLoadCompleted = false;\n  private loadingProgressManager = new LoadingProgressManager();\n  private loadingScreen: LoadingScreen;\n  private errorScreen?: ErrorScreen;\n  private currentRequestAnimationFrame: number | null = null;\n  private groundPlane: GroundPlane | null = null;\n\n  constructor(\n    private holderElement: HTMLElement,\n    private config: Networked3dWebExperienceClientConfig,\n  ) {\n    this.element = document.createElement(\"div\");\n    this.element.style.position = \"absolute\";\n    this.element.style.width = \"100%\";\n    this.element.style.height = \"100%\";\n    this.holderElement.appendChild(this.element);\n\n    document.addEventListener(\"mousedown\", () => {\n      if (this.audioListener.context.state === \"suspended\") {\n        this.audioListener.context.resume();\n      }\n    });\n\n    this.canvasHolder = document.createElement(\"div\");\n    this.canvasHolder.style.position = \"absolute\";\n    this.canvasHolder.style.width = \"100%\";\n    this.canvasHolder.style.height = \"100%\";\n    this.element.appendChild(this.canvasHolder);\n\n    this.cameraManager = new CameraManager(this.canvasHolder, this.collisionsManager);\n    this.cameraManager.camera.add(this.audioListener);\n\n    this.virtualJoystick = new VirtualJoystick(this.element, {\n      radius: 70,\n      innerRadius: 20,\n      mouseSupport: false,\n    });\n\n    this.composer = new Composer({\n      scene: this.scene,\n      camera: this.cameraManager.camera,\n      spawnSun: true,\n      environmentConfiguration: this.config.environmentConfiguration,\n    });\n    this.canvasHolder.appendChild(this.composer.renderer.domElement);\n\n    if (this.config.enableTweakPane !== false) {\n      this.setupTweakPane();\n    }\n\n    const resizeObserver = new ResizeObserver(() => {\n      this.composer.fitContainer();\n    });\n    resizeObserver.observe(this.element);\n\n    const initialNetworkLoadRef = {};\n    this.loadingProgressManager.addLoadingAsset(initialNetworkLoadRef, \"network\", \"network\");\n    this.networkClient = new UserNetworkingClient({\n      url: this.config.userNetworkAddress,\n      sessionToken: this.config.sessionToken,\n      websocketFactory: (url: string) => new WebSocket(url),\n      statusUpdateCallback: (status: WebsocketStatus) => {\n        if (status === WebsocketStatus.Disconnected || status === WebsocketStatus.Reconnecting) {\n          // The connection was lost after being established - the connection may be re-established with a different client ID\n          this.characterManager.clear();\n          this.remoteUserStates.clear();\n          this.clientId = null;\n        }\n      },\n      assignedIdentity: (clientId: number) => {\n        console.log(`Assigned ID: ${clientId}`);\n        this.clientId = clientId;\n        if (this.initialLoadCompleted) {\n          // Already loaded - respawn the character\n          this.spawnCharacter();\n        } else {\n          this.loadingProgressManager.completedLoadingAsset(initialNetworkLoadRef);\n        }\n      },\n      clientUpdate: (\n        remoteClientId: number,\n        userNetworkingClientUpdate: null | UserNetworkingClientUpdate,\n      ) => {\n        if (userNetworkingClientUpdate === null) {\n          this.remoteUserStates.delete(remoteClientId);\n        } else {\n          this.remoteUserStates.set(remoteClientId, userNetworkingClientUpdate);\n        }\n      },\n      clientProfileUpdated: (\n        clientId: number,\n        username: string,\n        characterDescription: CharacterDescription,\n      ): void => {\n        this.updateUserProfile(clientId, {\n          username,\n          characterDescription,\n        });\n      },\n      onServerError: (error: { message: string; errorType: UserNetworkingServerErrorType }) => {\n        switch (error.errorType) {\n          case USER_NETWORKING_AUTHENTICATION_FAILED_ERROR_TYPE:\n            this.disposeWithError(error.message);\n            break;\n          case USER_NETWORKING_CONNECTION_LIMIT_REACHED_ERROR_TYPE:\n            this.disposeWithError(error.message);\n            break;\n          case USER_NETWORKING_SERVER_SHUTDOWN_ERROR_TYPE:\n            this.disposeWithError(error.message || \"Server shutdown\");\n            break;\n          default:\n            console.error(`Unhandled server error: ${error.message}`);\n            this.disposeWithError(error.message);\n        }\n      },\n      onServerBroadcast: (broadcast: { broadcastType: string; payload: any }) => {\n        this.config.onServerBroadcast?.(broadcast);\n      },\n    });\n\n    this.characterManager = new CharacterManager({\n      composer: this.composer,\n      characterModelLoader: this.characterModelLoader,\n      collisionsManager: this.collisionsManager,\n      cameraManager: this.cameraManager,\n      timeManager: this.timeManager,\n      keyInputManager: this.keyInputManager,\n      virtualJoystick: this.virtualJoystick,\n      remoteUserStates: this.remoteUserStates,\n      sendUpdate: (characterState: CharacterState) => {\n        this.latestCharacterObject.characterState = characterState;\n        this.networkClient.sendUpdate(characterState);\n      },\n      animationConfig: this.config.animationConfig,\n      characterResolve: (characterId: number) => {\n        return this.resolveCharacterData(characterId);\n      },\n      updateURLLocation: this.config.updateURLLocation !== false,\n    });\n    this.scene.add(this.characterManager.group);\n\n    this.setGroundPlaneEnabled(this.config.environmentConfiguration?.groundPlane ?? true);\n\n    this.setupMMLScene();\n\n    this.loadingScreen = new LoadingScreen(this.loadingProgressManager);\n    this.element.append(this.loadingScreen.element);\n\n    this.loadingProgressManager.addProgressCallback(() => {\n      const [, completed] = this.loadingProgressManager.toRatio();\n      if (completed && !this.initialLoadCompleted) {\n        this.initialLoadCompleted = true;\n        /*\n         When all content (in particular MML) has loaded, spawn the character (this is to avoid the character falling\n         through as-yet-unloaded geometry)\n        */\n        this.connectToVoiceChat();\n        this.connectToTextChat();\n        this.mountAvatarSelectionUI();\n        this.spawnCharacter();\n      }\n    });\n    this.loadingProgressManager.setInitialLoad(true);\n  }\n\n  private setGroundPlaneEnabled(enabled: boolean) {\n    if (enabled && this.groundPlane === null) {\n      this.groundPlane = new GroundPlane();\n      this.collisionsManager.addMeshesGroup(this.groundPlane);\n      this.scene.add(this.groundPlane);\n    } else if (!enabled && this.groundPlane !== null) {\n      this.collisionsManager.removeMeshesGroup(this.groundPlane);\n      this.scene.remove(this.groundPlane);\n      this.groundPlane = null;\n    }\n  }\n\n  public updateConfig(config: Partial<UpdatableConfig>) {\n    this.config = {\n      ...this.config,\n      ...config,\n    };\n    if (config.environmentConfiguration) {\n      this.composer.updateEnvironmentConfiguration(config.environmentConfiguration);\n      this.setGroundPlaneEnabled(config.environmentConfiguration.groundPlane ?? true);\n    }\n\n    if (config.avatarConfiguration && this.avatarSelectionUI) {\n      this.avatarSelectionUI?.updateAvatarConfig(config.avatarConfiguration);\n    }\n\n    if (config.enableTweakPane !== undefined) {\n      if (config.enableTweakPane === false && this.tweakPane !== null) {\n        this.tweakPane.dispose();\n        this.tweakPane = null;\n      } else if (config.enableTweakPane === true && this.tweakPane === null) {\n        this.setupTweakPane();\n      }\n    }\n\n    if (config.chatNetworkAddress !== undefined) {\n      if (config.chatNetworkAddress === null && this.networkChat !== null) {\n        this.networkChat.stop();\n        this.networkChat = null;\n        this.textChatUI?.dispose();\n        this.textChatUI = null;\n      } else {\n        this.connectToTextChat();\n      }\n    }\n    if (config.mmlDocuments) {\n      this.setMMLDocuments(config.mmlDocuments);\n    }\n  }\n\n  static createFullscreenHolder(): HTMLDivElement {\n    document.body.style.margin = \"0\";\n    document.body.style.overflow = \"hidden\";\n\n    const holder = document.createElement(\"div\");\n    holder.style.position = \"absolute\";\n    holder.style.width = \"100%\";\n    holder.style.height = \"100%\";\n    holder.style.overflow = \"hidden\";\n    document.body.appendChild(holder);\n    return holder;\n  }\n\n  private resolveCharacterData(clientId: number): {\n    username: string;\n    characterDescription: CharacterDescription;\n  } {\n    const user = this.userProfiles.get(clientId)!;\n\n    if (!user) {\n      throw new Error(`Failed to resolve user for clientId ${clientId}`);\n    }\n\n    return {\n      username: user.username,\n      characterDescription: user.characterDescription,\n    };\n  }\n\n  private updateUserProfile(id: number, userData: UserData) {\n    console.log(`Update user_profile for id=${id} (username=${userData.username})`);\n\n    this.userProfiles.set(id, userData);\n\n    this.characterManager.respawnIfPresent(id);\n  }\n\n  private updateUserAvatar(avatar: AvatarType) {\n    if (this.clientId === null) {\n      throw new Error(\"Client ID not set\");\n    }\n    const user = this.userProfiles.get(this.clientId);\n    if (!user) {\n      throw new Error(\"User not found\");\n    }\n\n    const newUser = {\n      ...user,\n      characterDescription: {\n        meshFileUrl: avatar.meshFileUrl ?? undefined,\n        mmlCharacterUrl: avatar.mmlCharacterUrl ?? undefined,\n        mmlCharacterString: avatar.mmlCharacterString ?? undefined,\n      },\n    } as UserData;\n\n    this.userProfiles.set(this.clientId, newUser);\n    this.updateUserProfile(this.clientId, newUser);\n  }\n\n  private sendChatMessageToServer(message: string): void {\n    this.mmlCompositionScene.onChatMessage(message);\n    if (this.clientId === null || this.networkChat === null) return;\n    this.networkChat.sendChatMessage(message);\n  }\n\n  private sendIdentityUpdateToServer(avatar: AvatarType) {\n    if (!this.clientId) {\n      throw new Error(\"Client ID not set\");\n    }\n\n    const userProfile = this.userProfiles.get(this.clientId);\n\n    if (!userProfile) {\n      throw new Error(\"User profile not found\");\n    }\n\n    this.networkClient.sendMessage({\n      type: USER_NETWORKING_USER_UPDATE_MESSAGE_TYPE,\n      userIdentity: {\n        username: userProfile.username,\n        characterDescription: {\n          mmlCharacterString: avatar.mmlCharacterString,\n          mmlCharacterUrl: avatar.mmlCharacterUrl,\n          meshFileUrl: avatar.meshFileUrl,\n        } as CharacterDescription,\n      },\n    });\n  }\n\n  private connectToVoiceChat() {\n    if (this.clientId === null) return;\n\n    if (this.voiceChatManager === null && this.config.voiceChatAddress) {\n      this.voiceChatManager = new VoiceChatManager({\n        url: this.config.voiceChatAddress,\n        holderElement: this.element,\n        userId: this.clientId,\n        remoteUserStates: this.remoteUserStates,\n        latestCharacterObj: this.latestCharacterObject,\n        autoJoin: false,\n      });\n    }\n  }\n\n  private setupTweakPane() {\n    if (this.tweakPane) {\n      return;\n    }\n    this.tweakPane = new TweakPane(\n      this.element,\n      this.composer.renderer,\n      this.scene,\n      this.composer.effectComposer,\n    );\n    this.cameraManager.setupTweakPane(this.tweakPane);\n    this.composer.setupTweakPane(this.tweakPane);\n  }\n\n  private connectToTextChat() {\n    if (this.clientId === null) {\n      return;\n    }\n    if (this.networkChat === null && this.config.chatNetworkAddress) {\n      const user = this.userProfiles.get(this.clientId);\n      if (!user) {\n        throw new Error(\"User not found\");\n      }\n\n      if (this.textChatUI === null) {\n        const textChatUISettings: TextChatUIProps = {\n          holderElement: this.element,\n          clientname: user.username,\n          sendMessageToServerMethod: this.sendChatMessageToServer.bind(this),\n          visibleByDefault: this.config.chatVisibleByDefault,\n          stringToHslOptions: this.config.userNameToColorOptions,\n        };\n        this.textChatUI = new TextChatUI(textChatUISettings);\n        this.textChatUI.init();\n      }\n\n      this.networkChat = new ChatNetworkingClient({\n        url: this.config.chatNetworkAddress,\n        sessionToken: this.config.sessionToken,\n        websocketFactory: (url: string) => new WebSocket(url),\n        statusUpdateCallback: (status: WebsocketStatus) => {\n          if (status === WebsocketStatus.Disconnected || status === WebsocketStatus.Reconnecting) {\n            // The connection was lost after being established - the connection may be re-established with a different client ID\n          }\n        },\n        clientChatUpdate: (\n          clientId: number,\n          chatNetworkingUpdate: null | ChatNetworkingClientChatMessage,\n        ) => {\n          if (chatNetworkingUpdate !== null && this.textChatUI !== null) {\n            const username = this.userProfiles.get(clientId)?.username || \"Unknown\";\n            this.textChatUI.addTextMessage(username, chatNetworkingUpdate.text);\n          }\n        },\n        onServerError: (error: { message: string; errorType: ChatNetworkingServerErrorType }) => {\n          console.error(`Chat server error: ${error.message}. errorType: ${error.errorType}`);\n          this.disposeWithError(error.message);\n        },\n      });\n    }\n  }\n\n  private mountAvatarSelectionUI() {\n    this.avatarSelectionUI = new AvatarSelectionUI({\n      holderElement: this.element,\n      visibleByDefault: false,\n      sendMessageToServerMethod: this.sendIdentityUpdateToServer.bind(this),\n      availableAvatars: this.config.avatarConfiguration?.availableAvatars ?? [],\n      allowCustomAvatars: this.config.avatarConfiguration?.allowCustomAvatars,\n    });\n    this.avatarSelectionUI.init();\n  }\n\n  public update(): void {\n    this.timeManager.update();\n    this.characterManager.update();\n    this.voiceChatManager?.speakingParticipants.forEach((value: boolean, id: number) => {\n      this.characterManager.setSpeakingCharacter(id, value);\n    });\n    this.cameraManager.update();\n    this.composer.sun?.updateCharacterPosition(this.characterManager.localCharacter?.position);\n    this.composer.render(this.timeManager);\n    if (this.tweakPane?.guiVisible) {\n      this.tweakPane.updateStats(this.timeManager);\n      this.tweakPane.updateCameraData(this.cameraManager);\n      if (this.characterManager.localCharacter && this.characterManager.localController) {\n        if (!this.characterControllerPaneSet) {\n          this.characterControllerPaneSet = true;\n          this.characterManager.setupTweakPane(this.tweakPane);\n        } else {\n          this.tweakPane.updateCharacterData(this.characterManager.localController);\n        }\n      }\n    }\n    this.currentRequestAnimationFrame = requestAnimationFrame(() => {\n      this.update();\n    });\n  }\n\n  private spawnCharacter() {\n    if (this.clientId === null) {\n      throw new Error(\"Client ID not set\");\n    }\n    const spawnPosition = getSpawnPositionInsideCircle(3, 30, this.clientId!, 0.4);\n    const spawnRotation = new Euler(0, 0, 0);\n    let cameraPosition: Vector3 | null = null;\n    if (window.location.hash && window.location.hash.length > 1) {\n      const urlParams = decodeCharacterAndCamera(window.location.hash.substring(1));\n      spawnPosition.copy(urlParams.character.position);\n      spawnRotation.setFromQuaternion(urlParams.character.quaternion);\n      cameraPosition = urlParams.camera.position;\n    }\n    const ownIdentity = this.userProfiles.get(this.clientId);\n    if (!ownIdentity) {\n      throw new Error(\"Own identity not found\");\n    }\n\n    this.characterManager.spawnLocalCharacter(\n      this.clientId!,\n      ownIdentity.username,\n      ownIdentity.characterDescription,\n      spawnPosition,\n      spawnRotation,\n    );\n\n    if (cameraPosition !== null) {\n      this.cameraManager.camera.position.copy(cameraPosition);\n      this.cameraManager.setTarget(\n        new Vector3().add(spawnPosition).add(this.characterManager.headTargetOffset),\n      );\n      this.cameraManager.reverseUpdateFromPositions();\n    }\n  }\n\n  private disposeWithError(message: string) {\n    this.dispose();\n    this.errorScreen = new ErrorScreen(\"An error occurred\", message);\n    this.element.append(this.errorScreen.element);\n  }\n\n  public dispose() {\n    this.networkClient.stop();\n    this.networkChat?.stop();\n    for (const [key, element] of Object.entries(this.mmlFrames)) {\n      element.remove();\n    }\n    this.mmlFrames = {};\n    this.textChatUI?.dispose();\n    this.mmlCompositionScene.dispose();\n    this.composer.dispose();\n    this.tweakPane?.dispose();\n    if (this.currentRequestAnimationFrame !== null) {\n      cancelAnimationFrame(this.currentRequestAnimationFrame);\n      this.currentRequestAnimationFrame = null;\n    }\n    this.cameraManager.dispose();\n    this.loadingScreen.dispose();\n    this.errorScreen?.dispose();\n  }\n\n  private setupMMLScene() {\n    registerCustomElementsToWindow(window);\n    this.mmlCompositionScene = new MMLCompositionScene({\n      targetElement: this.element,\n      renderer: this.composer.renderer,\n      scene: this.scene,\n      camera: this.cameraManager.camera,\n      audioListener: this.audioListener,\n      collisionsManager: this.collisionsManager,\n      getUserPositionAndRotation: () => {\n        return this.characterManager.getLocalCharacterPositionAndRotation();\n      },\n    });\n    this.scene.add(this.mmlCompositionScene.group);\n    setGlobalMMLScene(this.mmlCompositionScene.mmlScene as IMMLScene);\n    setGlobalDocumentTimeManager(this.mmlCompositionScene.documentTimeManager);\n\n    this.setMMLDocuments(this.config.mmlDocuments ?? {});\n\n    const mmlProgressManager = this.mmlCompositionScene.mmlScene.getLoadingProgressManager!()!;\n    this.loadingProgressManager.addLoadingDocument(mmlProgressManager, \"mml\", mmlProgressManager);\n    mmlProgressManager.addProgressCallback(() => {\n      this.loadingProgressManager.updateDocumentProgress(mmlProgressManager);\n    });\n    mmlProgressManager.setInitialLoad(true);\n  }\n\n  private createFrame(mmlDocument: MMLDocumentConfiguration) {\n    const frameElement = document.createElement(\"m-frame\");\n    frameElement.setAttribute(\"src\", mmlDocument.url);\n    this.updateFrameAttributes(frameElement, mmlDocument);\n    return frameElement;\n  }\n\n  private updateFrameAttributes(frameElement: HTMLElement, mmlDocument: MMLDocumentConfiguration) {\n    const existingSrc = frameElement.getAttribute(\"src\");\n    if (existingSrc !== mmlDocument.url) {\n      frameElement.setAttribute(\"src\", mmlDocument.url);\n    }\n    if (mmlDocument.position) {\n      frameElement.setAttribute(\"x\", mmlDocument.position.x.toString());\n      frameElement.setAttribute(\"y\", mmlDocument.position.y.toString());\n      frameElement.setAttribute(\"z\", mmlDocument.position.z.toString());\n    } else {\n      frameElement.setAttribute(\"x\", \"0\");\n      frameElement.setAttribute(\"y\", \"0\");\n      frameElement.setAttribute(\"z\", \"0\");\n    }\n    if (mmlDocument.rotation) {\n      frameElement.setAttribute(\"rx\", mmlDocument.rotation.x.toString());\n      frameElement.setAttribute(\"ry\", mmlDocument.rotation.y.toString());\n      frameElement.setAttribute(\"rz\", mmlDocument.rotation.z.toString());\n    } else {\n      frameElement.setAttribute(\"rx\", \"0\");\n      frameElement.setAttribute(\"ry\", \"0\");\n      frameElement.setAttribute(\"rz\", \"0\");\n    }\n    if (mmlDocument.scale?.x !== undefined) {\n      frameElement.setAttribute(\"sx\", mmlDocument.scale.x.toString());\n    } else {\n      frameElement.setAttribute(\"sx\", \"1\");\n    }\n    if (mmlDocument.scale?.y !== undefined) {\n      frameElement.setAttribute(\"sy\", mmlDocument.scale.y.toString());\n    } else {\n      frameElement.setAttribute(\"sy\", \"1\");\n    }\n    if (mmlDocument.scale?.z !== undefined) {\n      frameElement.setAttribute(\"sz\", mmlDocument.scale.z.toString());\n    } else {\n      frameElement.setAttribute(\"sz\", \"1\");\n    }\n  }\n\n  private setMMLDocuments(mmlDocuments: { [key: string]: MMLDocumentConfiguration }) {\n    const newFramesMap: { [key: string]: HTMLElement } = {};\n    for (const [key, mmlDocSpec] of Object.entries(mmlDocuments)) {\n      const existing = this.mmlFrames[key];\n      if (!existing) {\n        const frameElement = this.createFrame(mmlDocSpec);\n        document.body.appendChild(frameElement);\n        newFramesMap[key] = frameElement;\n      } else {\n        delete this.mmlFrames[key];\n        newFramesMap[key] = existing;\n        this.updateFrameAttributes(existing, mmlDocSpec);\n      }\n    }\n    for (const [key, element] of Object.entries(this.mmlFrames)) {\n      element.remove();\n    }\n    this.mmlFrames = newFramesMap;\n  }\n}\n"],
+  "mappings": "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",
+  "names": ["_a"]
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mml-io/3d-web-experience-client",
-  "version": "0.17.0",
+  "version": "0.19.0",
   "publishConfig": {
     "access": "public"
   },
@@ -18,16 +18,17 @@
     "lint-fix": "eslint \"./{src,test}/**/*.{js,jsx,ts,tsx}\" --fix"
   },
   "dependencies": {
-    "@mml-io/3d-web-client-core": "^0.17.0",
-    "@mml-io/3d-web-text-chat": "^0.17.0",
-    "@mml-io/3d-web-user-networking": "^0.17.0",
-    "@mml-io/3d-web-voice-chat": "^0.17.0",
-    "mml-web": "^0.15.0",
+    "@mml-io/3d-web-avatar-selection-ui": "^0.19.0",
+    "@mml-io/3d-web-client-core": "^0.19.0",
+    "@mml-io/3d-web-text-chat": "^0.19.0",
+    "@mml-io/3d-web-user-networking": "^0.19.0",
+    "@mml-io/3d-web-voice-chat": "^0.19.0",
+    "mml-web": "0.17.1",
     "three": "0.163.0"
   },
   "devDependencies": {
-    "@types/node": "^20.12.7",
+    "@types/node": "^20.14.10",
     "@types/three": "0.163.0"
   },
-  "gitHead": "bc97b49ea69d920e0824a6885f7e8fca440e2e12"
+  "gitHead": "1d785e68643dd46c63b49d9fcb0fc1d73097a414"
 }