Variable components`Const`

Viewer components registry. Use this registry to register custom components.

To implement custom component:

Define a component class implements IComponent.
Define a constructor with a viewer parameter and add mouse event listeners for the specified viewer.
Define the component logic in the event listeners. For example, listen for the geometryend event and implement post-processing logic for the model.
Override IComponent.dispose and remove mouse event listeners from the viewer.
Register component provider in the components registry by calling the components.registerComponent.

Example: Implementing a custom component.

import { IComponent, components, Viewer } from "@inweb/viewer-visualize";

class MyComponent implements IComponent {
  protected viewer: Viewer;

 constructor(viewer: Viewer) {
    this.viewer = viewer;
    this.viewer.addEventListener("geometryend", this.onGeometryEnd);
  }

  override dispose() {
    this.viewer.removeEventListener("geometryend", this.onGeometryEnd);
  }

  onGeometryEnd = (event: MouseEvent) => {
    this.viewer.executeCommand("zoomToExtents");
  };

}

components.registerComponent( "MyComponent", (viewer): IComponent => new MyComponent(viewer));

Variable componentsConst

Example: Implementing a custom component.

Settings

Variable components`Const`