@mml-io/3d-web-client-core 0.0.0-experimental-5a49f55-20240611 → 0.0.0-experimental-0c0b0b6-20240620

package/build/error-screen/ErrorScreen.d.ts

@@ -0,0 +1,7 @@
+export declare class ErrorScreen {
+    readonly element: HTMLDivElement;
+    private titleBannerText;
+    private messageText;
+    constructor(title: string, message: string);
+    dispose(): void;
+}

package/build/index.d.ts

@@ -15,4 +15,5 @@ export { CollisionsManager } from "./collisions/CollisionsManager";
 export { Sun } from "./sun/Sun";
 export { GroundPlane } from "./ground-plane/GroundPlane";
 export { LoadingScreen } from "./loading-screen/LoadingScreen";
+export { ErrorScreen } from "./error-screen/ErrorScreen";
 export { EnvironmentConfiguration } from "./rendering/composer";

package/build/index.js

@@ -481,8 +481,9 @@ var CameraManager = class {
     }
   }
   onMouseMove(event) {
-    if (getTweakpaneActive())
+    if (getTweakpaneActive()) {
       return;
+    }
     if (this.dragging) {
       if (this.targetTheta === null || this.targetPhi === null)
         return;
@@ -493,6 +494,9 @@ var CameraManager = class {
     }
   }
   onMouseWheel(event) {
+    if (getTweakpaneActive()) {
+      return;
+    }
     const scrollAmount = event.deltaY * this.zoomScale * 0.1;
     this.targetDistance += scrollAmount;
     this.targetDistance = Math.max(
@@ -3323,9 +3327,6 @@ var tweakPaneStyle = `
   --tp-label-foreground-color: hsla(0, 0%, 100%, 0.6);
   --tp-monitor-background-color: hsla(0, 0%, 0%, 0.3);
   --tp-monitor-foreground-color: hsla(0, 0%, 100%, 0.3);
-  -webkit-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
 }
 
 .tp-brkv {
@@ -3394,20 +3395,20 @@ var TweakPane = class {
     this.composer = composer;
     this.saveVisibilityInLocalStorage = true;
     this.guiVisible = false;
-    const tweakPaneWrapper = document.createElement("div");
-    tweakPaneWrapper.style.position = "fixed";
-    tweakPaneWrapper.style.width = "400px";
-    tweakPaneWrapper.style.height = "100%";
-    tweakPaneWrapper.style.top = "0px";
-    tweakPaneWrapper.style.right = "calc(-50vw)";
-    tweakPaneWrapper.style.zIndex = "99";
-    tweakPaneWrapper.style.overflow = "auto";
-    tweakPaneWrapper.style.backgroundColor = "rgba(0, 0, 0, 0.66)";
-    tweakPaneWrapper.style.paddingLeft = "5px";
-    tweakPaneWrapper.style.boxShadow = "-7px 0px 12px rgba(0, 0, 0, 0.5)";
-    tweakPaneWrapper.style.transition = "right cubic-bezier(0.83, 0, 0.17, 1) 0.7s";
-    holderElement.appendChild(tweakPaneWrapper);
-    this.gui = new Pane({ container: tweakPaneWrapper });
+    this.tweakPaneWrapper = document.createElement("div");
+    this.tweakPaneWrapper.style.position = "fixed";
+    this.tweakPaneWrapper.style.width = "400px";
+    this.tweakPaneWrapper.style.height = "100%";
+    this.tweakPaneWrapper.style.top = "0px";
+    this.tweakPaneWrapper.style.right = "calc(-50vw)";
+    this.tweakPaneWrapper.style.zIndex = "99";
+    this.tweakPaneWrapper.style.overflow = "auto";
+    this.tweakPaneWrapper.style.backgroundColor = "rgba(0, 0, 0, 0.66)";
+    this.tweakPaneWrapper.style.paddingLeft = "5px";
+    this.tweakPaneWrapper.style.boxShadow = "-7px 0px 12px rgba(0, 0, 0, 0.5)";
+    this.tweakPaneWrapper.style.transition = "right cubic-bezier(0.83, 0, 0.17, 1) 0.7s";
+    holderElement.appendChild(this.tweakPaneWrapper);
+    this.gui = new Pane({ container: this.tweakPaneWrapper });
     this.gui.registerPlugin(EssentialsPlugin);
     if (this.saveVisibilityInLocalStorage) {
       const localStorageGuiVisible = localStorage.getItem("guiVisible");
@@ -3435,19 +3436,20 @@ var TweakPane = class {
     this.characterControls = new CharacterControlsFolder(this.gui, false);
     this.toneMappingFolder.folder.hidden = rendererValues.toneMapping === 5 ? false : true;
     this.export = this.gui.addFolder({ title: "import / export", expanded: false });
+    this.setupGUIListeners();
     window.addEventListener("keydown", (e) => {
       this.processKey(e);
     });
-    this.setupGUIListeners();
   }
   setupGUIListeners() {
     const gui = this.gui;
     const paneElement = gui.containerElem_;
     paneElement.style.right = this.guiVisible ? "0px" : "-450px";
     this.gui.element.addEventListener("mouseenter", () => setTweakpaneActive(true));
+    this.gui.element.addEventListener("mousemove", () => setTweakpaneActive(true));
     this.gui.element.addEventListener("mousedown", () => setTweakpaneActive(true));
-    this.gui.element.addEventListener("mouseup", () => setTweakpaneActive(false));
     this.gui.element.addEventListener("mouseleave", () => setTweakpaneActive(false));
+    this.gui.element.addEventListener("mouseup", () => setTweakpaneActive(false));
   }
   processKey(e) {
     if (e.key === "p")
@@ -3484,6 +3486,10 @@ var TweakPane = class {
       });
     });
   }
+  dispose() {
+    this.gui.dispose();
+    this.tweakPaneWrapper.remove();
+  }
   setupCamPane(cameraManager) {
     this.camera.setupChangeEvent(cameraManager);
   }
@@ -5292,6 +5298,7 @@ var Composer = class {
   }
   dispose() {
     window.removeEventListener("resize", this.resizeListener);
+    this.renderer.dispose();
   }
   fitContainer() {
     if (!this) {
@@ -5856,6 +5863,7 @@ var LoadingScreen = class {
   constructor(loadingProgressManager) {
     this.loadingProgressManager = loadingProgressManager;
     this.hasCompleted = false;
+    this.disposed = false;
     this.element = document.createElement("div");
     this.element.style.position = "absolute";
     this.element.style.top = "0";
@@ -5990,10 +5998,47 @@ var LoadingScreen = class {
     this.loadingProgressManager.addProgressCallback(this.loadingCallback);
   }
   dispose() {
+    if (this.disposed) {
+      return;
+    }
+    this.disposed = true;
     this.loadingProgressManager.removeProgressCallback(this.loadingCallback);
     this.element.remove();
   }
 };
+
+// src/error-screen/ErrorScreen.ts
+var ErrorScreen = class {
+  constructor(title, message) {
+    this.element = document.createElement("div");
+    this.element.style.position = "absolute";
+    this.element.style.top = "0";
+    this.element.style.left = "0";
+    this.element.style.display = "flex";
+    this.element.style.alignItems = "center";
+    this.element.style.justifyContent = "center";
+    this.element.style.flexDirection = "column";
+    this.element.style.width = "100%";
+    this.element.style.height = "100%";
+    this.element.style.background = "linear-gradient(45deg, #111111 0%, #444444 100%)";
+    this.element.style.color = "white";
+    this.titleBannerText = document.createElement("div");
+    this.titleBannerText.textContent = title;
+    this.titleBannerText.style.fontSize = "40px";
+    this.titleBannerText.style.fontWeight = "bold";
+    this.titleBannerText.style.fontFamily = "sans-serif";
+    this.element.append(this.titleBannerText);
+    this.messageText = document.createElement("div");
+    this.messageText.style.textAlign = "center";
+    this.messageText.style.fontFamily = "sans-serif";
+    this.messageText.style.fontWeight = "bold";
+    this.messageText.textContent = message;
+    this.element.append(this.messageText);
+  }
+  dispose() {
+    this.element.remove();
+  }
+};
 export {
   AnimationState,
   CameraManager,
@@ -6001,6 +6046,7 @@ export {
   CharacterModelLoader,
   CollisionsManager,
   Composer,
+  ErrorScreen,
   GroundPlane,
   KeyInputManager,
   LoadingScreen,