@inweb/viewer-visualize 25.12.0 → 26.1.0

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

@@ -1 +1,4 @@
+import { Model, File, Assembly } from "@inweb/client";
+import { Viewer } from "../Viewer";
 export declare const composeMatrixFromTransform: (transform: any, modelCenter: any, visLib: any) => any;
+export declare function applyModelTransform(viewer: Viewer, model: Model | File | Assembly): void;

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

@@ -1 +1,3 @@
-export {};
+import { Model, File, Assembly } from "@inweb/client";
+import { Viewer } from "../Viewer";
+export declare function autoTransformAllModelsToCentralPoint(viewer: Viewer, model: Model | File | Assembly): Promise<void>;

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

@@ -1 +1,2 @@
-export {};
+import { Viewer } from "../Viewer";
+export declare function clearMarkup(viewer: Viewer): void;

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

@@ -1 +1,2 @@
-export {};
+import { Viewer } from "../Viewer";
+export declare function clearSelected(viewer: Viewer): void;

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

@@ -1 +1,2 @@
-export {};
+import { Viewer } from "../Viewer";
+export declare function clearSlices(viewer: Viewer): void;

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

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

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

@@ -1 +1,3 @@
-export {};
+import { Viewer } from "../Viewer";
+export declare function explode(viewer: Viewer, index?: number): void;
+export declare function collect(viewer: Viewer): void;

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

@@ -1 +1,2 @@
-export {};
+import { Viewer } from "../Viewer";
+export declare function getDefaultViewPositions(viewer: Viewer): string[];

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

@@ -1 +1,2 @@
-export {};
+import { Viewer } from "../Viewer";
+export declare function getModels(viewer: Viewer): string[];

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

@@ -1 +1,2 @@
-export {};
+import { Viewer } from "../Viewer";
+export declare function getSelected(viewer: Viewer): string[];

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

@@ -1 +1,2 @@
-export {};
+import { Viewer } from "../Viewer";
+export declare function hideSelected(viewer: Viewer): void;

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

@@ -1 +1,2 @@
-export {};
+import { Viewer } from "../Viewer";
+export declare function isolateSelected(viewer: Viewer): void;

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

@@ -1 +1,2 @@
-export {};
+import { Viewer } from "../Viewer";
+export declare function regenerateAll(viewer: Viewer): void;

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

@@ -1 +1,2 @@
-export {};
+import { Viewer } from "../Viewer";
+export declare function resetView(viewer: Viewer): void;

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

@@ -1 +1,2 @@
-export {};
+import { Viewer } from "../Viewer";
+export declare function selectModel(viewer: Viewer, handle: string): void;

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

@@ -1 +1,2 @@
-export {};
+import { Viewer } from "../Viewer";
+export declare function setActiveDragger(viewer: Viewer, dragger?: string): void;

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

@@ -1 +1,2 @@
-export {};
+import { Viewer } from "../Viewer";
+export declare function setDefaultViewPosition(viewer: Viewer, position?: string): void;

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

@@ -1 +1,2 @@
-export {};
+import { Viewer } from "../Viewer";
+export declare function setMarkupColor(viewer: Viewer, r?: number, g?: number, b?: number): void;

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

@@ -1 +1,2 @@
-export {};
+import { Viewer } from "../Viewer";
+export declare function setSelected(viewer: Viewer, handles?: string[]): void;

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

@@ -1 +1,2 @@
-export {};
+import { Viewer } from "../Viewer";
+export declare function showAll(viewer: Viewer): void;

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

@@ -1 +1,2 @@
-export {};
+import { Viewer } from "../Viewer";
+export declare function zoomToExtents(viewer: Viewer, force?: boolean, animate?: boolean): void;

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

@@ -1 +1,2 @@
-export {};
+import { Viewer } from "../Viewer";
+export declare function zoomToObjects(viewer: Viewer, handles?: string[]): void;

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

@@ -1 +1,2 @@
-export {};
+import { Viewer } from "../Viewer";
+export declare function zoomToSelected(viewer: Viewer): void;

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

