@open-pioneer/measurement 0.9.0 → 0.10.0

package/CHANGELOG.md

@@ -1,5 +1,37 @@
 # @open-pioneer/measurement
 
+## 0.10.0
+
+### Minor Changes
+
+- 193068a: Deprecate the `mapId` property on React components.
+  Use the `MapModel` directly instead to pass a reference to the map.
+
+    Example:
+
+    ```tsx
+    // Default map for entire component tree
+    <DefaultMapProvider map={mapModel}>
+        <Toc />
+    </DefaultMapProvider>
+
+    // Map for specific component
+    <Toc map={mapModel} />
+    ```
+
+### Patch Changes
+
+- cd1435b: Update ol to 10.5.0
+- 032eed7: Bump dependencies.
+- cd1435b: Update to react 19.1.0
+- Updated dependencies [2bafdad]
+- Updated dependencies [cd1435b]
+- Updated dependencies [193068a]
+- Updated dependencies [032eed7]
+- Updated dependencies [cd1435b]
+- Updated dependencies [7558df4]
+    - @open-pioneer/map@0.10.0
+
 ## 0.9.0
 
 ### Minor Changes

package/MeasurementController.js

@@ -65,7 +65,11 @@ class MeasurementController {
       }
     });
     olMap.addLayer(this.layer);
