@inweb/viewer-three 27.1.3 → 27.1.5

package/dist/viewer-three.module.js

@@ -2192,9 +2192,15 @@ function clearSlices(viewer) {
     viewer.clearSlices();
 }
 
-function createPreview(viewer, type = "image/jpeg", quality = 0.25) {
+function getSnapshot(viewer, type, quality) {
+    var _a, _b;
     viewer.update(true);
-    return viewer.canvas.toDataURL(type, quality);
+    const mimeType = (_a = type !== null && type !== void 0 ? type : viewer.options.snapshotMimeType) !== null && _a !== void 0 ? _a : "image/jpeg";
+    const imageQuality = (_b = quality !== null && quality !== void 0 ? quality : viewer.options.snapshotQuality) !== null && _b !== void 0 ? _b : 0.25;
+    if (viewer.markup) {
+        return viewer.markup.getSnapshot(mimeType, imageQuality);
+    }
+    return viewer.canvas.toDataURL(mimeType, imageQuality);
 }
 
 function explode(viewer, index = 0) {
@@ -2403,7 +2409,7 @@ commands.registerCommand("clearMarkup", clearMarkup);
 commands.registerCommand("clearSelected", clearSelected);
 commands.registerCommand("clearSlices", clearSlices);
 commands.registerCommand("collect", collect);
-commands.registerCommand("createPreview", createPreview);
+commands.registerCommand("getSnapshot", getSnapshot);
 commands.registerCommand("explode", explode);
 commands.registerCommand("getDefaultViewPositions", getDefaultViewPositions);
 commands.registerCommand("getModels", getModels);
@@ -2435,6 +2441,7 @@ commands.registerCommand("ne", (viewer) => setDefaultViewPosition(viewer, "ne"))
 commands.registerCommand("nw", (viewer) => setDefaultViewPosition(viewer, "nw"));
 commands.registerCommandAlias("clearMarkup", "clearOverlay");
 commands.registerCommandAlias("clearSelected", "unselect");
+commands.registerCommandAlias("getSnapshot", "createPreview");
 commands.registerCommandAlias("zoomToExtents", "zoomExtents");
 commands.registerCommandAlias("top", "k3DViewTop");
 commands.registerCommandAlias("bottom", "k3DViewBottom");
@@ -2521,7 +2528,7 @@ class CameraComponent {
         if (camera.isOrthographicCamera) {
             camera.left = camera.bottom * aspectRatio;
             camera.right = camera.top * aspectRatio;
-            camera.near = 0;
+            camera.near = -extentsSize * 1000;
             camera.far = extentsSize * 1000;
         }
         camera.updateProjectionMatrix();
@@ -2787,22 +2794,7 @@ class InfoComponent {
     }
 }
 
-class RenderLoopComponent {
-    constructor(viewer) {
-        this.animate = (time) => {
-            this.requestId = requestAnimationFrame(this.animate);
-            this.viewer.render(time);
-            this.viewer.emitEvent({ type: "animate", time });
-        };
-        this.viewer = viewer;
-        this.requestId = requestAnimationFrame(this.animate);
-    }
-    dispose() {
-        cancelAnimationFrame(this.requestId);
-    }
-}
-
-class ResizeCanvasComponent {
+class CanvasResizeComponent {
     constructor(viewer) {
         this.resizeViewer = (entries) => {
             const { width, height } = entries[0].contentRect;
@@ -2819,6 +2811,46 @@ class ResizeCanvasComponent {
     }
 }
 
+class CanvasRemoveComponent {
+    constructor(viewer) {
+        this.cleanupViewer = (mutations) => {
+            for (const mutation of mutations) {
+                if (mutation.type === "childList" && mutation.removedNodes.length > 0) {
+                    for (const node of mutation.removedNodes) {
+                        if (node === this.viewer.canvas || node.contains(this.viewer.canvas)) {
+                            this.viewer.emitEvent({ type: "canvasremoved" });
+                            this.viewer.dispose();
+                            return;
+                        }
+                    }
+                }
+            }
+        };
+        this.viewer = viewer;
+        this.mutationObserver = new MutationObserver(this.cleanupViewer);
+        this.mutationObserver.observe(document, { childList: true, subtree: true });
+    }
+    dispose() {
+        this.mutationObserver.disconnect();
+        this.mutationObserver = undefined;
+    }
+}
+
+class RenderLoopComponent {
+    constructor(viewer) {
+        this.animate = (time) => {
+            this.requestId = requestAnimationFrame(this.animate);
+            this.viewer.render(time);
+            this.viewer.emitEvent({ type: "animate", time });
+        };
+        this.viewer = viewer;
+        this.requestId = requestAnimationFrame(this.animate);
+    }
+    dispose() {
+        cancelAnimationFrame(this.requestId);
+    }
+}
+
 class HighlighterUtils {
     static isBreak(positions, i) {
         return (isNaN(positions[i]) ||
@@ -3275,7 +3307,8 @@ components.registerComponent("CameraComponent", (viewer) => new CameraComponent(
 components.registerComponent("BackgroundComponent", (viewer) => new BackgroundComponent(viewer));
 components.registerComponent("LightComponent", (viewer) => new LightComponent(viewer));
 components.registerComponent("InfoComponent", (viewer) => new InfoComponent(viewer));
-components.registerComponent("ResizeCanvasComponent", (viewer) => new ResizeCanvasComponent(viewer));
+components.registerComponent("CanvasResizeComponent", (viewer) => new CanvasResizeComponent(viewer));
+components.registerComponent("CanvasRemoveComponent", (viewer) => new CanvasRemoveComponent(viewer));
 components.registerComponent("RenderLoopComponent", (viewer) => new RenderLoopComponent(viewer));
 components.registerComponent("HighlighterComponent", (viewer) => new HighlighterComponent(viewer));
 components.registerComponent("SelectionComponent", (viewer) => new SelectionComponent(viewer));
@@ -7194,7 +7227,7 @@ class Viewer extends EventEmitter2 {
                 camera.bottom = -orthogonal_camera.field_height / 2;
                 camera.left = camera.bottom * aspectRatio;
                 camera.right = camera.top * aspectRatio;
-                camera.near = 0;
+                camera.near = -extentsSize * 1000;
                 camera.far = extentsSize * 1000;
                 camera.zoom = orthogonal_camera.view_to_world_scale;
                 camera.updateProjectionMatrix();
@@ -7315,12 +7348,16 @@ class Viewer extends EventEmitter2 {
         viewpoint.clipping_planes = getClippingPlanes();
         viewpoint.selection = getSelection();
         viewpoint.description = new Date().toDateString();
+        viewpoint.snapshot = { data: this.getSnapshot() };
         this._markup.getViewpoint(viewpoint);
         viewpoint.custom_fields.camera_target = getPoint3dFromVector3(this.target);
         viewpoint.custom_fields.selection2 = getSelection2();
         this.emitEvent({ type: "createviewpoint", data: viewpoint });
         return viewpoint;
     }
+    getSnapshot(type, quality) {
+        return this.executeCommand("getSnapshot", type, quality);
+    }
     screenToWorld(position) {
         if (!this.renderer)
             return { x: position.x, y: position.y, z: 0 };