@@ -1,23 +1,22 @@
-import "./ApplyModelTransform";
-import "./ClearMarkup";
-import "./ClearSelected";
-import "./ClearSlices";
-import "./CreatePreview";
-import "./Explode";
-import "./GetDefaultViewPositions";
-import "./GetModels";
-import "./GetSelected";
-import "./HideSelected";
-import "./IsolateSelected";
-import "./RegenerateAll";
-import "./ResetView";
-import "./SelectModel";
-import "./SetActiveDragger";
-import "./SetDefaultViewPosition";
-import "./SetMarkupColor";
-import "./SetSelected";
-import "./ShowAll";
-import "./ZoomToExtents";
-import "./ZoomToObjects";
-import "./ZoomToSelected";
-import "./AutoTransformAllModelsToCentralPoint";
+import { ICommandsRegistry } from "@inweb/viewer-core";
+/**
+ * A commands registry. Use this registry to register custom commands.
+ *
+ * To implement custom command:
+ *
+ * 1. Define a command handler with a first `viewer` parameter.
+ * 2. Register command handler in the commands registry by calling the {@link commands.registerCommand}.
+ *
+ * @example <caption>Implementing a custom command.</caption>
+ *   import { commands, Viewer } from "@inweb/viewer-visualize";
+ *
+ *   function commandHandler(viewer: Viewer, name = "world"): void {
+ *     console.log(`Hello ${name}!!!`);
+ *   }
+ *
+ *   commands.registerCommand("sayHello", commandHandler);
+ *
+ * @example <caption>Calling a custom command.</caption>
+ *   viewer.executeCommand("sayHello", "user");
+ */
+export declare const commands: ICommandsRegistry;

package/lib/Viewer/Components/GestureManagerComponent.d.ts

@@ -0,0 +1,8 @@
+import { IComponent } from "@inweb/viewer-core";
+import type { Viewer } from "../Viewer";
+export declare class GestureManagerComponent implements IComponent {
+    protected viewer: Viewer;
+    private gestureManager;
+    constructor(viewer: Viewer);
+    dispose(): void;
+}

package/lib/Viewer/Components/RenderLoopComponent.d.ts

@@ -0,0 +1,9 @@
+import { IComponent } from "@inweb/viewer-core";
+import type { Viewer } from "../Viewer";
+export declare class RenderLoopComponent implements IComponent {
+    protected viewer: Viewer;
+    protected requestId: number;
+    constructor(viewer: Viewer);
+    dispose(): void;
+    animate: (time?: number) => void;
+}

package/lib/Viewer/Components/ResizeCanvasComponent.d.ts

@@ -0,0 +1,9 @@
+import { IComponent } from "@inweb/viewer-core";
+import type { Viewer } from "../Viewer";
+export declare class ResizeCanvasComponent implements IComponent {
+    protected viewer: Viewer;
+    protected resizeObserver: ResizeObserver;
+    constructor(viewer: Viewer);
+    dispose(): void;
+    resizeViewer: () => void;
+}

package/lib/Viewer/Components/ZoomWheelComponent.d.ts

@@ -0,0 +1,8 @@
+import { IComponent } from "@inweb/viewer-core";
+import type { Viewer } from "../Viewer";
+export declare class ZoomWheelComponent implements IComponent {
+    protected viewer: Viewer;
+    private zoomWheelDragger;
+    constructor(viewer: Viewer);
+    dispose(): void;
+}

package/lib/Viewer/Components/index.d.ts

