plugins

Plugin package that provides extensible functionality modules for x-viewer. It includes measurement tools, markup annotations, section planes, toolbars, property panels, layer management, export/screenshot features, and various UI enhancements for building rich CAD/BIM viewing experiences.

Example

Toolbar, Layer Manager, and Measurement (Viewer2d)

import { Viewer2d } from "@x-viewer/core";
import {
    LayerManagerPlugin,
    MeasurementPlugin,
    MeasurementType,
    Viewer2dToolbarPlugin,
} from "@x-viewer/plugins";

// Create a 2D viewer
const viewer = new Viewer2d({
    containerId: "viewer2d",
    enableLayoutBar: true,
});

// Install toolbar plugin
const toolbarPlugin = new Viewer2dToolbarPlugin(viewer);

// Install layer manager plugin (the panel is attached to the element with id 'layer-panel')
const layerManager = new LayerManagerPlugin(viewer, {
    containerId: "layer-panel",
    visible: true,
});

// Install measurement plugin
const measurement = new MeasurementPlugin(viewer);

// Enable distance measurement mode (users can click in the view to create measurements)
measurement.activate(MeasurementType.Distance);