@inweb/viewer-three 25.10.0 → 25.11.0

package/lib/Viewer/Viewer.d.ts

@@ -140,12 +140,18 @@ export declare class Viewer extends EventEmitter2<ViewerEventMap & CanvasEventMa
         withCredentials?: boolean;
     }): Promise<this>;
     clear(): this;
+    getSelected(): string[];
+    setSelected(handles?: string[]): void;
+    clearSelected(): void;
+    hideSelected(): void;
+    isolateSelected(): void;
+    showAll(): void;
+    explode(index?: number): void;
+    collect(): void;
     activeDragger(): IDragger | null;
     setActiveDragger(name?: string): IDragger | null;
     resetActiveDragger(): void;
     is3D(): boolean;
-    getSelected(): string[];
-    setSelected(handles?: string[]): void;
     executeCommand(id: string, ...args: any[]): any;
     getComponent(type: any): any;
     drawViewpoint(viewpoint: IViewpoint): void;

package/lib/Viewer/commands/index.d.ts

@@ -1,5 +1,6 @@
 import "./ApplyModelTransform";
 import "./ClearMarkup";
+import "./ClearSelected";
 import "./ClearSlices";
 import "./CreatePreview";
 import "./Explode";
@@ -16,7 +17,6 @@ import "./SetDefaultViewPosition";
 import "./SetMarkupColor";
 import "./SetSelected";
 import "./ShowAll";
-import "./Unselect";
 import "./ZoomToExtents";
 import "./ZoomToObjects";
 import "./ZoomToSelected";

package/lib/Viewer/draggers/OrbitDragger.d.ts

@@ -1,6 +1,6 @@
-import { OrbitControls } from "three/examples/jsm/controls/OrbitControls.js";
 import type { IDisposable } from "../IDisposable";
 import type { Viewer } from "../Viewer";
+import { OrbitControls } from "../controls/OrbitControls.js";
 export declare class OrbitDragger implements IDisposable {
     protected viewer: Viewer;
     protected orbit: OrbitControls;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@inweb/viewer-three",
-  "version": "25.10.0",
-  "description": "JavaScript library for rendering CAD and BIM files in a browser using Three.js",
+  "version": "25.11.0",
+  "description": "3D viewer powered by Three.js",
   "homepage": "https://cloud.opendesign.com/docs/index.html",
   "license": "SEE LICENSE IN LICENSE",
   "author": "Open Design Alliance",
@@ -28,9 +28,9 @@
     "docs": "typedoc"
   },
   "dependencies": {
-    "@inweb/client": "~25.10.0",
-    "@inweb/eventemitter2": "~25.10.0",
-    "@inweb/viewer-core": "~25.10.0"
+    "@inweb/client": "~25.11.0",
+    "@inweb/eventemitter2": "~25.11.0",
+    "@inweb/viewer-core": "~25.11.0"
   },
   "devDependencies": {
     "@types/three": "^0.152.1",

package/src/Viewer/Viewer.ts

@@ -217,23 +217,21 @@ export class Viewer extends EventEmitter2<ViewerEventMap & CanvasEventMap & Opti
     if (!this.renderNeeded) return;
     if (!this.renderer) return;
 
-    const clippingPlanes = this.renderer.clippingPlanes;
+    this.renderNeeded = false;
 
     this.renderer.setViewport(0, 0, this.canvas.offsetWidth, this.canvas.offsetHeight);
+    this.renderer.autoClear = true;
     this.renderer.render(this.scene, this.camera);
 
+    const clippingPlanes = this.renderer.clippingPlanes;
     this.renderer.clippingPlanes = [];
     this.renderer.autoClear = false;
     this.renderer.render(this.helpers, this.camera);
+    this.renderer.clippingPlanes = clippingPlanes;
 
     const deltaTime = (time - this.renderTime) / 1000;
     this.renderTime = time;
     this.emitEvent({ type: "render", time, deltaTime });
-
-    this.renderer.autoClear = true;
-    this.renderer.clippingPlanes = clippingPlanes;
-
-    this.renderNeeded = false;
   }
 
   public update(force = false): void {
@@ -471,6 +469,38 @@ export class Viewer extends EventEmitter2<ViewerEventMap & CanvasEventMap & Opti
     return this;
   }
 
+  getSelected(): string[] {
+    return this.executeCommand("getSelected");
+  }
+
+  setSelected(handles?: string[]): void {
+    this.executeCommand("setSelected", handles);
+  }
+
+  clearSelected(): void {
+    this.executeCommand("clearSelected");
+  }
+
+  hideSelected(): void {
+    this.executeCommand("hideSelected");
+  }
+
+  isolateSelected(): void {
+    this.executeCommand("isolateSelected");
+  }
+
+  showAll(): void {
+    this.executeCommand("showAll");
+  }
+
+  explode(index = 0): void {
+    this.executeCommand("explode", index);
+  }
+
+  collect(): void {
+    this.executeCommand("collect");
+  }
+
   activeDragger(): IDragger | null {
     return this._activeDragger;
   }
