@inweb/viewer-visualize 27.1.2 → 27.1.4

package/lib/Viewer/Commands/GetSnapshot.d.ts

@@ -0,0 +1,2 @@
+import { Viewer } from "../Viewer";
+export declare function getSnapshot(viewer: Viewer, type?: string, quality?: number): string;

package/lib/Viewer/Markup/Visualize/VisualizeMarkup.d.ts

@@ -25,6 +25,7 @@ export declare class VisualizeMarkup implements IMarkup {
     colorizeSelectedMarkups(r?: number, g?: number, b?: number): void;
     setViewpoint(viewpoint: IViewpoint): void;
     getViewpoint(viewpoint: IViewpoint): IViewpoint;
+    getSnapshot(type?: string, quality?: number): string;
     enableEditMode(mode: MarkupMode | false): this;
     createObject(type: string, params: any): IMarkupObject;
     getObjects(): IMarkupObject[];

package/lib/Viewer/Viewer.d.ts

@@ -251,6 +251,7 @@ export declare class Viewer extends EventEmitter2<ViewerEventMap & CanvasEventMa
     getComponent(name: string): IComponent;
     drawViewpoint(viewpoint: IViewpoint): void;
     createViewpoint(): IViewpoint;
+    getSnapshot(type?: string, quality?: number): string;
     screenToWorld(position: {
         x: number;
         y: number;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@inweb/viewer-visualize",
-  "version": "27.1.2",
+  "version": "27.1.4",
   "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": "~27.1.2",
-    "@inweb/eventemitter2": "~27.1.2",
-    "@inweb/markup": "~27.1.2",
-    "@inweb/viewer-core": "~27.1.2"
+    "@inweb/client": "~27.1.4",
+    "@inweb/eventemitter2": "~27.1.4",
+    "@inweb/markup": "~27.1.4",
+    "@inweb/viewer-core": "~27.1.4"
   },
   "visualizeJS": "https://public-fhemb7e3embacwec.z02.azurefd.net/libs/visualizejs/master/Visualize.js"
 }

package/src/Viewer/Commands/{CreatePreview.ts → GetSnapshot.ts}

@@ -23,8 +23,15 @@
 
 import { Viewer } from "../Viewer";
 
-export function createPreview(viewer: Viewer, type = "image/jpeg", encoderOptions = 0.25): string {
+export function getSnapshot(viewer: Viewer, type?: string, quality?: number): string {
   if (!viewer.visualizeJs) return "";
 
-  return viewer.canvas?.toDataURL(type, encoderOptions) || "";
+  const mimeType = type ?? viewer.options.snapshotMimeType ?? "image/jpeg";
+  const imageQuality = quality ?? viewer.options.snapshotQuality ?? 0.25;
+
+  if (viewer.markup) {
+    return viewer.markup.getSnapshot(mimeType, imageQuality);
+  }
+
+  return viewer.canvas?.toDataURL(mimeType, imageQuality) || "";
 }

package/src/Viewer/Commands/index.ts

@@ -27,7 +27,7 @@ import { applyModelTransform } from "./ApplyModelTransform";
 import { clearMarkup } from "./ClearMarkup";
 import { clearSelected } from "./ClearSelected";
 import { clearSlices } from "./ClearSlices";
-import { createPreview } from "./CreatePreview";
+import { getSnapshot } from "./GetSnapshot";
 import { explode, collect } from "./Explode";
 import { getDefaultViewPositions } from "./GetDefaultViewPositions";
 import { getModels } from "./GetModels";
@@ -83,7 +83,7 @@ commands.registerCommand("applyModelTransform", applyModelTransform);
 commands.registerCommand("clearMarkup", clearMarkup);
 commands.registerCommand("clearSelected", clearSelected);
 commands.registerCommand("clearSlices", clearSlices);
-commands.registerCommand("createPreview", createPreview);
+commands.registerCommand("getSnapshot", getSnapshot);
 commands.registerCommand("explode", explode);
 commands.registerCommand("collect", collect);
 commands.registerCommand("getDefaultViewPositions", getDefaultViewPositions);
@@ -119,4 +119,5 @@ commands.registerCommand("k3DViewNW", (viewer) => setDefaultViewPosition(viewer,
 
 commands.registerCommandAlias("clearMarkup", "clearOverlay");
 commands.registerCommandAlias("clearSelected", "unselect");
+commands.registerCommandAlias("getSnapshot", "createPreview");
 commands.registerCommandAlias("zoomToExtents", "zoomExtents");

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

@@ -164,7 +164,6 @@ export class VisualizeMarkup implements IMarkup {
       return { x: array[0], y: array[1], z: array[2] };
     }
 
-    const visLib = this._viewer.visLib();
     const visViewer = this._viewer.visViewer();
 
     if (!viewpoint) viewpoint = { custom_fields: {} };
@@ -219,12 +218,18 @@ export class VisualizeMarkup implements IMarkup {
     }
     itr.delete();
 
-    viewpoint.snapshot = { data: visLib.canvas.toDataURL("image/jpeg", 0.25) };
     viewpoint.custom_fields.markup_color = this.getMarkupColor();
 
     return viewpoint;
   }
 
+  getSnapshot(type = "image/jpeg", quality = 0.25): string {
+    if (!this._viewer.visualizeJs) return "";
+
+    const visLib = this._viewer.visLib();
+    return visLib.canvas?.toDataURL(type, quality) || "";
+  }
+
   enableEditMode(mode: MarkupMode | false): this {
     return this;
   }

package/src/Viewer/Viewer.ts

@@ -1195,6 +1195,8 @@ export class Viewer
     viewpoint.clipping_planes = getClippingPlanes();
     viewpoint.selection = getSelection();
     viewpoint.description = new Date().toDateString();
+    viewpoint.snapshot = { data: this.getSnapshot() };
+
     this._markup.getViewpoint(viewpoint);
 
     viewpoint.custom_fields.selection2 = getSelection2();
@@ -1204,6 +1206,10 @@ export class Viewer
     return viewpoint;
   }
 
+  getSnapshot(type?: string, quality?: number): string {
+    return this.executeCommand("getSnapshot", type, quality);
+  }
+
   // IWorldTransform
 
   screenToWorld(position: { x: number; y: number }): { x: number; y: number; z: number } {

package/lib/Viewer/Commands/CreatePreview.d.ts

@@ -1,2 +0,0 @@
-import { Viewer } from "../Viewer";
-export declare function createPreview(viewer: Viewer, type?: string, encoderOptions?: number): string;