@inweb/viewer-three 26.12.7 → 27.1.0

package/lib/Viewer/Viewer.d.ts

@@ -39,6 +39,7 @@ export declare class Viewer extends EventEmitter2<ViewerEventMap & CanvasEventMa
     target: Vector3;
     private _activeDragger;
     private _components;
+    private _updateDelay;
     private _renderNeeded;
     private _renderTime;
     private _markup;
@@ -61,7 +62,7 @@ export declare class Viewer extends EventEmitter2<ViewerEventMap & CanvasEventMa
     isInitialized(): boolean;
     setSize(width: number, height: number, updateStyle?: boolean): void;
     update(force?: boolean): void;
-    render(time?: DOMHighResTimeStamp, force?: boolean): void;
+    render(time?: DOMHighResTimeStamp): void;
     loadReferences(model: Model | File | Assembly): Promise<this>;
     /**
      * Loads a file into the viewer.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@inweb/viewer-three",
-  "version": "26.12.7",
+  "version": "27.1.0",
   "description": "JavaScript library for rendering CAD and BIM files in a browser using Three.js",
   "homepage": "https://cloud.opendesign.com/docs/index.html",
   "license": "SEE LICENSE IN LICENSE",
@@ -35,10 +35,10 @@
     "docs": "typedoc"
   },
   "dependencies": {
-    "@inweb/client": "~26.12.7",
-    "@inweb/eventemitter2": "~26.12.7",
-    "@inweb/markup": "~26.12.7",
-    "@inweb/viewer-core": "~26.12.7"
+    "@inweb/client": "~27.1.0",
+    "@inweb/eventemitter2": "~27.1.0",
+    "@inweb/markup": "~27.1.0",
+    "@inweb/viewer-core": "~27.1.0"
   },
   "devDependencies": {
     "@types/three": "^0.180.0",

package/src/Viewer/Viewer.ts

@@ -109,6 +109,7 @@ export class Viewer
   private _activeDragger: IDragger | null;
   private _components: IComponent[];
 
+  private _updateDelay: number;
   private _renderNeeded: boolean;
   private _renderTime: DOMHighResTimeStamp;
 
@@ -137,6 +138,7 @@ export class Viewer
     this._activeDragger = null;
     this._components = [];
 
+    this._updateDelay = 1000;
     this._renderNeeded = false;
     this._renderTime = 0;
 
@@ -313,16 +315,20 @@ export class Viewer
   }
 
   update(force = false): void {
+    const time = performance.now();
+    force = force || time - this._renderTime >= this._updateDelay;
+
     this._renderNeeded = true;
-    if (force) this.render();
-    this.emitEvent({ type: "update", data: force });
+    if (force) this.render(time);
+
+    this.emitEvent({ type: "update", force });
   }
 
   // Internal render routines
 
-  render(time?: DOMHighResTimeStamp, force = false): void {
+  render(time?: DOMHighResTimeStamp): void {
     if (!this.renderer) return;
-    if (!this._renderNeeded && !force) return;
+    if (!this._renderNeeded) return;
 
     if (!time) time = performance.now();
     const deltaTime = (time - this._renderTime) / 1000;

package/src/Viewer/loaders/DynamicGltfLoader/DynamicGltfLoader.js

@@ -77,9 +77,6 @@ export class DynamicGltfLoader {
     this.graphicsObjectLimit = 10000;
     this.totalLoadedObjects = 0;
 
-    this.lastUpdateTime = 0;
-    this.updateInterval = 1000;
-
     this.handleToObjects = new Map();
 
     this.originalObjects = new Set();
@@ -887,11 +884,7 @@ export class DynamicGltfLoader {
           total: totalNodes,
         });
 
-        const currentTime = Date.now();
-        if (currentTime - this.lastUpdateTime >= this.updateInterval) {
-          this.dispatchEvent("update");
-          this.lastUpdateTime = currentTime;
-        }
+        this.dispatchEvent("update");
 
         await new Promise((resolve) => {
           setTimeout(resolve, 0);
@@ -1284,7 +1277,6 @@ export class DynamicGltfLoader {
     this.transformedGeometries.clear();
 
     this.totalLoadedObjects = 0;
-    this.lastUpdateTime = 0;
     this.currentMemoryUsage = 0;
     this.loadedGeometrySize = 0;
 
@@ -1414,9 +1406,7 @@ export class DynamicGltfLoader {
 
   yieldToUI() {
     return new Promise((resolve) => {
-      requestAnimationFrame(() => {
-        setTimeout(resolve, 0);
-      });
+      setTimeout(resolve, 0);
     });
   }