-    const pointerMoveKey = olMap.on("pointermove", this.handlePointerMove.bind(this));
+    const pointerMoveKey = olMap.on(
+      // @ts-expect-error pointermove not declared
+      "pointermove",
+      this.handlePointerMove.bind(this)
+    );
     this.resources.push({
       destroy() {
         unByKey(pointerMoveKey);

package/MeasurementController.js.map

@@ -1 +1 @@
-{"version":3,"file":"MeasurementController.js","sources":["MeasurementController.ts"],"sourcesContent":["// SPDX-FileCopyrightText: 2023-2025 Open Pioneer project (https://github.com/open-pioneer)\n// SPDX-License-Identifier: Apache-2.0\nimport { destroyResource, Resource } from \"@open-pioneer/core\";\nimport { TOPMOST_LAYER_Z } from \"@open-pioneer/map\";\nimport Feature from \"ol/Feature\";\nimport OlMap from \"ol/Map\";\nimport MapBrowserEvent from \"ol/MapBrowserEvent\";\nimport { unByKey } from \"ol/Observable\";\nimport Overlay from \"ol/Overlay\";\nimport { Coordinate } from \"ol/coordinate\";\nimport { EventsKey } from \"ol/events\";\nimport { LineString, Polygon } from \"ol/geom\";\nimport Draw from \"ol/interaction/Draw\";\nimport { Vector as VectorLayer } from \"ol/layer\";\nimport { Projection } from \"ol/proj\";\nimport { Vector as VectorSource } from \"ol/source\";\nimport { getArea, getLength } from \"ol/sphere\";\nimport { StyleFunction, StyleLike, toFunction as toStyleFunction } from \"ol/style/Style\";\nimport type { MeasurementsChangeEvent, MeasurementGeometry, MeasurementProps } from \"./Measurement\";\n\ntype MeasurementsChangeHandler = NonNullable<MeasurementProps[\"onMeasurementsChange\"]>;\n\nexport type MeasurementType = \"area\" | \"distance\";\n\nexport interface Messages {\n    getContinueMessage(): string;\n    getHelpMessage(): string;\n    formatNumber(value: number): string;\n}\n\nexport class MeasurementController {\n    readonly olMap: OlMap;\n    readonly messages: Messages;\n\n    private activeFeatureStyle: StyleFunction | undefined;\n    /**\n     * The layer rendering the measurement \"features\".\n     */\n    private layer: VectorLayer<VectorSource, Feature>;\n\n    /**\n     * Source of {@link layer}.\n     */\n    private source: VectorSource;\n\n    /**\n     * Stores the current `Draw` interaction.\n     */\n    private draw: Draw | undefined = undefined;\n\n    /**\n     * The active measurement manipulated by the `draw` interaction.\n     */\n    private activeMeasurement: MeasurementInstance | undefined;\n\n    /**\n     * Map that is used to track all predefined measurements currently added to the source.\n     * It associates the measurement geometry (key) with the corresponding measurement instance.\n     *\n     * The measurement instances here must also be contained in `finishedMeasurements`.\n     */\n    private predefinedMeasurements = new Map<MeasurementGeometry, MeasurementInstance>();\n\n    /**\n     * Measurement instances that were finished.\n     */\n    private finishedMeasurements = new Set<MeasurementInstance>();\n\n    /**\n     * The help tooltip element.\n     */\n    private helpTooltip: Tooltip;\n\n    /**\n     * Keeps track of registered event handlers.\n     */\n    private resources: Resource[] = [];\n\n    /**\n     * Called when a measurement is added to or removed from the source.\n     */\n    private measurementChangedHandler: MeasurementsChangeHandler | undefined;\n\n    constructor(olMap: OlMap, messages: Messages) {\n        this.olMap = olMap;\n        this.messages = messages;\n        const source = (this.source = new VectorSource());\n        this.layer = new VectorLayer({\n            source: source,\n            zIndex: TOPMOST_LAYER_Z,\n            properties: {\n                name: \"measurement-layer\"\n            }\n        });\n        olMap.addLayer(this.layer);\n\n        const pointerMoveKey = olMap.on(\"pointermove\", this.handlePointerMove.bind(this));\n        this.resources.push({\n            destroy() {\n                unByKey(pointerMoveKey);\n            }\n        });\n\n        const mouseOutHandler = () => {\n            this.helpTooltip.element.classList.add(\"hidden\");\n        };\n        olMap.getViewport().addEventListener(\"mouseout\", mouseOutHandler);\n        this.resources.push({\n            destroy() {\n                olMap.getViewport().removeEventListener(\"mouseout\", mouseOutHandler);\n            }\n        });\n\n        this.helpTooltip = createHelpTooltip(this.olMap);\n    }\n\n    destroy() {\n        this.stopMeasurement();\n\n        // Cleanup registered event handlers etc.\n        for (const resource of this.resources) {\n            resource.destroy();\n        }\n        this.resources = [];\n\n        // Cleanup measurements and tooltips.\n        this.activeMeasurement = destroyResource(this.activeMeasurement);\n        for (const measurement of this.finishedMeasurements) {\n            measurement.destroy();\n        }\n        this.finishedMeasurements.clear();\n        this.helpTooltip.destroy();\n\n        // Cleanup layer\n        this.olMap.removeLayer(this.layer);\n        this.layer.dispose();\n        this.source.dispose();\n\n        this.measurementChangedHandler = undefined;\n        this.predefinedMeasurements.clear();\n    }\n\n    /** Returns the vector layer used for finished features. */\n    getVectorLayer() {\n        return this.layer;\n    }\n\n    /** Updates the style used for finished features. */\n    setFinishedFeatureStyle(style: StyleLike) {\n        this.layer.setStyle(style);\n    }\n\n    setMeasurementSourceChangedHandler(handler: MeasurementsChangeHandler | undefined) {\n        this.measurementChangedHandler = handler;\n    }\n\n    setPredefinedMeasurements(geometries: MeasurementGeometry[]) {\n        this.updatePredefinedMeasurements(geometries);\n    }\n\n    /** Updates the style used for active measurements. */\n    setActiveFeatureStyle(style: StyleLike) {\n        const styleFunction = toStyleFunction(style);\n        this.activeFeatureStyle = (feature, ...args) => {\n            const ft = feature?.getGeometry()?.getType();\n            if (ft === \"Polygon\" || ft === \"LineString\" || ft === \"Point\") {\n                return styleFunction(feature, ...args);\n            }\n        };\n        // Update style on current draw instance (if any)\n        this.draw?.getOverlay().setStyle(this.activeFeatureStyle);\n    }\n\n    /** Removes all finished measurements. */\n    clearMeasurements() {\n        const currentFeatures = this.source.getFeatures(); //returns snapshot copy of the features on the source\n        this.source.clear();\n        currentFeatures.forEach((feature) => {\n            //raise remove-measurement event for each measurement after the source was cleared\n            this.raiseMeasurementsChangeEvent(\"remove-measurement\", feature);\n        });\n        this.predefinedMeasurements.clear();\n        for (const measurement of this.finishedMeasurements) {\n            measurement.destroy();\n        }\n        this.finishedMeasurements.clear();\n    }\n\n    /** Starts measuring using the provided type. */\n    startMeasurement(type: MeasurementType) {\n        if (this.draw) {\n            throw new Error(\"Internal error: another measurement interaction is still active.\");\n        }\n\n        const geometryType = type === \"area\" ? \"Polygon\" : \"LineString\";\n        const draw = (this.draw = new Draw({\n            source: this.source,\n            type: geometryType,\n            style: this.activeFeatureStyle\n        }));\n        this.olMap.addInteraction(draw);\n\n        let measurement: MeasurementInstance | undefined;\n        let changeListenerKey: EventsKey | undefined = undefined;\n        draw.on(\"drawstart\", (evt) => {\n            // set sketch\n            const sketch = evt.feature;\n            if (!sketch) {\n                return;\n            }\n\n            measurement = this.activeMeasurement = new MeasurementInstance(\"active\", sketch, this);\n            changeListenerKey = sketch.getGeometry()?.on(\"change\", () => {\n                measurement?.updateTooltipContent();\n                measurement?.updateTooltipPosition();\n            });\n        });\n\n        draw.on(\"drawend\", () => {\n            if (measurement && measurement === this.activeMeasurement) {\n                const newMeasurement = measurement;\n                newMeasurement.updateState(\"finished\");\n                this.finishedMeasurements.add(newMeasurement);\n                this.raiseMeasurementsChangeEvent(\"add-measurement\", newMeasurement.feature);\n                this.activeMeasurement = measurement = undefined;\n            }\n\n            measurement = undefined;\n            if (changeListenerKey) {\n                unByKey(changeListenerKey);\n            }\n        });\n\n        draw.on(\"drawabort\", () => {\n            if (measurement) {\n                measurement.destroy();\n                if (measurement === this.activeMeasurement) {\n                    this.activeMeasurement = undefined;\n                }\n                measurement = undefined;\n            }\n            if (changeListenerKey) {\n                unByKey(changeListenerKey);\n            }\n        });\n    }\n\n    /** Stops the current measuring started by `startMeasurement`. */\n    stopMeasurement() {\n        if (this.draw) {\n            this.olMap.removeInteraction(this.draw);\n            this.draw.abortDrawing();\n            this.draw.dispose();\n            this.draw = undefined;\n        }\n\n        this.activeMeasurement = destroyResource(this.activeMeasurement);\n    }\n\n    private handlePointerMove(evt: MapBrowserEvent<UIEvent>) {\n        if (evt.dragging) {\n            return;\n        }\n\n        const tooltip = this.helpTooltip;\n        const helpMessage = getHelpMessage(this.messages, this.activeMeasurement);\n        tooltip.setText(helpMessage);\n        tooltip.overlay.setPosition(evt.coordinate);\n        tooltip.element.classList.remove(\"hidden\");\n    }\n\n    private updatePredefinedMeasurements(geometries: MeasurementGeometry[]) {\n        const addedMeasurements = geometries.filter(\n            (geom) => !this.predefinedMeasurements.has(geom)\n        );\n        const removedMeasurements: MeasurementGeometry[] = [];\n        for (const geom of this.predefinedMeasurements.keys()) {\n            if (!geometries.includes(geom)) {\n                removedMeasurements.push(geom);\n            }\n        }\n\n        addedMeasurements.forEach((geom) => {\n            const measurementFeature = new Feature(geom);\n            this.source.addFeature(measurementFeature);\n\n            const measurement = new MeasurementInstance(\"finished\", measurementFeature, this);\n            this.finishedMeasurements.add(measurement);\n            this.predefinedMeasurements.set(geom, measurement);\n            this.raiseMeasurementsChangeEvent(\"add-measurement\", measurementFeature);\n        });\n\n        removedMeasurements.forEach((geom) => {\n            const measurement = this.predefinedMeasurements.get(geom);\n            if (measurement) {\n                //remove measurement feature from source and destroy associated tooltip\n                this.source.removeFeature(measurement.feature);\n                this.finishedMeasurements.delete(measurement);\n                measurement.destroy();\n                this.raiseMeasurementsChangeEvent(\"remove-measurement\", measurement.feature);\n            }\n            this.predefinedMeasurements.delete(geom);\n        });\n    }\n\n    private raiseMeasurementsChangeEvent(\n        kind: MeasurementsChangeEvent[\"kind\"],\n        measurementFeature: Feature\n    ) {\n        const measurementGeom = measurementFeature.getGeometry();\n        if (this.measurementChangedHandler && measurementGeom) {\n            this.measurementChangedHandler({\n                kind: kind,\n                geometry:\n                    measurementGeom instanceof Polygon\n                        ? (measurementGeom as Polygon)\n                        : (measurementGeom as LineString)\n            });\n        }\n    }\n}\n\n// Encapsulates the display state of a measurement.\n//\n// More ideas for further improvements:\n// - Resolve duplicate source of truths (feature source and map of measurements).\n// - Add and remove the feature here as well (instead of in the controller).\n// - Perhaps use reactivity API and watch for state consistency.\n//   The current implementations relies on the update*() functions being called at the correct time.\nclass MeasurementInstance {\n    readonly controller: MeasurementController;\n    readonly feature: Feature;\n\n    private _state: \"active\" | \"finished\";\n    private readonly tooltip: ReturnType<typeof createMeasureTooltip>;\n\n    constructor(state: \"active\" | \"finished\", feature: Feature, controller: MeasurementController) {\n        this.controller = controller;\n        this._state = state;\n        this.feature = feature;\n        this.tooltip = createMeasureTooltip(this.olMap);\n        this.updateTooltipContent();\n        this.updateTooltipPosition();\n        this.tooltip.setActive(state === \"active\");\n    }\n\n    destroy() {\n        this.tooltip.destroy();\n    }\n\n    get state(): \"active\" | \"finished\" {\n        return this._state;\n    }\n\n    updateState(state: \"active\" | \"finished\") {\n        if (this._state === state) {\n            return;\n        }\n\n        this._state = state;\n        this.tooltip.setActive(state === \"active\");\n    }\n\n    // Updates the tooltip content based on the current state and the feature's geometry.\n    updateTooltipContent() {\n        const geometry = this.feature.getGeometry();\n        if (!geometry) {\n            return;\n        }\n\n        const projection = this.olMap.getView().getProjection();\n        let outputHtml;\n        if (geometry instanceof Polygon) {\n            outputHtml = formatArea(geometry, projection, this.messages);\n        } else if (geometry instanceof LineString) {\n            outputHtml = formatLength(geometry, projection, this.messages);\n        }\n        if (outputHtml) {\n            this.tooltip.setHtml(outputHtml);\n        }\n    }\n\n    // Updates the tooltip's position.\n    updateTooltipPosition() {\n        const geometry = this.feature.getGeometry();\n        if (!geometry) {\n            return;\n        }\n\n        let tooltipCoord: Coordinate;\n        if (geometry instanceof Polygon) {\n            tooltipCoord = geometry.getInteriorPoint().getCoordinates() || null;\n        } else if (geometry instanceof LineString) {\n            tooltipCoord = geometry.getLastCoordinate() || null;\n        } else {\n            return;\n        }\n        this.tooltip.overlay.setPosition(tooltipCoord);\n    }\n\n    private get olMap(): OlMap {\n        return this.controller.olMap;\n    }\n\n    private get messages(): Messages {\n        return this.controller.messages;\n    }\n}\n\nconst DEFAULT_MEASUREMENT_OFFSET = [0, -15];\nconst FINISHED_MEASUREMENT_OFFSET = [0, -7];\n\n/** Represents a tooltip rendered on the OpenLayers map. */\ninterface Tooltip extends Resource {\n    overlay: Overlay;\n    element: HTMLDivElement;\n\n    setText(value: string): void;\n    setHtml(value: string): void;\n}\n\nfunction createHelpTooltip(olMap: OlMap): Tooltip {\n    const element = document.createElement(\"div\");\n    element.className = \"measurement-tooltip printing-hide hidden\";\n    element.role = \"tooltip\";\n\n    const content = document.createElement(\"span\");\n    element.appendChild(content);\n\n    const overlay = new Overlay({\n        element: element,\n        offset: [15, 0],\n        positioning: \"center-left\"\n    });\n\n    olMap.addOverlay(overlay);\n    return {\n        overlay,\n        element,\n        destroy() {\n            olMap.removeOverlay(overlay);\n        },\n        setText(value) {\n            content.textContent = value;\n        },\n        setHtml(value) {\n            content.innerHTML = value;\n        }\n    };\n}\n\nfunction createMeasureTooltip(olMap: OlMap): Tooltip & { setActive(active: boolean): void } {\n    const element = document.createElement(\"div\");\n    element.role = \"tooltip\";\n    element.className = \"measurement-tooltip measurement-active-tooltip printing-hide\";\n\n    const content = document.createElement(\"span\");\n    element.appendChild(content);\n\n    const overlay = new Overlay({\n        element: element,\n        offset: DEFAULT_MEASUREMENT_OFFSET,\n        positioning: \"bottom-center\",\n        stopEvent: false,\n        insertFirst: false\n    });\n\n    olMap.addOverlay(overlay);\n    return {\n        overlay,\n        element,\n        destroy() {\n            olMap.removeOverlay(overlay);\n        },\n        setActive(active) {\n            if (active) {\n                element.className = \"measurement-tooltip measurement-active-tooltip printing-hide\";\n                overlay.setOffset(DEFAULT_MEASUREMENT_OFFSET);\n            } else {\n                element.className = \"measurement-tooltip measurement-finished-tooltip\";\n                overlay.setOffset(FINISHED_MEASUREMENT_OFFSET);\n            }\n        },\n        setText(value) {\n            content.textContent = value;\n        },\n        setHtml(value) {\n            content.innerHTML = value;\n        }\n    };\n}\n\nfunction getHelpMessage(messages: Messages, activeMeasurement: MeasurementInstance | undefined) {\n    if (activeMeasurement) {\n        const geom = activeMeasurement.feature.getGeometry();\n        if (geom instanceof Polygon || geom instanceof LineString) {\n            return messages.getContinueMessage();\n        }\n    }\n    return messages.getHelpMessage();\n}\n\nfunction formatArea(polygon: Polygon, projection: Projection, messages: Messages) {\n    const area = getArea(polygon, { projection });\n    let output;\n    if (area >= 1000000) {\n        output = `${messages.formatNumber(area / 1000000)} km<sup>2</sup>`;\n    } else {\n        output = `${messages.formatNumber(area)} m<sup>2</sup>`;\n    }\n    return output;\n}\n\nfunction formatLength(line: LineString, projection: Projection, messages: Messages) {\n    const length = getLength(line, { projection });\n    let output;\n    if (length >= 1000) {\n        output = `${messages.formatNumber(length / 1000)} km`;\n    } else {\n        output = `${messages.formatNumber(length)} m`;\n    }\n    return output;\n}\n"],"names":["VectorSource","VectorLayer","toStyleFunction"],"mappings":"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"}
+{"version":3,"file":"MeasurementController.js","sources":["MeasurementController.ts"],"sourcesContent":["// SPDX-FileCopyrightText: 2023-2025 Open Pioneer project (https://github.com/open-pioneer)\n// SPDX-License-Identifier: Apache-2.0\nimport { destroyResource, Resource } from \"@open-pioneer/core\";\nimport { TOPMOST_LAYER_Z } from \"@open-pioneer/map\";\nimport Feature from \"ol/Feature\";\nimport OlMap from \"ol/Map\";\nimport MapBrowserEvent from \"ol/MapBrowserEvent\";\nimport { unByKey } from \"ol/Observable\";\nimport Overlay from \"ol/Overlay\";\nimport { Coordinate } from \"ol/coordinate\";\nimport { EventsKey } from \"ol/events\";\nimport { LineString, Polygon } from \"ol/geom\";\nimport Draw from \"ol/interaction/Draw\";\nimport { Vector as VectorLayer } from \"ol/layer\";\nimport { Projection } from \"ol/proj\";\nimport { Vector as VectorSource } from \"ol/source\";\nimport { getArea, getLength } from \"ol/sphere\";\nimport { StyleFunction, StyleLike, toFunction as toStyleFunction } from \"ol/style/Style\";\nimport type { MeasurementsChangeEvent, MeasurementGeometry, MeasurementProps } from \"./Measurement\";\n\ntype MeasurementsChangeHandler = NonNullable<MeasurementProps[\"onMeasurementsChange\"]>;\n\nexport type MeasurementType = \"area\" | \"distance\";\n\nexport interface Messages {\n    getContinueMessage(): string;\n    getHelpMessage(): string;\n    formatNumber(value: number): string;\n}\n\nexport class MeasurementController {\n    readonly olMap: OlMap;\n    readonly messages: Messages;\n\n    private activeFeatureStyle: StyleFunction | undefined;\n    /**\n     * The layer rendering the measurement \"features\".\n     */\n    private layer: VectorLayer<VectorSource, Feature>;\n\n    /**\n     * Source of {@link layer}.\n     */\n    private source: VectorSource;\n\n    /**\n     * Stores the current `Draw` interaction.\n     */\n    private draw: Draw | undefined = undefined;\n\n    /**\n     * The active measurement manipulated by the `draw` interaction.\n     */\n    private activeMeasurement: MeasurementInstance | undefined;\n\n    /**\n     * Map that is used to track all predefined measurements currently added to the source.\n     * It associates the measurement geometry (key) with the corresponding measurement instance.\n     *\n     * The measurement instances here must also be contained in `finishedMeasurements`.\n     */\n    private predefinedMeasurements = new Map<MeasurementGeometry, MeasurementInstance>();\n\n    /**\n     * Measurement instances that were finished.\n     */\n    private finishedMeasurements = new Set<MeasurementInstance>();\n\n    /**\n     * The help tooltip element.\n     */\n    private helpTooltip: Tooltip;\n\n    /**\n     * Keeps track of registered event handlers.\n     */\n    private resources: Resource[] = [];\n\n    /**\n     * Called when a measurement is added to or removed from the source.\n     */\n    private measurementChangedHandler: MeasurementsChangeHandler | undefined;\n\n    constructor(olMap: OlMap, messages: Messages) {\n        this.olMap = olMap;\n        this.messages = messages;\n        const source = (this.source = new VectorSource());\n        this.layer = new VectorLayer({\n            source: source,\n            zIndex: TOPMOST_LAYER_Z,\n            properties: {\n                name: \"measurement-layer\"\n            }\n        });\n        olMap.addLayer(this.layer);\n\n        // \"pointermove\" is documented but produces a typescript error.\n        // See https://openlayers.org/en/latest/apidoc/module-ol_MapBrowserEvent-MapBrowserEvent.html#event:pointermove\n        const pointerMoveKey: EventsKey = olMap.on(\n            // @ts-expect-error pointermove not declared\n            \"pointermove\",\n            this.handlePointerMove.bind(this)\n        );\n        this.resources.push({\n            destroy() {\n                unByKey(pointerMoveKey);\n            }\n        });\n\n        const mouseOutHandler = () => {\n            this.helpTooltip.element.classList.add(\"hidden\");\n        };\n        olMap.getViewport().addEventListener(\"mouseout\", mouseOutHandler);\n        this.resources.push({\n            destroy() {\n                olMap.getViewport().removeEventListener(\"mouseout\", mouseOutHandler);\n            }\n        });\n\n        this.helpTooltip = createHelpTooltip(this.olMap);\n    }\n\n    destroy() {\n        this.stopMeasurement();\n\n        // Cleanup registered event handlers etc.\n        for (const resource of this.resources) {\n            resource.destroy();\n        }\n        this.resources = [];\n\n        // Cleanup measurements and tooltips.\n        this.activeMeasurement = destroyResource(this.activeMeasurement);\n        for (const measurement of this.finishedMeasurements) {\n            measurement.destroy();\n        }\n        this.finishedMeasurements.clear();\n        this.helpTooltip.destroy();\n\n        // Cleanup layer\n        this.olMap.removeLayer(this.layer);\n        this.layer.dispose();\n        this.source.dispose();\n\n        this.measurementChangedHandler = undefined;\n        this.predefinedMeasurements.clear();\n    }\n\n    /** Returns the vector layer used for finished features. */\n    getVectorLayer() {\n        return this.layer;\n    }\n\n    /** Updates the style used for finished features. */\n    setFinishedFeatureStyle(style: StyleLike) {\n        this.layer.setStyle(style);\n    }\n\n    setMeasurementSourceChangedHandler(handler: MeasurementsChangeHandler | undefined) {\n        this.measurementChangedHandler = handler;\n    }\n\n    setPredefinedMeasurements(geometries: MeasurementGeometry[]) {\n        this.updatePredefinedMeasurements(geometries);\n    }\n\n    /** Updates the style used for active measurements. */\n    setActiveFeatureStyle(style: StyleLike) {\n        const styleFunction = toStyleFunction(style);\n        this.activeFeatureStyle = (feature, ...args) => {\n            const ft = feature?.getGeometry()?.getType();\n            if (ft === \"Polygon\" || ft === \"LineString\" || ft === \"Point\") {\n                return styleFunction(feature, ...args);\n            }\n        };\n        // Update style on current draw instance (if any)\n        this.draw?.getOverlay().setStyle(this.activeFeatureStyle);\n    }\n\n    /** Removes all finished measurements. */\n    clearMeasurements() {\n        const currentFeatures = this.source.getFeatures(); //returns snapshot copy of the features on the source\n        this.source.clear();\n        currentFeatures.forEach((feature) => {\n            //raise remove-measurement event for each measurement after the source was cleared\n            this.raiseMeasurementsChangeEvent(\"remove-measurement\", feature);\n        });\n        this.predefinedMeasurements.clear();\n        for (const measurement of this.finishedMeasurements) {\n            measurement.destroy();\n        }\n        this.finishedMeasurements.clear();\n    }\n\n    /** Starts measuring using the provided type. */\n    startMeasurement(type: MeasurementType) {\n        if (this.draw) {\n            throw new Error(\"Internal error: another measurement interaction is still active.\");\n        }\n\n        const geometryType = type === \"area\" ? \"Polygon\" : \"LineString\";\n        const draw = (this.draw = new Draw({\n            source: this.source,\n            type: geometryType,\n            style: this.activeFeatureStyle\n        }));\n        this.olMap.addInteraction(draw);\n\n        let measurement: MeasurementInstance | undefined;\n        let changeListenerKey: EventsKey | undefined = undefined;\n        draw.on(\"drawstart\", (evt) => {\n            // set sketch\n            const sketch = evt.feature;\n            if (!sketch) {\n                return;\n            }\n\n            measurement = this.activeMeasurement = new MeasurementInstance(\"active\", sketch, this);\n            changeListenerKey = sketch.getGeometry()?.on(\"change\", () => {\n                measurement?.updateTooltipContent();\n                measurement?.updateTooltipPosition();\n            });\n        });\n\n        draw.on(\"drawend\", () => {\n            if (measurement && measurement === this.activeMeasurement) {\n                const newMeasurement = measurement;\n                newMeasurement.updateState(\"finished\");\n                this.finishedMeasurements.add(newMeasurement);\n                this.raiseMeasurementsChangeEvent(\"add-measurement\", newMeasurement.feature);\n                this.activeMeasurement = measurement = undefined;\n            }\n\n            measurement = undefined;\n            if (changeListenerKey) {\n                unByKey(changeListenerKey);\n            }\n        });\n\n        draw.on(\"drawabort\", () => {\n            if (measurement) {\n                measurement.destroy();\n                if (measurement === this.activeMeasurement) {\n                    this.activeMeasurement = undefined;\n                }\n                measurement = undefined;\n            }\n            if (changeListenerKey) {\n                unByKey(changeListenerKey);\n            }\n        });\n    }\n\n    /** Stops the current measuring started by `startMeasurement`. */\n    stopMeasurement() {\n        if (this.draw) {\n            this.olMap.removeInteraction(this.draw);\n            this.draw.abortDrawing();\n            this.draw.dispose();\n            this.draw = undefined;\n        }\n\n        this.activeMeasurement = destroyResource(this.activeMeasurement);\n    }\n\n    private handlePointerMove(evt: MapBrowserEvent<PointerEvent>) {\n        if (evt.dragging) {\n            return;\n        }\n\n        const tooltip = this.helpTooltip;\n        const helpMessage = getHelpMessage(this.messages, this.activeMeasurement);\n        tooltip.setText(helpMessage);\n        tooltip.overlay.setPosition(evt.coordinate);\n        tooltip.element.classList.remove(\"hidden\");\n    }\n\n    private updatePredefinedMeasurements(geometries: MeasurementGeometry[]) {\n        const addedMeasurements = geometries.filter(\n            (geom) => !this.predefinedMeasurements.has(geom)\n        );\n        const removedMeasurements: MeasurementGeometry[] = [];\n        for (const geom of this.predefinedMeasurements.keys()) {\n            if (!geometries.includes(geom)) {\n                removedMeasurements.push(geom);\n            }\n        }\n\n        addedMeasurements.forEach((geom) => {\n            const measurementFeature = new Feature(geom);\n            this.source.addFeature(measurementFeature);\n\n            const measurement = new MeasurementInstance(\"finished\", measurementFeature, this);\n            this.finishedMeasurements.add(measurement);\n            this.predefinedMeasurements.set(geom, measurement);\n            this.raiseMeasurementsChangeEvent(\"add-measurement\", measurementFeature);\n        });\n\n        removedMeasurements.forEach((geom) => {\n            const measurement = this.predefinedMeasurements.get(geom);\n            if (measurement) {\n                //remove measurement feature from source and destroy associated tooltip\n                this.source.removeFeature(measurement.feature);\n                this.finishedMeasurements.delete(measurement);\n                measurement.destroy();\n                this.raiseMeasurementsChangeEvent(\"remove-measurement\", measurement.feature);\n            }\n            this.predefinedMeasurements.delete(geom);\n        });\n    }\n\n    private raiseMeasurementsChangeEvent(\n        kind: MeasurementsChangeEvent[\"kind\"],\n        measurementFeature: Feature\n    ) {\n        const measurementGeom = measurementFeature.getGeometry();\n        if (this.measurementChangedHandler && measurementGeom) {\n            this.measurementChangedHandler({\n                kind: kind,\n                geometry:\n                    measurementGeom instanceof Polygon\n                        ? (measurementGeom as Polygon)\n                        : (measurementGeom as LineString)\n            });\n        }\n    }\n}\n\n// Encapsulates the display state of a measurement.\n//\n// More ideas for further improvements:\n// - Resolve duplicate source of truths (feature source and map of measurements).\n// - Add and remove the feature here as well (instead of in the controller).\n// - Perhaps use reactivity API and watch for state consistency.\n//   The current implementations relies on the update*() functions being called at the correct time.\nclass MeasurementInstance {\n    readonly controller: MeasurementController;\n    readonly feature: Feature;\n\n    private _state: \"active\" | \"finished\";\n    private readonly tooltip: ReturnType<typeof createMeasureTooltip>;\n\n    constructor(state: \"active\" | \"finished\", feature: Feature, controller: MeasurementController) {\n        this.controller = controller;\n        this._state = state;\n        this.feature = feature;\n        this.tooltip = createMeasureTooltip(this.olMap);\n        this.updateTooltipContent();\n        this.updateTooltipPosition();\n        this.tooltip.setActive(state === \"active\");\n    }\n\n    destroy() {\n        this.tooltip.destroy();\n    }\n\n    get state(): \"active\" | \"finished\" {\n        return this._state;\n    }\n\n    updateState(state: \"active\" | \"finished\") {\n        if (this._state === state) {\n            return;\n        }\n\n        this._state = state;\n        this.tooltip.setActive(state === \"active\");\n    }\n\n    // Updates the tooltip content based on the current state and the feature's geometry.\n    updateTooltipContent() {\n        const geometry = this.feature.getGeometry();\n        if (!geometry) {\n            return;\n        }\n\n        const projection = this.olMap.getView().getProjection();\n        let outputHtml;\n        if (geometry instanceof Polygon) {\n            outputHtml = formatArea(geometry, projection, this.messages);\n        } else if (geometry instanceof LineString) {\n            outputHtml = formatLength(geometry, projection, this.messages);\n        }\n        if (outputHtml) {\n            this.tooltip.setHtml(outputHtml);\n        }\n    }\n\n    // Updates the tooltip's position.\n    updateTooltipPosition() {\n        const geometry = this.feature.getGeometry();\n        if (!geometry) {\n            return;\n        }\n\n        let tooltipCoord: Coordinate;\n        if (geometry instanceof Polygon) {\n            tooltipCoord = geometry.getInteriorPoint().getCoordinates() || null;\n        } else if (geometry instanceof LineString) {\n            tooltipCoord = geometry.getLastCoordinate() || null;\n        } else {\n            return;\n        }\n        this.tooltip.overlay.setPosition(tooltipCoord);\n    }\n\n    private get olMap(): OlMap {\n        return this.controller.olMap;\n    }\n\n    private get messages(): Messages {\n        return this.controller.messages;\n    }\n}\n\nconst DEFAULT_MEASUREMENT_OFFSET = [0, -15];\nconst FINISHED_MEASUREMENT_OFFSET = [0, -7];\n\n/** Represents a tooltip rendered on the OpenLayers map. */\ninterface Tooltip extends Resource {\n    overlay: Overlay;\n    element: HTMLDivElement;\n\n    setText(value: string): void;\n    setHtml(value: string): void;\n}\n\nfunction createHelpTooltip(olMap: OlMap): Tooltip {\n    const element = document.createElement(\"div\");\n    element.className = \"measurement-tooltip printing-hide hidden\";\n    element.role = \"tooltip\";\n\n    const content = document.createElement(\"span\");\n    element.appendChild(content);\n\n    const overlay = new Overlay({\n        element: element,\n        offset: [15, 0],\n        positioning: \"center-left\"\n    });\n\n    olMap.addOverlay(overlay);\n    return {\n        overlay,\n        element,\n        destroy() {\n            olMap.removeOverlay(overlay);\n        },\n        setText(value) {\n            content.textContent = value;\n        },\n        setHtml(value) {\n            content.innerHTML = value;\n        }\n    };\n}\n\nfunction createMeasureTooltip(olMap: OlMap): Tooltip & { setActive(active: boolean): void } {\n    const element = document.createElement(\"div\");\n    element.role = \"tooltip\";\n    element.className = \"measurement-tooltip measurement-active-tooltip printing-hide\";\n\n    const content = document.createElement(\"span\");\n    element.appendChild(content);\n\n    const overlay = new Overlay({\n        element: element,\n        offset: DEFAULT_MEASUREMENT_OFFSET,\n        positioning: \"bottom-center\",\n        stopEvent: false,\n        insertFirst: false\n    });\n\n    olMap.addOverlay(overlay);\n    return {\n        overlay,\n        element,\n        destroy() {\n            olMap.removeOverlay(overlay);\n        },\n        setActive(active) {\n            if (active) {\n                element.className = \"measurement-tooltip measurement-active-tooltip printing-hide\";\n                overlay.setOffset(DEFAULT_MEASUREMENT_OFFSET);\n            } else {\n                element.className = \"measurement-tooltip measurement-finished-tooltip\";\n                overlay.setOffset(FINISHED_MEASUREMENT_OFFSET);\n            }\n        },\n        setText(value) {\n            content.textContent = value;\n        },\n        setHtml(value) {\n            content.innerHTML = value;\n        }\n    };\n}\n\nfunction getHelpMessage(messages: Messages, activeMeasurement: MeasurementInstance | undefined) {\n    if (activeMeasurement) {\n        const geom = activeMeasurement.feature.getGeometry();\n        if (geom instanceof Polygon || geom instanceof LineString) {\n            return messages.getContinueMessage();\n        }\n    }\n    return messages.getHelpMessage();\n}\n\nfunction formatArea(polygon: Polygon, projection: Projection, messages: Messages) {\n    const area = getArea(polygon, { projection });\n    let output;\n    if (area >= 1000000) {\n        output = `${messages.formatNumber(area / 1000000)} km<sup>2</sup>`;\n    } else {\n        output = `${messages.formatNumber(area)} m<sup>2</sup>`;\n    }\n    return output;\n}\n\nfunction formatLength(line: LineString, projection: Projection, messages: Messages) {\n    const length = getLength(line, { projection });\n    let output;\n    if (length >= 1000) {\n        output = `${messages.formatNumber(length / 1000)} km`;\n    } else {\n        output = `${messages.formatNumber(length)} m`;\n    }\n    return output;\n}\n"],"names":["VectorSource","VectorLayer","toStyleFunction"],"mappings":"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"}

package/README.md

@@ -6,10 +6,12 @@ The UI contains a dropdown to switch between distance and area measurements and
 
 ## Usage
 
-To integrate the measurement in your app, insert the following snippet and reference a map ID:
+To integrate the measurement in your app, insert the following snippet (and reference a map):
 
 ```tsx
-<Measurement mapId="map_id" />
+<Measurement
+    map={map}
+/> /* instead of passing the map, the `DefaultMapProvider` can alternatively be used */
 ```
 
 ### Configuring feature styles
@@ -17,7 +19,7 @@ To integrate the measurement in your app, insert the following snippet and refer
 To configure the style of the features drawn on the map, configure the optional `activeFeatureStyle` (for features that are currently being drawn) or `finishedFeatureStyle` (for completed features) properties:
 
 ```tsx
-<Measurement mapId="map_id" activeFeatureStyle={...} finishedFeatureStyle={...} />
+<Measurement map={map} activeFeatureStyle={...} finishedFeatureStyle={...} />
 ```
 
 Both properties support arbitrary OpenLayers [`StyleLike`](https://openlayers.org/en/latest/apidoc/module-ol_style_Style.html#~StyleLike) values: you can configure either a single [Style](https://openlayers.org/en/latest/apidoc/module-ol_style_Style.html) instance, an array of them or a function computing such values.
@@ -51,11 +53,7 @@ const RED_STYLE = new Style({
 function AppUI() {
     return (
         // ...
-        <Measurement
-            mapId={MAP_ID}
-            activeFeatureStyle={RED_STYLE}
-            finishedFeatureStyle={BLACK_STYLE}
-        />
+        <Measurement map={map} activeFeatureStyle={RED_STYLE} finishedFeatureStyle={BLACK_STYLE} />
     );
 }
 ```

package/package.json

@@ -1,7 +1,7 @@
 {
   "type": "module",
   "name": "@open-pioneer/measurement",
-  "version": "0.9.0",
+  "version": "0.10.0",
   "description": "This package provides a UI component that allows the user to perform area and distance measurements on the map.",
   "keywords": [
     "open-pioneer-trails"
@@ -14,14 +14,14 @@
     "directory": "src/packages/measurement"
   },
   "dependencies": {
-    "@open-pioneer/chakra-integration": "^3.0.0",
-    "@open-pioneer/core": "^3.0.0",
-    "@open-pioneer/react-utils": "^3.0.0",
-    "@open-pioneer/runtime": "^3.0.0",
+    "@open-pioneer/chakra-integration": "^3.1.0",
+    "@open-pioneer/core": "^3.1.0",
+    "@open-pioneer/react-utils": "^3.1.0",
+    "@open-pioneer/runtime": "^3.1.0",
     "classnames": "^2.3.2",
-    "ol": "^10.4.0",
-    "react": "^19.0.0",
-    "@open-pioneer/map": "^0.9.0"
+    "ol": "^10.5.0",
+    "react": "^19.1.0",
+    "@open-pioneer/map": "^0.10.0"
   },
   "exports": {
     "./package.json": "./package.json",