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

package/LICENSE

@@ -0,0 +1,19 @@
+Copyright (c) 2023 Improbable MV Limited
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/build/Networked3dWebExperienceClient.d.ts

@@ -1,11 +1,33 @@
-import { AnimationConfig } from "@mml-io/3d-web-client-core";
+import { AnimationConfig, EnvironmentConfiguration } from "@mml-io/3d-web-client-core";
+type MMLDocumentConfiguration = {
+    url: string;
+    position?: {
+        x: number;
+        y: number;
+        z: number;
+    };
+    rotation?: {
+        x: number;
+        y: number;
+        z: number;
+    };
+    scale?: {
+        x: number;
+        y: number;
+        z: number;
+    };
+};
 export type Networked3dWebExperienceClientConfig = {
     sessionToken: string;
-    chatNetworkAddress: string;
+    chatNetworkAddress?: string;
+    voiceChatAddress?: string;
     userNetworkAddress: string;
-    mmlDocumentAddresses: string[];
+    mmlDocuments?: Array<MMLDocumentConfiguration>;
     animationConfig: AnimationConfig;
-    hdrJpgUrl: string;
+    environmentConfiguration?: EnvironmentConfiguration;
+    skyboxHdrJpgUrl: string;
+    enableTweakPane?: boolean;
+    updateURLLocation?: boolean;
 };
 export declare class Networked3dWebExperienceClient {
     private holderElement;
@@ -13,7 +35,7 @@ export declare class Networked3dWebExperienceClient {
     private element;
     private scene;
     private composer;
-    private tweakPane;
+    private tweakPane?;
     private audioListener;
     private cameraManager;
     private collisionsManager;
@@ -31,6 +53,7 @@ export declare class Networked3dWebExperienceClient {
     private textChatUI;
     private voiceChatManager;
     private readonly latestCharacterObject;
+    private characterControllerPaneSet;
     private initialLoadCompleted;
     private loadingProgressManager;
     private loadingScreen;
@@ -45,3 +68,4 @@ export declare class Networked3dWebExperienceClient {
     private spawnCharacter;
     private setupMMLScene;
 }
+export {};

package/build/index.js

@@ -7,12 +7,12 @@ import {
   Composer,
   decodeCharacterAndCamera,
   getSpawnPositionInsideCircle,
+  GroundPlane,
   KeyInputManager,
+  LoadingScreen,
   MMLCompositionScene,
   TimeManager,
   TweakPane,
-  GroundPlane,
-  LoadingScreen,
   VirtualJoystick
 } from "@mml-io/3d-web-client-core";
 import { ChatNetworkingClient, TextChatUI } from "@mml-io/3d-web-text-chat";
@@ -46,8 +46,10 @@ var Networked3dWebExperienceClient = class {
     this.latestCharacterObject = {
       characterState: null
     };
+    this.characterControllerPaneSet = false;
     this.initialLoadCompleted = false;
     this.loadingProgressManager = new LoadingProgressManager();
+    var _a;
     this.element = document.createElement("div");
     this.element.style.position = "absolute";
     this.element.style.width = "100%";
@@ -67,16 +69,24 @@ var Networked3dWebExperienceClient = class {
       y: 0,
       mouse_support: false
     });
-    this.composer = new Composer(this.scene, this.cameraManager.camera, true);
-    this.composer.useHDRJPG(this.config.hdrJpgUrl);
+    this.composer = new Composer({
+      scene: this.scene,
+      camera: this.cameraManager.camera,
+      spawnSun: true,
+      environmentConfiguration: this.config.environmentConfiguration
+    });
+    this.composer.useHDRJPG(this.config.skyboxHdrJpgUrl);
     this.element.appendChild(this.composer.renderer.domElement);
-    this.tweakPane = new TweakPane(
-      this.element,
-      this.composer.renderer,
-      this.scene,
-      this.composer.effectComposer
-    );
-    this.composer.setupTweakPane(this.tweakPane);
+    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);
+    }
     const resizeObserver = new ResizeObserver(() => {
       this.composer.fitContainer();
     });
@@ -133,12 +143,15 @@ var Networked3dWebExperienceClient = class {
       animationConfig: this.config.animationConfig,
       characterResolve: (characterId) => {
         return this.resolveCharacterData(characterId);
-      }
+      },
+      updateURLLocation: this.config.updateURLLocation !== false
     });
     this.scene.add(this.characterManager.group);
-    const groundPlane = new GroundPlane();
-    this.collisionsManager.addMeshesGroup(groundPlane);
-    this.scene.add(groundPlane);
+    if (((_a = this.config.environmentConfiguration) == null ? void 0 : _a.groundPlane) !== false) {
+      const groundPlane = new GroundPlane();
+      this.collisionsManager.addMeshesGroup(groundPlane);
+      this.scene.add(groundPlane);
+    }
     this.setupMMLScene();
     this.loadingScreen = new LoadingScreen(this.loadingProgressManager);
     document.body.append(this.loadingScreen.element);
