@inweb/viewer-visualize 26.12.6 → 26.12.7

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@inweb/viewer-visualize",
-  "version": "26.12.6",
+  "version": "26.12.7",
   "description": "JavaScript library for rendering CAD and BIM files in a browser using VisualizeJS",
   "homepage": "https://cloud.opendesign.com/docs/index.html",
   "license": "SEE LICENSE IN LICENSE",
@@ -29,10 +29,10 @@
     "docs": "typedoc"
   },
   "dependencies": {
-    "@inweb/client": "~26.12.6",
-    "@inweb/eventemitter2": "~26.12.6",
-    "@inweb/markup": "~26.12.6",
-    "@inweb/viewer-core": "~26.12.6"
+    "@inweb/client": "~26.12.7",
+    "@inweb/eventemitter2": "~26.12.7",
+    "@inweb/markup": "~26.12.7",
+    "@inweb/viewer-core": "~26.12.7"
   },
   "visualizeJS": "https://public-fhemb7e3embacwec.z02.azurefd.net/libs/visualizejs/master/Visualize.js"
 }

package/src/Viewer/Markup/Visualize/VisualizeMarkup.ts

@@ -167,7 +167,7 @@ export class VisualizeMarkup implements IMarkup {
     const visLib = this._viewer.visLib();
     const visViewer = this._viewer.visViewer();
 
-    if (!viewpoint) viewpoint = {};
+    if (!viewpoint) viewpoint = { custom_fields: {} };
 
     viewpoint.lines = [];
     viewpoint.texts = [];
@@ -219,13 +219,8 @@ export class VisualizeMarkup implements IMarkup {
     }
     itr.delete();
 
-    viewpoint.snapshot = {
-      data: visLib.canvas.toDataURL("image/jpeg", 0.25),
-    };
-
-    viewpoint.custom_fields = {
-      markup_color: this.getMarkupColor(),
-    };
+    viewpoint.snapshot = { data: visLib.canvas.toDataURL("image/jpeg", 0.25) };
+    viewpoint.custom_fields.markup_color = this.getMarkupColor();
 
     return viewpoint;
   }

package/src/Viewer/Viewer.ts

@@ -1021,12 +1021,49 @@ export class Viewer
           true
         );
 
-        this.syncOverlay();
+        this.options.cameraMode = "orthographic";
         this.emitEvent({ type: "changecameramode", mode: "orthographic" });
       }
     };
 
-    const setPerspectiveCamera = (perspective_camera: IPerspectiveCamera) => {};
+    const setPerspectiveCamera = (perspective_camera: IPerspectiveCamera) => {
+      if (perspective_camera) {
+        // ===================== AI-CODE-START ======================
+        // Source: Claude Sonnet 4.5
+        // Date: 2025-12-03
+        // Reviewer: roman.mochalov@opendesign.com
+        // Issue: CLOUD-5997
+        // Notes: Originally AI-generated, modified manually
+
+        const aspectRatio = this.canvas.width / this.canvas.height;
+
+        const position = perspective_camera.view_point;
+        const target = perspective_camera.direction;
+        const fov = (perspective_camera.field_of_view * Math.PI) / 180;
+
+        const dx = target.x - position.x;
+        const dy = target.y - position.y;
+        const dz = target.z - position.z;
+        const distance = Math.sqrt(dx * dx + dy * dy + dz * dz);
+
+        const fieldHeight = 2 * distance * Math.tan(fov / 2);
+        const fieldWidth = fieldHeight * aspectRatio;
+
+        // ===================== AI-CODE-END ======================
+
+        activeView.setView(
+          getPoint3dAsArray(perspective_camera.view_point),
+          getPoint3dAsArray(perspective_camera.direction),
+          getPoint3dAsArray(perspective_camera.up_vector),
+          fieldWidth,
+          fieldHeight,
+          false
+        );
+
+        this.options.cameraMode = "perspective";
+        this.emitEvent({ type: "changecameramode", mode: "perspective" });
+      }
+    };
 
     const setClippingPlanes = (clipping_planes: IClippingPlane[]) => {
       if (clipping_planes) {
@@ -1060,6 +1097,8 @@ export class Viewer
     setSelection(viewpoint.custom_fields?.selection2 || viewpoint.selection);
     this._markup.setViewpoint(viewpoint);
 
+    this.syncOverlay();
+
     this.setActiveDragger(draggerName);
     this.emitEvent({ type: "drawviewpoint", data: viewpoint });
     this.update();
@@ -1076,18 +1115,47 @@ export class Viewer
     };
 
     const getOrthogonalCamera = (): IOrthogonalCamera => {
-      return {
-        view_point: getPoint3dFromArray(activeView.viewPosition),
-        direction: getPoint3dFromArray(activeView.viewTarget),
-        up_vector: getPoint3dFromArray(activeView.upVector),
-        field_width: activeView.viewFieldWidth,
-        field_height: activeView.viewFieldHeight,
-        view_to_world_scale: 1,
-      };
+      if (!activeView.perspective)
+        return {
+          view_point: getPoint3dFromArray(activeView.viewPosition),
+          direction: getPoint3dFromArray(activeView.viewTarget),
+          up_vector: getPoint3dFromArray(activeView.upVector),
+          field_width: activeView.viewFieldWidth,
+          field_height: activeView.viewFieldHeight,
+          view_to_world_scale: 1,
+        };
+      else return undefined;
     };
 
     const getPerspectiveCamera = (): IPerspectiveCamera => {
-      return undefined;
+      if (activeView.perspective) {
+        // ===================== AI-CODE-START ======================
+        // Source: Claude Sonnet 4.5
+        // Date: 2025-12-03
+        // Reviewer: roman.mochalov@opendesign.com
+        // Issue: CLOUD-5997
+        // Notes: Originally AI-generated, modified manually
+
+        const position = activeView.viewPosition;
+        const target = activeView.viewTarget;
+        const fieldHeight = activeView.viewFieldHeight;
+
+        const dx = target[0] - position[0];
+        const dy = target[1] - position[1];
+        const dz = target[2] - position[2];
+        const distance = Math.sqrt(dx * dx + dy * dy + dz * dz);
+
+        const fov = 2 * Math.atan(fieldHeight / (2 * distance));
+
+        // ===================== AI-CODE-END ======================
+
+        return {
+          view_point: getPoint3dFromArray(activeView.viewPosition),
+          direction: getPoint3dFromArray(activeView.viewTarget),
+          up_vector: getPoint3dFromArray(activeView.upVector),
+          field_of_view: (fov * 180) / Math.PI,
+        };
+      } else return undefined;
     };
 
     const getClippingPlanes = (): IClippingPlane[] => {