@inweb/viewer-three 27.1.3 → 27.1.5

package/dist/viewer-three.js

@@ -251,6 +251,8 @@
             rulerUnit: "Default",
             rulerPrecision: 2,
             cameraMode: "perspective",
+            snapshotMimeType: "image/jpeg",
+            snapshotQuality: 0.25,
         };
     }
     class Options {
@@ -35796,9 +35798,15 @@ void main() {
         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) {
@@ -36007,7 +36015,7 @@ void main() {
     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);
@@ -36039,6 +36047,7 @@ void main() {
     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");
@@ -36125,7 +36134,7 @@ void main() {
             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();
@@ -36391,22 +36400,7 @@ void main() {
         }
     }
 
-    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;
@@ -36423,6 +36417,46 @@ void main() {
         }
     }
 
+    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);
+        }
+    }
+
     const _box = new Box3();
     const _vector = new Vector3();
     class LineSegmentsGeometry extends InstancedBufferGeometry {
@@ -37518,7 +37552,8 @@ void main() {
     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));
@@ -56591,10 +56626,22 @@ js: import "konva/skia-backend";
             viewpoint.ellipses = this.getMarkupEllipses();
             viewpoint.images = this.getMarkupImages();
             viewpoint.rectangles = this.getMarkupRectangles();
-            viewpoint.snapshot = { data: this.combineMarkupWithDrawing() };
             viewpoint.custom_fields.markup_color = this.getMarkupColor();
             return viewpoint;
         }
+        getSnapshot(type = "image/jpeg", quality = 0.25) {
+            this.clearSelected();
+            const tempCanvas = document.createElement("canvas");
+            if (this._konvaStage) {
+                tempCanvas.width = this._konvaStage.width();
+                tempCanvas.height = this._konvaStage.height();
+                const ctx = tempCanvas.getContext("2d");
+                if (this._container instanceof HTMLCanvasElement)
+                    ctx.drawImage(this._container, 0, 0);
+                ctx.drawImage(this._konvaStage.toCanvas({ pixelRatio: window.devicePixelRatio }), 0, 0);
+            }
+            return tempCanvas.toDataURL(type, quality);
+        }
         enableEditMode(mode) {
             if (!mode || !MarkupMode2Konva[mode]) {
                 this.clearSelected();
@@ -57031,19 +57078,6 @@ js: import "konva/skia-backend";
             });
             return clouds;
         }
-        combineMarkupWithDrawing() {
-            this.clearSelected();
-            const tempCanvas = document.createElement("canvas");
-            if (this._konvaStage) {
-                tempCanvas.width = this._konvaStage.width();
-                tempCanvas.height = this._konvaStage.height();
-                const ctx = tempCanvas.getContext("2d");
-                if (this._container instanceof HTMLCanvasElement)
-                    ctx.drawImage(this._container, 0, 0);
-                ctx.drawImage(this._konvaStage.toCanvas({ pixelRatio: window.devicePixelRatio }), 0, 0);
-            }
-            return tempCanvas.toDataURL("image/jpeg", 0.25);
-        }
         addLine(linePoints, color, type, width, id) {
             if (!linePoints || linePoints.length === 0)
                 return;
@@ -57644,7 +57678,7 @@ js: import "konva/skia-backend";
                     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();
@@ -57765,12 +57799,16 @@ js: import "konva/skia-backend";
             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 };