@@ -188,32 +201,34 @@ var Networked3dWebExperienceClient = class {
   connectToVoiceChat() {
     if (this.clientId === null)
       return;
-    if (this.voiceChatManager === null) {
-      this.voiceChatManager = new VoiceChatManager(
-        this.element,
-        this.clientId,
-        this.remoteUserStates,
-        this.latestCharacterObject
-      );
+    if (this.voiceChatManager === null && this.config.voiceChatAddress) {
+      this.voiceChatManager = new VoiceChatManager({
+        url: this.config.voiceChatAddress,
+        holderElement: this.element,
+        userId: this.clientId,
+        remoteUserStates: this.remoteUserStates,
+        latestCharacterObj: this.latestCharacterObject,
+        autoJoin: false
+      });
     }
   }
   connectToTextChat() {
     if (this.clientId === null) {
       return;
     }
-    const user = this.userProfiles.get(this.clientId);
-    if (!user) {
-      throw new Error("User not found");
-    }
-    if (this.textChatUI === null) {
-      this.textChatUI = new TextChatUI(
-        this.element,
-        user.username,
-        this.sendChatMessageToServer.bind(this)
-      );
-      this.textChatUI.init();
-    }
-    if (this.networkChat === null) {
+    if (this.networkChat === null && this.config.chatNetworkAddress) {
+      const user = this.userProfiles.get(this.clientId);
+      if (!user) {
+        throw new Error("User not found");
+      }
+      if (this.textChatUI === null) {
+        this.textChatUI = new TextChatUI(
+          this.element,
+          user.username,
+          this.sendChatMessageToServer.bind(this)
+        );
+        this.textChatUI.init();
+      }
       this.networkChat = new ChatNetworkingClient({
         url: this.config.chatNetworkAddress,
         sessionToken: this.config.sessionToken,
@@ -233,7 +248,7 @@ var Networked3dWebExperienceClient = class {
     }
   }
   update() {
-    var _a, _b, _c;
+    var _a, _b, _c, _d;
     this.timeManager.update();
     this.characterManager.update();
     (_a = this.voiceChatManager) == null ? void 0 : _a.speakingParticipants.forEach((value, id) => {
@@ -242,8 +257,17 @@ var Networked3dWebExperienceClient = class {
     this.cameraManager.update();
     (_c = this.composer.sun) == null ? void 0 : _c.updateCharacterPosition((_b = this.characterManager.localCharacter) == null ? void 0 : _b.position);
     this.composer.render(this.timeManager);
-    if (this.tweakPane.guiVisible) {
+    if ((_d = this.tweakPane) == null ? void 0 : _d.guiVisible) {
       this.tweakPane.updateStats(this.timeManager);
+      this.tweakPane.updateCameraData(this.cameraManager);
+      if (this.characterManager.localCharacter && this.characterManager.localController) {
+        if (!this.characterControllerPaneSet) {
+          this.characterControllerPaneSet = true;
+          this.characterManager.setupTweakPane(this.tweakPane);
+        } else {
+          this.tweakPane.updateCharacterData(this.characterManager.localController);
+        }
+      }
     }
     requestAnimationFrame(() => {
       this.update();
@@ -296,10 +320,33 @@ var Networked3dWebExperienceClient = class {
     });
     this.scene.add(this.mmlCompositionScene.group);
     setGlobalMMLScene(this.mmlCompositionScene.mmlScene);
-    for (const address of this.config.mmlDocumentAddresses) {
-      const frameElement = document.createElement("m-frame");
-      frameElement.setAttribute("src", address);
-      document.body.appendChild(frameElement);
+    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);
+      }
     }
     const mmlProgressManager = this.mmlCompositionScene.mmlScene.getLoadingProgressManager();
     this.loadingProgressManager.addLoadingDocument(mmlProgressManager, "mml", mmlProgressManager);

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  getSpawnPositionInsideCircle,\n  KeyInputManager,\n  MMLCompositionScene,\n  TimeManager,\n  TweakPane,\n  GroundPlane,\n  LoadingScreen,\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\nexport type Networked3dWebExperienceClientConfig = {\n  sessionToken: string;\n  chatNetworkAddress: string;\n  userNetworkAddress: string;\n  mmlDocumentAddresses: string[];\n  animationConfig: AnimationConfig;\n  hdrJpgUrl: string;\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\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(this.scene, this.cameraManager.camera, true);\n    this.composer.useHDRJPG(this.config.hdrJpgUrl);\n    this.element.appendChild(this.composer.renderer.domElement);\n\n    this.tweakPane = new TweakPane(\n      this.element,\n      this.composer.renderer,\n      this.scene,\n      this.composer.effectComposer,\n    );\n    this.composer.setupTweakPane(this.tweakPane);\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    });\n    this.scene.add(this.characterManager.group);\n\n    const groundPlane = new GroundPlane();\n    this.collisionsManager.addMeshesGroup(groundPlane);\n    this.scene.add(groundPlane);\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) {\n      this.voiceChatManager = new VoiceChatManager(\n        this.element,\n        this.clientId,\n        this.remoteUserStates,\n        this.latestCharacterObject,\n      );\n    }\n  }\n\n  private connectToTextChat() {\n    if (this.clientId === null) {\n      return;\n    }\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    if (this.networkChat === null) {\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    }\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    for (const address of this.config.mmlDocumentAddresses) {\n      const frameElement = document.createElement(\"m-frame\");\n      frameElement.setAttribute(\"src\", address);\n      document.body.appendChild(frameElement);\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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",
+  "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": []
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mml-io/3d-web-experience-client",
-  "version": "0.15.0",
+  "version": "0.17.0",
   "publishConfig": {
     "access": "public"
   },
@@ -18,14 +18,16 @@
     "lint-fix": "eslint \"./{src,test}/**/*.{js,jsx,ts,tsx}\" --fix"
   },
   "dependencies": {
-    "@mml-io/3d-web-client-core": "^0.15.0",
-    "@mml-io/3d-web-text-chat": "^0.15.0",
-    "@mml-io/3d-web-user-networking": "^0.15.0",
-    "@mml-io/3d-web-voice-chat": "^0.15.0",
+    "@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",
     "three": "0.163.0"
   },
   "devDependencies": {
     "@types/node": "^20.12.7",
     "@types/three": "0.163.0"
-  }
+  },
+  "gitHead": "bc97b49ea69d920e0824a6885f7e8fca440e2e12"
 }