@@ -514,14 +544,6 @@ export class Viewer extends EventEmitter2<ViewerEventMap & CanvasEventMap & Opti
     return true;
   }
 
-  getSelected(): string[] {
-    return this.executeCommand("getSelected");
-  }
-
-  setSelected(handles?: string[]): void {
-    this.executeCommand("setSelected", handles);
-  }
-
   executeCommand(id: string, ...args: any[]): any {
     return commands("ThreeJS").executeCommand(id, this, ...args);
   }

package/src/Viewer/commands/{Unselect.ts → ClearSelected.ts}

@@ -25,13 +25,14 @@ import { commands } from "@inweb/viewer-core";
 import type { Viewer } from "../Viewer";
 import { SelectionComponent } from "../components/SelectionComponent";
 
-function unselect(viewer: Viewer): void {
+function clearSelected(viewer: Viewer): void {
   const selection = new SelectionComponent(viewer);
   selection.clearSelection();
   selection.dispose();
 
   viewer.update();
-  viewer.emit({ type: "select", data: undefined, handles: [] });
+  viewer.emitEvent({ type: "select", data: undefined, handles: [] });
 }
 
-commands("ThreeJS").registerCommand("unselect", unselect);
+commands("ThreeJS").registerCommand("clearSelected", clearSelected);
+commands("ThreeJS").registerCommandAlias("clearSelected", "unselect");

package/src/Viewer/commands/Explode.ts

@@ -76,7 +76,7 @@ function explode(viewer: Viewer, index = 0): void {
   viewer.models.forEach((gltf) => explodeScene(gltf.scene, index));
 
   viewer.update();
-  viewer.emit({ type: "explode", data: index });
+  viewer.emitEvent({ type: "explode", data: index });
 }
 
 commands("ThreeJS").registerCommand("explode", explode);

package/src/Viewer/commands/HideSelected.ts

@@ -33,8 +33,8 @@ function hideSelected(viewer: Viewer): void {
   selection.dispose();
 
   viewer.update();
-  viewer.emit({ type: "hide" });
-  viewer.emit({ type: "select", data: undefined, handles: [] });
+  viewer.emitEvent({ type: "hide" });
+  viewer.emitEvent({ type: "select", data: undefined, handles: [] });
 }
 
 commands("ThreeJS").registerCommand("hideSelected", hideSelected);

package/src/Viewer/commands/IsolateSelected.ts

@@ -44,7 +44,7 @@ function isolateSelected(viewer: Viewer): void {
   isolateObject(viewer.scene, 0);
 
   viewer.update();
-  viewer.emit({ type: "isolate" });
+  viewer.emitEvent({ type: "isolate" });
 }
 
 commands("ThreeJS").registerCommand("isolateSelected", isolateSelected);

package/src/Viewer/commands/ResetView.ts

@@ -29,7 +29,7 @@ function resetView(viewer: Viewer): void {
   viewer.executeCommand("clearSlices");
   viewer.executeCommand("clearOverlay");
   viewer.executeCommand("setMarkupColor");
-  viewer.executeCommand("unselect");
+  viewer.executeCommand("clearSelected");
   viewer.executeCommand("showAll");
   viewer.executeCommand("explode", 0);
   viewer.executeCommand("zoomToExtents", true);

package/src/Viewer/commands/SetSelected.ts

@@ -38,7 +38,7 @@ function setSelected(viewer: Viewer, handles: string[] = []): void {
   selection.dispose();
 
   viewer.update();
-  viewer.emit({ type: "select", data: undefined, handles });
+  viewer.emitEvent({ type: "select", data: undefined, handles });
 }
 
 commands("ThreeJS").registerCommand("setSelected", setSelected);

package/src/Viewer/commands/ShowAll.ts

@@ -28,7 +28,7 @@ function showAll(viewer: Viewer): void {
   viewer.scene.traverse((object) => (object.visible = true));
 
   viewer.update();
-  viewer.emit({ type: "showall" });
+  viewer.emitEvent({ type: "showall" });
 }
 
 commands("ThreeJS").registerCommand("showAll", showAll);

package/src/Viewer/commands/index.ts

@@ -23,6 +23,7 @@
 
 import "./ApplyModelTransform";
 import "./ClearMarkup";
+import "./ClearSelected";
 import "./ClearSlices";
 import "./CreatePreview";
 import "./Explode";
@@ -39,7 +40,6 @@ import "./SetDefaultViewPosition";
 import "./SetMarkupColor";
 import "./SetSelected";
 import "./ShowAll";
-import "./Unselect";
 import "./ZoomToExtents";
 import "./ZoomToObjects";
 import "./ZoomToSelected";