@@ -0,0 +1,40 @@
+import { IComponentsRegistry } from "@inweb/viewer-core";
+/**
+ * Viewer components registry. Use this registry to register custom components.
+ *
+ * To implement custom component:
+ *
+ * 1. Define a component class implements {@link IComponent}.
+ * 2. Define a constructor with a `viewer` parameter and add mouse event listeners for the specified viewer.
+ * 3. Define the component logic in the event listeners. For example, listen for the `mousedown`
+ *    event and select objects when the left mouse button is pressed.
+ * 4. Override {@link IComponent.dispose} and remove mouse event listeners from the viewer.
+ * 5. Register component provider in the components registry by calling the
+ *    {@link components.registerComponent}.
+ *
+ * @example <caption>Implementing a custom component.</caption>
+ *   import { IComponent, components, Viewer } from "@inweb/viewer-visualize";
+ *
+ *   class MyComponent implements IComponent {
+ *     protected viewer: Viewer;
+ *
+ *     constructor(viewer: Viewer) {
+ *       this.viewer = viewer;
+ *       this.viewer.addEventListener("mousedown", this.onMouseDown);
+ *     }
+ *
+ *     override dispose() {
+ *       this.viewer.removeEventListener("mousedown", this.onMouseDown);
+ *     }
+ *
+ *     onMouseDown = (event: PointerEvent) => {
+ *       // place custom logic here
+ *     };
+ *   }
+ *
+ *   components.registerComponent(
+ *     "MyComponent",
+ *     (viewer): IComponent => new MyComponent(viewer)
+ *   );
+ */
+export declare const components: IComponentsRegistry;

package/lib/Viewer/Draggers/OdaWalkDragger.d.ts

@@ -16,13 +16,15 @@ export declare class OdaWalkDragger extends OdBaseDragger {
     protected animationId: any;
     protected deltaAngle: number;
     protected enableZoomWheelPreviousValue: boolean;
+    protected dragPosition: Point2d;
     constructor(subject: Viewer);
     initialize(): void;
     dispose(): void;
     keydown(ev: any): void;
     keyup(ev: any): void;
     processMovement(timestamp: any): void;
-    drag(x: any, y: any, dltX: any, dltY: any): void;
+    start(x: number, y: number): void;
+    drag(x: number, y: number): void;
     turnLeft(angle: any): void;
     setupCamera(view: any): void;
     getMaxDimension(view: any): number;

package/lib/Viewer/Draggers/index.d.ts

@@ -0,0 +1,40 @@
+import { IDraggersRegistry } from "@inweb/viewer-core";
+/**
+ * A draggers registry. Use this registry to register custom draggers.
+ *
+ * To implement custom dragger:
+ *
+ * 1. Define a dragger class implements {@link IDragger}.
+ * 2. Define a constructor with a `viewer` parameter and add mouse event listeners for the specified viewer.
+ * 3. Define the dragger logic in the event listeners. For example, listen for the `mousemove`
+ *    event and zoom in/out when the left mouse button is pressed.
+ * 4. Override {@link IDragger.dispose} and remove mouse event listeners from the viewer.
+ * 5. Register dragger provider in the draggers registry by calling the {@link draggers.registerDragger}.
+ *
+ * @example <caption>Implementing a custom dragger.</caption>
+ *   import { IDragger, draggers, Viewer } from "@inweb/viewer-visualize";
+ *
+ *   class MyDragger implements IDragger {
+ *     protected viewer: Viewer;
+ *
+ *     constructor(viewer: Viewer) {
+ *       this.viewer = viewer;
+ *       this.viewer.addEventListener("pointermove", this.onPointerMove);
+ *     }
+ *
+ *     override dispose() {
+ *       this.viewer.removeEventListener("pointermove", this.onPointerMove);
+ *     }
+ *
+ *     onPointerMove = (event: PointerEvent) => {
+ *       // place custom logic here
+ *     };
+ *   }
+ *
+ *   draggers.registerDragger("MyDragger", (viewer): IDragger => new MyDragger(viewer));
+ *
+ * @example <caption>Activating a custom dragger.</caption>
+ *   viewer.setActiveDragger("MyDragger");
+ */
+declare const draggers: IDraggersRegistry;
+export { draggers };

package/lib/Viewer/Viewer.d.ts

@@ -1,6 +1,6 @@
 import { EventEmitter2 } from "@inweb/eventemitter2";
 import { Assembly, Client, File, Model } from "@inweb/client";
-import { CanvasEventMap, Dragger, IDragger, IOptions, IViewer, IViewpoint, Options, OptionsEventMap, ViewerEventMap } from "@inweb/viewer-core";
+import { CanvasEventMap, Dragger, IComponent, IDragger, IOptions, IViewer, IViewpoint, Options, OptionsEventMap, ViewerEventMap } from "@inweb/viewer-core";
 import { IMarkup, IWorldTransform } from "@inweb/markup";
 import { MarkupType } from "./Markup/MarkupFactory";
 /**
@@ -9,8 +9,7 @@ import { MarkupType } from "./Markup/MarkupFactory";
  */
 export declare class Viewer extends EventEmitter2<ViewerEventMap & CanvasEventMap & OptionsEventMap> implements IViewer, IWorldTransform {
     private _activeDragger;
-    private _zoomWheelDragger;
-    private _gestureManager;
+    private _components;
     private _enableAutoUpdate;
     private _isNeedRender;
     private _isRunAsyncUpdate;
@@ -20,10 +19,7 @@ export declare class Viewer extends EventEmitter2<ViewerEventMap & CanvasEventMa
     protected _visualizeJs: any;
     protected _visualizeTimestamp: number;
     private canvaseventlistener;
-    draggerFactory: Map<string, typeof Dragger>;
     canvasEvents: string[];
-    private frameId;
-    private _resizeObserver;
     private _markup;
     canvas: HTMLCanvasElement | undefined;
     _abortController: AbortController | undefined;
@@ -97,7 +93,7 @@ export declare class Viewer extends EventEmitter2<ViewerEventMap & CanvasEventMa
      * Returns `true` if `VisualizeJS` module has been loaded and initialized.
      */
     isInitialized(): boolean;
-    private render;
+    render(time: DOMHighResTimeStamp): void;
     resize(): this;
     /**
      * Updates the viewer.
@@ -147,40 +143,16 @@ export declare class Viewer extends EventEmitter2<ViewerEventMap & CanvasEventMa
     syncOpenCloudVisualStyle(isInitializing: boolean): this;
     syncOptions(options?: IOptions): this;
     syncHighlightingOptions(options?: IOptions): this;
-    /**
-     * List of names of available draggers.
-     *
-     * The following draggers are available by default:
-     *
-     * - `Line`
-     * - `Text`
-     * - `Pan`
-     * - `Orbit`
-     * - `Zoom`
-     * - `ZoomWindow`
-     * - `OrbitAroundBuilding`
-     * - `MeasureLine`
-     * - `CuttingPlaneXAxis`
-     * - `CuttingPlaneYAxis`
-     * - `CuttingPlaneZAxis`
-     * - `Walk`
-     *
-     * To register your own command use the {@link registerDragger | registerDragger()}.
-     */
     get draggers(): string[];
+    get components(): string[];
     /**
-     * Registers a dragger for the viewer.
-     *
-     * Dragger is an object that received mouse/keyboard events and does something to the viewer.
-     * For a quick tutorial on how to create your own dragger, see {@link Dragger}.
-     *
-     * @param name - Dragger name.
-     * @param dragger - Dragger class.
+     * Deprecated since `25.12`. Use {@link draggers.registerDragger} instead.
      */
     registerDragger(name: string, dragger: typeof Dragger): void;
     activeDragger(): IDragger | null;
     setActiveDragger(name?: string): IDragger | null;
     resetActiveDragger(): void;
+    getComponent(name: string): IComponent;
     clearSlices(): void;
     clearOverlay(): void;
     syncOverlay(): void;
@@ -361,8 +333,7 @@ export declare class Viewer extends EventEmitter2<ViewerEventMap & CanvasEventMa
      * - `zoomToObjects`
      * - `zoomToSelected`
      *
-     * To register your own command use the {@link ICommands.registerCommand | registerCommand()}
-     * method of the {@link commands} manager.
+     * To register custom command use the {@link commands.registerCommand}.
      *
      * @param id - Command ID or dragger name.
      * @param args - Parameters passed to the command handler function.

package/lib/index.d.ts

@@ -1,6 +1,8 @@
-import "./Viewer/Commands";
 export * from "@inweb/viewer-core";
 export * from "@inweb/markup";
+export { draggers } from "./Viewer/Draggers";
+export { commands } from "./Viewer/Commands";
+export { components } from "./Viewer/Components";
 export { Viewer } from "./Viewer/Viewer";
 export { OdBaseDragger } from "./Viewer/Draggers/Common/OdBaseDragger";
 export { MarkupType } from "./Viewer/Markup/MarkupFactory";

package/package.json

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

package/src/Viewer/Commands/ApplyModelTransform.ts

@@ -22,7 +22,6 @@
 ///////////////////////////////////////////////////////////////////////////////
 
 import { Model, File, Assembly } from "@inweb/client";
-import { commands } from "@inweb/viewer-core";
 import { Viewer } from "../Viewer";
 
 export const composeMatrixFromTransform = (transform, modelCenter, visLib) => {
@@ -40,7 +39,7 @@ export const composeMatrixFromTransform = (transform, modelCenter, visLib) => {
   return rotateMatrix.postMultBy(translateMatrix).postMultBy(scaleMatrix);
 };
 
-function applyModelTransform(viewer: Viewer, model: Model | File | Assembly) {
+export function applyModelTransform(viewer: Viewer, model: Model | File | Assembly) {
   if (!viewer.visualizeJs) return;
   if (!model.getModelTransformMatrix) return; // Model.getModelTransformMatrix() since 24.3.14
 
@@ -67,5 +66,3 @@ function applyModelTransform(viewer: Viewer, model: Model | File | Assembly) {
 
   viewer.update();
 }
-
-commands("VisualizeJS").registerCommand("applyModelTransform", applyModelTransform);

package/src/Viewer/Commands/AutoTransformAllModelsToCentralPoint.ts

@@ -22,16 +22,17 @@
 ///////////////////////////////////////////////////////////////////////////////
 
 import { Model, File, Assembly } from "@inweb/client";
-import { commands } from "@inweb/viewer-core";
 import { Viewer } from "../Viewer";
-
 import { composeMatrixFromTransform } from "./ApplyModelTransform";
 
 function isTemplateModel(modelPtr) {
   return modelPtr.getName()[0] === "$";
 }
 
-async function autoTransformAllModelsToCentralPoint(viewer: Viewer, model: Model | File | Assembly): Promise<void> {
+export async function autoTransformAllModelsToCentralPoint(
+  viewer: Viewer,
+  model: Model | File | Assembly
+): Promise<void> {
   if (!viewer.visualizeJs) return;
   if (!model.getModelTransformMatrix) return; // Model.getModelTransformMatrix() since 24.3.14
 
@@ -98,5 +99,3 @@ async function autoTransformAllModelsToCentralPoint(viewer: Viewer, model: Model
 
   viewer.update();
 }
-
-commands("VisualizeJS").registerCommand("autoTransformAllModelsToCentralPoint", autoTransformAllModelsToCentralPoint);

package/src/Viewer/Commands/ClearMarkup.ts

@@ -21,8 +21,8 @@
 // acknowledge and accept the above terms.
 ///////////////////////////////////////////////////////////////////////////////
 
-import { commands } from "@inweb/viewer-core";
 import { Viewer } from "../Viewer";
 
-commands("VisualizeJS").registerCommand("clearMarkup", (viewer: Viewer) => viewer.clearOverlay());
-commands("VisualizeJS").registerCommandAlias("clearMarkup", "clearOverlay");
+export function clearMarkup(viewer: Viewer) {
+  viewer.clearOverlay();
+}

package/src/Viewer/Commands/ClearSelected.ts

@@ -21,10 +21,9 @@
 // acknowledge and accept the above terms.
 ///////////////////////////////////////////////////////////////////////////////
 
-import { commands } from "@inweb/viewer-core";
 import { Viewer } from "../Viewer";
 
-function clearSelected(viewer: Viewer): void {
+export function clearSelected(viewer: Viewer): void {
   if (!viewer.visualizeJs) return;
 
   const visViewer = viewer.visViewer();
@@ -33,6 +32,3 @@ function clearSelected(viewer: Viewer): void {
   viewer.update();
   viewer.emitEvent({ type: "select", data: undefined, handles: [] });
 }
-
-commands("VisualizeJS").registerCommand("clearSelected", clearSelected);
-commands("VisualizeJS").registerCommandAlias("clearSelected", "unselect");

package/src/Viewer/Commands/ClearSlices.ts

@@ -21,7 +21,8 @@
 // acknowledge and accept the above terms.
 ///////////////////////////////////////////////////////////////////////////////
 
-import { commands } from "@inweb/viewer-core";
 import { Viewer } from "../Viewer";
 
-commands("VisualizeJS").registerCommand("clearSlices", (viewer: Viewer) => viewer.clearSlices());
+export function clearSlices(viewer: Viewer) {
+  viewer.clearSlices();
+}

package/src/Viewer/Commands/CreatePreview.ts

@@ -21,13 +21,10 @@
 // acknowledge and accept the above terms.
 ///////////////////////////////////////////////////////////////////////////////
 
-import { commands } from "@inweb/viewer-core";
 import { Viewer } from "../Viewer";
 
-function createPreview(viewer: Viewer, type = "image/jpeg", encoderOptions = 0.25): string {
+export function createPreview(viewer: Viewer, type = "image/jpeg", encoderOptions = 0.25): string {
   if (!viewer.visualizeJs) return "";
 
   return viewer.canvas?.toDataURL(type, encoderOptions) || "";
 }
-
-commands("VisualizeJS").registerCommand("createPreview", createPreview);

package/src/Viewer/Commands/Explode.ts

@@ -21,10 +21,9 @@
 // acknowledge and accept the above terms.
 ///////////////////////////////////////////////////////////////////////////////
 
-import { commands } from "@inweb/viewer-core";
 import { Viewer } from "../Viewer";
 
-function explode(viewer: Viewer, index = 0): void {
+export function explode(viewer: Viewer, index = 0): void {
   if (!viewer.visualizeJs) return;
 
   const visViewer = viewer.visViewer();
@@ -34,5 +33,6 @@ function explode(viewer: Viewer, index = 0): void {
   viewer.emitEvent({ type: "explode", data: index });
 }
 
-commands("VisualizeJS").registerCommand("explode", explode);
-commands("VisualizeJS").registerCommand("collect", (viewer: any) => explode(viewer, 0));
+export function collect(viewer: Viewer) {
+  explode(viewer, 0);
+}

package/src/Viewer/Commands/GetDefaultViewPositions.ts

@@ -21,10 +21,9 @@
 // acknowledge and accept the above terms.
 ///////////////////////////////////////////////////////////////////////////////
 
-import { commands } from "@inweb/viewer-core";
 import { Viewer } from "../Viewer";
 
-function getDefaultViewPositions(viewer: Viewer): string[] {
+export function getDefaultViewPositions(viewer: Viewer): string[] {
   if (!viewer.visualizeJs) return [];
 
   const visLib = viewer.visLib();
@@ -32,5 +31,3 @@ function getDefaultViewPositions(viewer: Viewer): string[] {
   const defViewPos = visLib.DefaultViewPosition;
   return Object.keys(defViewPos).filter((x) => x !== "values");
 }
-
-commands("VisualizeJS").registerCommand("getDefaultViewPositions", getDefaultViewPositions);

package/src/Viewer/Commands/GetModels.ts

@@ -21,10 +21,9 @@
 // acknowledge and accept the above terms.
 ///////////////////////////////////////////////////////////////////////////////
 
-import { commands } from "@inweb/viewer-core";
 import { Viewer } from "../Viewer";
 
-function getModels(viewer: Viewer): string[] {
+export function getModels(viewer: Viewer): string[] {
   if (!viewer.visualizeJs) return [];
 
   const visViewer = viewer.visViewer();
@@ -39,5 +38,3 @@ function getModels(viewer: Viewer): string[] {
 
   return handles;
 }
-
-commands("VisualizeJS").registerCommand("getModels", getModels);

package/src/Viewer/Commands/GetSelected.ts

@@ -21,10 +21,9 @@
 // acknowledge and accept the above terms.
 ///////////////////////////////////////////////////////////////////////////////
 
-import { commands } from "@inweb/viewer-core";
 import { Viewer } from "../Viewer";
 
-function getSelected(viewer: Viewer): string[] {
+export function getSelected(viewer: Viewer): string[] {
   if (!viewer.visualizeJs) return [];
 
   const visViewer = viewer.visViewer();
@@ -54,5 +53,3 @@ function getSelected(viewer: Viewer): string[] {
 
   return handles;
 }
-
-commands("VisualizeJS").registerCommand("getSelected", getSelected);