@reekon-tools/boldr-utils 1.6.10 → 1.6.12

package/dist/index.native.d.ts

@@ -1,5 +1,5 @@
 export * from './exports.js';
-export { AnnotationCanvas, type AnnotationCanvasProps, } from './canvas/AnnotationCanvas.native.js';
+export { AnnotationCanvas, type AnnotationCanvasProps, } from './annotation/canvas/AnnotationCanvas.native.js';
 export interface CanvasKitOpts {
     locateFile?: (file: string) => string;
 }

package/dist/index.native.js

@@ -3,4 +3,4 @@
 // WithSkiaWeb / canvaskit-wasm), avoiding the `fs` import that Metro
 // chokes on.
 export * from './exports.js';
-export { AnnotationCanvas, } from './canvas/AnnotationCanvas.native.js';
+export { AnnotationCanvas, } from './annotation/canvas/AnnotationCanvas.native.js';

package/dist/types/annotation.d.ts

@@ -5,12 +5,14 @@ export interface Vec2 {
     x: number;
     y: number;
 }
+export type StrokeCap = 'butt' | 'round' | 'square' | 'arrow';
 export interface AnnotationStroke {
     id: AnnotationElementId;
     layerId: AnnotationLayerId;
     tool: 'pen' | 'marker' | 'highlighter';
     color: string;
     width: number;
+    cap?: StrokeCap;
     points: number[];
     pressure?: number[];
     createdAt: number;
@@ -35,13 +37,23 @@ export interface AnnotationShape {
     text?: string;
     createdAt: number;
 }
+export type MeasurementPlacement = 'none' | 'line' | 'rectangle';
 export interface PlacedMeasurementRef {
     id: AnnotationElementId;
     layerId: AnnotationLayerId;
-    measurementPath: string;
-    measurementId: string;
-    groupId: string;
+    measurementPath?: string;
+    measurementId?: string;
+    groupId?: string;
     anchor: Vec2;
+    placement?: MeasurementPlacement;
+    line?: {
+        a: Vec2;
+        b: Vec2;
+    };
+    linePos?: number;
+    lineColor?: string;
+    lineWidth?: number;
+    lineCap?: StrokeCap;
     leader?: {
         from: Vec2;
         to: Vec2;

package/dist/{hooks → utils}/useParseMeasurement.js

@@ -1,5 +1,5 @@
 import { useState } from 'react';
-import { parseMeasurement } from '../utils/parseMeasurement.js';
+import { parseMeasurement } from './parseMeasurement.js';
 export const useParseMeasurement = () => {
     const [error, setError] = useState(null);
     const parseMeasurementInput = (input, defaultUnit = 'mm') => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@reekon-tools/boldr-utils",
-  "version": "1.6.10",
+  "version": "1.6.12",
   "description": "Shared utilities for formulas and measurement conversion used in Reekon apps",
   "author": "REEKON Tools",
   "license": "MIT",

package/dist/canvas/AnnotationCanvasInner.native.js

@@ -1,138 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useFont } from '@shopify/react-native-skia';
-import { useMemo, useRef } from 'react';
-import { StyleSheet, TouchableOpacity, View } from 'react-native';
-import { Gesture, GestureDetector, GestureHandlerRootView, } from 'react-native-gesture-handler';
-import { STAMP_TILE_SIZE } from './stampLayout.js';
-import { AnnotationCanvasSkia } from './AnnotationCanvasSkia.js';
-import { useAnnotationCanvasState, } from './useAnnotationCanvasState.js';
-// Native fingerprint: one finger drives the active tool, two fingers
-// pan/zoom the viewport. Tap counts as a brief pointer down+up so tools
-// like measurement-stamp (which only listen to onPointerUp) work via tap.
-export const AnnotationCanvasInner = (props) => {
-    const { fallbackUnit, fractionalTolerance, decimalTolerance, resolveImageUrl, stampFontSource, stampValueFontSize = 14, stampLabelFontSize = 11, width, height, style, } = props;
-    const valueFont = useFont(stampFontSource, stampValueFontSize);
-    const labelFont = useFont(stampFontSource, stampLabelFontSize);
-    const state = useAnnotationCanvasState(props);
-    // Per-gesture refs so we always emit a matching down/move/up sequence.
-    const pointerIdRef = useRef(1);
-    const inFlightRef = useRef(null);
-    const pinchStartZoomRef = useRef(1);
-    const buildEvent = (pointerId, screen) => ({
-        pointerId,
-        screen,
-        world: state.ctx.viewport.screenToWorld(screen),
-    });
-    const gesture = useMemo(() => {
-        const toolPan = Gesture.Pan()
-            .minPointers(1)
-            .maxPointers(1)
-            .runOnJS(true)
-            .onBegin((e) => {
-            const id = pointerIdRef.current++;
-            const screen = { x: e.x, y: e.y };
-            inFlightRef.current = { id, lastScreen: screen };
-            state.dispatchPointerDown(buildEvent(id, screen));
-        })
-            .onUpdate((e) => {
-            const f = inFlightRef.current;
-            if (!f)
-                return;
-            const screen = { x: e.x, y: e.y };
-            f.lastScreen = screen;
-            state.dispatchPointerMove(buildEvent(f.id, screen));
-        })
-            .onEnd((e) => {
-            const f = inFlightRef.current;
-            if (!f)
-                return;
-            state.dispatchPointerUp(buildEvent(f.id, { x: e.x, y: e.y }));
-            inFlightRef.current = null;
-        })
-            .onFinalize(() => {
-            if (inFlightRef.current) {
-                state.dispatchPointerCancel();
-                inFlightRef.current = null;
-            }
-        });
-        const tap = Gesture.Tap()
-            .maxDuration(250)
-            .runOnJS(true)
-            .onEnd((e) => {
-            const id = pointerIdRef.current++;
-            const screen = { x: e.x, y: e.y };
-            // Synthesize a down+up sequence so tools that only listen to
-            // onPointerUp (e.g. measurement stamp) still fire.
-            state.dispatchPointerDown(buildEvent(id, screen));
-            state.dispatchPointerUp(buildEvent(id, screen));
-        });
-        const viewportPan = Gesture.Pan()
-            .minPointers(2)
-            .maxPointers(2)
-            .runOnJS(true)
-            .onChange((e) => {
-            state.pan({ x: e.changeX, y: e.changeY });
-        });
-        const pinch = Gesture.Pinch()
-            .runOnJS(true)
-            .onBegin(() => {
-            pinchStartZoomRef.current = state.ctx.viewport.state.zoom;
-        })
-            .onUpdate((e) => {
-            state.zoom({ x: e.focalX, y: e.focalY }, pinchStartZoomRef.current * e.scale);
-        });
-        return Gesture.Race(tap, Gesture.Simultaneous(viewportPan, pinch), toolPan);
-    }, [state]);
-    const activeTool = props.tools.find((t) => t.id === props.activeToolId) ?? null;
-    const customPreview = activeTool?.renderPreview?.(state.customPreviewState, state.ctx);
-    const { renderMeasurementStamp, selection } = props;
-    return (_jsxs(GestureHandlerRootView, { style: [{ width, height }, style], children: [_jsx(GestureDetector, { gesture: gesture, children: _jsx(View, { style: { width, height }, collapsable: false, children: AnnotationCanvasSkia({
-                        width,
-                        height,
-                        effectiveCanvas: state.effectiveCanvas,
-                        worldTransform: state.worldTransform,
-                        measurementsById: state.measurementsById,
-                        fallbackUnit,
-                        fractionalTolerance,
-                        decimalTolerance,
-                        resolveImageUrl,
-                        valueFont,
-                        labelFont,
-                        hideMeasurementStamps: !!renderMeasurementStamp,
-                        penDrawingStroke: state.penDrawingStroke,
-                        customPreview,
-                    }) }) }), renderMeasurementStamp && (_jsx(View, { pointerEvents: "box-none", style: StyleSheet.absoluteFill, children: state.effectiveCanvas.placedMeasurements.map((placed) => {
-                    const size = STAMP_TILE_SIZE * (placed.scale ?? 1);
-                    const cx = (placed.anchor.x - state.viewport.pan.x) * state.viewport.zoom;
-                    const cy = (placed.anchor.y - state.viewport.pan.y) * state.viewport.zoom;
-                    const isSelected = selection?.ids.includes(placed.id) ?? false;
-                    return (_jsxs(View, { pointerEvents: "box-none", style: {
-                            position: 'absolute',
-                            left: 0,
-                            top: 0,
-                            width: size,
-                            height: size,
-                            transform: [
-                                { translateX: cx - size / 2 },
-                                { translateY: cy - size / 2 },
-                            ],
-                        }, children: [_jsx(View, { pointerEvents: "none", style: StyleSheet.absoluteFill, children: renderMeasurementStamp({
-                                    placed,
-                                    measurement: state.measurementsById.get(placed.measurementId) ?? null,
-                                    selected: isSelected,
-                                    size,
-                                    zoom: state.viewport.zoom,
-                                }) }), isSelected && (_jsx(TouchableOpacity, { accessibilityRole: "button", accessibilityLabel: "Remove measurement", hitSlop: 10, onPress: () => {
-                                    state.ctx.commit({
-                                        ops: [{ op: 'removeMeasurement', id: placed.id }],
-                                    });
-                                    state.ctx.setSelection(null);
-                                }, style: {
-                                    position: 'absolute',
-                                    top: -8,
-                                    right: -8,
-                                    width: 36,
-                                    height: 36,
-                                } }))] }, placed.id));
-                }) }))] }));
-};

package/dist/canvas/AnnotationCanvasSkia.d.ts

@@ -1,27 +0,0 @@
-import { type SkFont } from '@shopify/react-native-skia';
-import type { ReactNode } from 'react';
-import type { AnnotationCanvasState, AnnotationStroke } from '../types/annotation.js';
-import { DecimalTolerance, FractionalTolerance, Units, type Measurement } from '../types/firestore.js';
-export interface AnnotationCanvasSkiaProps {
-    width: number;
-    height: number;
-    effectiveCanvas: AnnotationCanvasState;
-    worldTransform: Array<{
-        scale: number;
-    } | {
-        translateX: number;
-    } | {
-        translateY: number;
-    }>;
-    measurementsById: Map<string, Measurement>;
-    fallbackUnit?: Units;
-    fractionalTolerance?: FractionalTolerance;
-    decimalTolerance?: DecimalTolerance;
-    resolveImageUrl?: (storagePath: string) => Promise<string>;
-    valueFont: SkFont | null;
-    labelFont: SkFont | null;
-    hideMeasurementStamps?: boolean;
-    penDrawingStroke: AnnotationStroke | null;
-    customPreview?: ReactNode;
-}
-export declare const AnnotationCanvasSkia: ({ width, height, effectiveCanvas, worldTransform, measurementsById, fallbackUnit, fractionalTolerance, decimalTolerance, resolveImageUrl, valueFont, labelFont, hideMeasurementStamps, penDrawingStroke, customPreview, }: AnnotationCanvasSkiaProps) => import("react/jsx-runtime").JSX.Element;

package/dist/canvas/AnnotationCanvasSkia.js

@@ -1,20 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Canvas, Group } from '@shopify/react-native-skia';
-import { Units, } from '../types/firestore.js';
-import { BackgroundImageElement } from './elements/BackgroundImageElement.js';
-import { MeasurementStampElement } from './elements/MeasurementStampElement.js';
-import { ShapeElement } from './elements/ShapeElement.js';
-import { StrokeElement } from './elements/StrokeElement.js';
-// Platform-agnostic Skia subtree shared by web and native Inners.
-//
-// Call this as a FUNCTION (`AnnotationCanvasSkia({ ... })`), not as a JSX
-// component (`<AnnotationCanvasSkia ... />`). Used as a component, it adds
-// a React component boundary between the parent and Skia's `<Canvas>` that
-// breaks Skia's reconciler when the page first calls `useFont` — the JS
-// thread hangs in `MakeFreeTypeFaceFromData`. Symptoms only appeared on
-// Vite's dev server with a symlinked boldr-utils + React Refresh, but
-// since the function-call pattern works identically on native we use it
-// in both Inners for consistency. Don't add hooks here; this is a plain
-// JSX-returning helper, not a component.
-export const AnnotationCanvasSkia = ({ width, height, effectiveCanvas, worldTransform, measurementsById, fallbackUnit, fractionalTolerance, decimalTolerance, resolveImageUrl, valueFont, labelFont, hideMeasurementStamps, penDrawingStroke, customPreview, }) => (_jsx(Canvas, { style: { width, height }, children: _jsxs(Group, { transform: worldTransform, children: [effectiveCanvas.viewport.backgroundImage && (_jsx(BackgroundImageElement, { image: effectiveCanvas.viewport.backgroundImage, docWidth: effectiveCanvas.viewport.width, docHeight: effectiveCanvas.viewport.height, fit: effectiveCanvas.viewport.backgroundFit ?? 'contain', resolveUrl: resolveImageUrl })), effectiveCanvas.strokes.map((stroke) => (_jsx(StrokeElement, { stroke: stroke }, stroke.id))), effectiveCanvas.shapes.map((shape) => (_jsx(ShapeElement, { shape: shape, font: valueFont }, shape.id))), !hideMeasurementStamps &&
-                effectiveCanvas.placedMeasurements.map((placed) => (_jsx(MeasurementStampElement, { placed: placed, measurement: measurementsById.get(placed.measurementId) ?? null, fallbackUnit: fallbackUnit ?? Units.Millimeters, fractionalTolerance: fractionalTolerance, decimalTolerance: decimalTolerance, valueFont: valueFont, labelFont: labelFont }, placed.id))), penDrawingStroke && _jsx(StrokeElement, { stroke: penDrawingStroke }), customPreview] }) }));

package/dist/canvas/elements/MeasurementStampElement.d.ts

@@ -1,13 +0,0 @@
-import { type SkFont } from '@shopify/react-native-skia';
-import type { PlacedMeasurementRef } from '../../types/annotation.js';
-import { DecimalTolerance, FractionalTolerance, type Measurement, type Units } from '../../types/firestore.js';
-export interface MeasurementStampElementProps {
-    placed: PlacedMeasurementRef;
-    measurement: Measurement | null;
-    fallbackUnit: Units;
-    fractionalTolerance?: FractionalTolerance;
-    decimalTolerance?: DecimalTolerance;
-    valueFont?: SkFont | null;
-    labelFont?: SkFont | null;
-}
-export declare const MeasurementStampElement: ({ placed, measurement, fallbackUnit, fractionalTolerance, decimalTolerance, valueFont, labelFont, }: MeasurementStampElementProps) => import("react/jsx-runtime").JSX.Element;

package/dist/canvas/elements/MeasurementStampElement.js

@@ -1,30 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Group, Line, RoundedRect, Text, } from '@shopify/react-native-skia';
-import { DecimalTolerance, FractionalTolerance, } from '../../types/firestore.js';
-import { convertMicrometers } from '../../utils/micrometersToUnit.js';
-import { STAMP_HEIGHT, STAMP_PADDING_X, STAMP_PADDING_Y, STAMP_WIDTH, } from '../stampLayout.js';
-const VALUE_FONT_BASELINE_OFFSET = 14;
-const LABEL_FONT_BASELINE_OFFSET = 24;
-const formatValue = (measurement, unit, fractionalTolerance, decimalTolerance) => {
-    if (!measurement)
-        return '—';
-    const result = convertMicrometers(measurement.value, unit, fractionalTolerance, decimalTolerance);
-    return `${result.value}${result.unit ? ` ${result.unit}` : ''}`;
-};
-export const MeasurementStampElement = ({ placed, measurement, fallbackUnit, fractionalTolerance = FractionalTolerance.Sixteenth, decimalTolerance = DecimalTolerance.Hundredth, valueFont, labelFont, }) => {
-    const unit = placed.unitOverride ?? measurement?.unit ?? fallbackUnit;
-    const valueText = formatValue(measurement, unit, fractionalTolerance, decimalTolerance);
-    const label = placed.labelOverride ??
-        measurement?.label ??
-        (measurement
-            ? `M${measurement.measurementIndex ?? ''}`
-            : '');
-    const showLabel = placed.showLabel !== false && !!label;
-    const showValue = placed.showValue !== false;
-    const scale = placed.scale ?? 1;
-    // Fixed-size stamp — no measureText calls. Keeps rendering deterministic
-    // even when no font is loaded (browser/native both).
-    const baseX = placed.anchor.x - (STAMP_WIDTH * scale) / 2;
-    const baseY = placed.anchor.y - (STAMP_HEIGHT * scale) / 2;
-    return (_jsxs(Group, { transform: [{ translateX: baseX }, { translateY: baseY }, { scale }], children: [placed.leader && (_jsx(Line, { p1: placed.leader.from, p2: placed.leader.to, color: "#3B82F6", style: "stroke", strokeWidth: 1.5 })), _jsx(RoundedRect, { x: 0, y: 0, width: STAMP_WIDTH, height: STAMP_HEIGHT, r: 6, color: "#FFFFFFEE" }), _jsx(RoundedRect, { x: 0, y: 0, width: STAMP_WIDTH, height: STAMP_HEIGHT, r: 6, color: "#3B82F6", style: "stroke", strokeWidth: 1.25 }), showValue && valueFont && (_jsx(Text, { x: STAMP_PADDING_X, y: STAMP_PADDING_Y + VALUE_FONT_BASELINE_OFFSET, text: valueText, font: valueFont, color: "#111827" })), showLabel && labelFont && (_jsx(Text, { x: STAMP_PADDING_X, y: STAMP_PADDING_Y + LABEL_FONT_BASELINE_OFFSET, text: label, font: labelFont, color: "#6B7280" }))] }));
-};

package/dist/canvas/elements/ShapeElement.d.ts

@@ -1,7 +0,0 @@
-import { type SkFont } from '@shopify/react-native-skia';
-import type { AnnotationShape } from '../../types/annotation.js';
-export interface ShapeElementProps {
-    shape: AnnotationShape;
-    font?: SkFont | null;
-}
-export declare const ShapeElement: ({ shape, font }: ShapeElementProps) => import("react/jsx-runtime").JSX.Element | null;

package/dist/canvas/elements/StrokeElement.d.ts

@@ -1,7 +0,0 @@
-import { type SkPath } from '@shopify/react-native-skia';
-import type { AnnotationStroke } from '../../types/annotation.js';
-export declare const pointsToSkPath: (points: number[]) => SkPath;
-export interface StrokeElementProps {
-    stroke: AnnotationStroke;
-}
-export declare const StrokeElement: ({ stroke }: StrokeElementProps) => import("react/jsx-runtime").JSX.Element;

package/dist/canvas/elements/StrokeElement.js

@@ -1,18 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Path, Skia } from '@shopify/react-native-skia';
-import { useMemo } from 'react';
-export const pointsToSkPath = (points) => {
-    const path = Skia.Path.Make();
-    if (points.length < 2)
-        return path;
-    path.moveTo(points[0], points[1]);
-    for (let i = 2; i < points.length; i += 2) {
-        path.lineTo(points[i], points[i + 1]);
-    }
-    return path;
-};
-export const StrokeElement = ({ stroke }) => {
-    const path = useMemo(() => pointsToSkPath(stroke.points), [stroke.points]);
-    const opacity = stroke.tool === 'highlighter' ? 0.3 : 1;
-    return (_jsx(Path, { path: path, color: stroke.color, style: "stroke", strokeWidth: stroke.width, strokeCap: "round", strokeJoin: "round", opacity: opacity }));
-};

package/dist/canvas/stampLayout.d.ts

@@ -1,5 +0,0 @@
-export declare const STAMP_WIDTH = 120;
-export declare const STAMP_HEIGHT = 44;
-export declare const STAMP_PADDING_X = 10;
-export declare const STAMP_PADDING_Y = 6;
-export declare const STAMP_TILE_SIZE = 120;

package/dist/canvas/stampLayout.js

@@ -1,14 +0,0 @@
-// Shared layout constants for the placed measurement stamp. Lives in a
-// Skia-free module so both render (MeasurementStampElement) and hit-test
-// (selectTool) can import it without dragging @shopify/react-native-skia
-// into the consumer's static import graph.
-export const STAMP_WIDTH = 120;
-export const STAMP_HEIGHT = 44;
-export const STAMP_PADDING_X = 10;
-export const STAMP_PADDING_Y = 6;
-// Constant SCREEN-space edge length of a placed measurement rendered as a
-// square tile (the overlay path — see measurementStampOverlay.ts). The tile
-// is a fixed-size pin: its on-screen size is this times `placed.scale` and
-// does NOT change with zoom (only its position tracks the canvas). Also drives
-// the select-tool hit box, which converts it back to doc space via the zoom.
-export const STAMP_TILE_SIZE = 120;

package/dist/canvas/tools/selectTool.js

@@ -1,182 +0,0 @@
-import { STAMP_TILE_SIZE } from '../stampLayout.js';
-const HIT_PADDING = 6;
-// Hit-test in doc-space. Crude but fast — good enough for v1; tools can
-// override via `hitTest` for more precision later.
-const hitStroke = (stroke, p) => {
-    const r = stroke.width / 2 + HIT_PADDING;
-    const r2 = r * r;
-    for (let i = 0; i < stroke.points.length - 2; i += 2) {
-        if (segmentDistanceSq(p.x, p.y, stroke.points[i], stroke.points[i + 1], stroke.points[i + 2], stroke.points[i + 3]) <= r2) {
-            return true;
-        }
-    }
-    return false;
-};
-const hitMeasurement = (m, p, zoom = 1) => {
-    // The stamp renders as a constant *screen*-size square centered on the
-    // anchor, so its doc-space footprint shrinks as you zoom in. Convert the
-    // screen-space half-extent (+ padding) back to doc space via the zoom so
-    // the hit box always matches what's drawn.
-    const scale = m.scale ?? 1;
-    const half = ((STAMP_TILE_SIZE * scale) / 2 + HIT_PADDING) / zoom;
-    const dx = Math.abs(p.x - m.anchor.x);
-    const dy = Math.abs(p.y - m.anchor.y);
-    return dx <= half && dy <= half;
-};
-const segmentDistanceSq = (px, py, ax, ay, bx, by) => {
-    const abx = bx - ax;
-    const aby = by - ay;
-    const lenSq = abx * abx + aby * aby;
-    let t = lenSq === 0 ? 0 : ((px - ax) * abx + (py - ay) * aby) / lenSq;
-    t = Math.max(0, Math.min(1, t));
-    const cx = ax + t * abx;
-    const cy = ay + t * aby;
-    const dx = px - cx;
-    const dy = py - cy;
-    return dx * dx + dy * dy;
-};
-const findHit = (doc, world, zoom) => {
-    // Hit-test in z-order (top first): measurements > shapes > strokes.
-    for (let i = doc.placedMeasurements.length - 1; i >= 0; i--) {
-        const m = doc.placedMeasurements[i];
-        if (hitMeasurement(m, world, zoom))
-            return { id: m.id, kind: 'measurement' };
-    }
-    for (let i = doc.shapes.length - 1; i >= 0; i--) {
-        // Default shape hit test: bounding box of the shape's points + padding.
-        const s = doc.shapes[i];
-        const pts = s.geometry.points;
-        if (pts.length === 0)
-            continue;
-        let minX = pts[0].x;
-        let maxX = pts[0].x;
-        let minY = pts[0].y;
-        let maxY = pts[0].y;
-        for (let j = 1; j < pts.length; j++) {
-            const p = pts[j];
-            if (p.x < minX)
-                minX = p.x;
-            if (p.x > maxX)
-                maxX = p.x;
-            if (p.y < minY)
-                minY = p.y;
-            if (p.y > maxY)
-                maxY = p.y;
-        }
-        if (world.x >= minX - HIT_PADDING &&
-            world.x <= maxX + HIT_PADDING &&
-            world.y >= minY - HIT_PADDING &&
-            world.y <= maxY + HIT_PADDING) {
-            return { id: s.id, kind: 'shape' };
-        }
-    }
-    for (let i = doc.strokes.length - 1; i >= 0; i--) {
-        const s = doc.strokes[i];
-        if (hitStroke(s, world))
-            return { id: s.id, kind: 'stroke' };
-    }
-    return null;
-};
-const translatePatch = (elementKind, id, doc, delta) => {
-    if (elementKind === 'measurement') {
-        const m = doc.placedMeasurements.find((x) => x.id === id);
-        if (!m)
-            return null;
-        return {
-            op: 'updateMeasurement',
-            id,
-            patch: {
-                anchor: { x: m.anchor.x + delta.x, y: m.anchor.y + delta.y },
-                leader: m.leader
-                    ? {
-                        from: {
-                            x: m.leader.from.x + delta.x,
-                            y: m.leader.from.y + delta.y,
-                        },
-                        to: {
-                            x: m.leader.to.x + delta.x,
-                            y: m.leader.to.y + delta.y,
-                        },
-                    }
-                    : undefined,
-            },
-        };
-    }
-    if (elementKind === 'shape') {
-        const s = doc.shapes.find((x) => x.id === id);
-        if (!s)
-            return null;
-        return {
-            op: 'updateShape',
-            id,
-            patch: {
-                geometry: {
-                    ...s.geometry,
-                    points: s.geometry.points.map((p) => ({
-                        x: p.x + delta.x,
-                        y: p.y + delta.y,
-                    })),
-                },
-            },
-        };
-    }
-    const stroke = doc.strokes.find((x) => x.id === id);
-    if (!stroke)
-        return null;
-    const points = stroke.points.slice();
-    for (let i = 0; i < points.length; i += 2) {
-        points[i] = points[i] + delta.x;
-        points[i + 1] = points[i + 1] + delta.y;
-    }
-    return { op: 'updateStroke', id, patch: { points } };
-};
-export const createSelectTool = () => ({
-    id: 'select',
-    label: 'Select',
-    cursor: 'default',
-    onPointerDown(event, ctx) {
-        const hit = findHit(ctx.document, event.world, ctx.viewport.state.zoom);
-        if (!hit) {
-            ctx.setSelection(null);
-            return { kind: 'idle' };
-        }
-        ctx.setSelection({ ids: [hit.id] });
-        return {
-            kind: 'dragging',
-            id: hit.id,
-            elementKind: hit.kind,
-            start: event.world,
-            delta: { x: 0, y: 0 },
-        };
-    },
-    onPointerMove(event, ctx, state) {
-        const s = state;
-        if (s?.kind !== 'dragging')
-            return s;
-        const delta = { x: event.world.x - s.start.x, y: event.world.y - s.start.y };
-        const op = translatePatch(s.elementKind, s.id, ctx.document, delta);
-        if (op)
-            ctx.preview({ ops: [op] });
-        return { ...s, delta };
-    },
-    onPointerUp(_event, ctx, state) {
-        const s = state;
-        if (s?.kind !== 'dragging')
-            return;
-        if (s.delta.x === 0 && s.delta.y === 0)
-            return;
-        const op = translatePatch(s.elementKind, s.id, ctx.document, s.delta);
-        if (op)
-            ctx.commit({ ops: [op] });
-    },
-    onCancel(_state, ctx) {
-        ctx.preview({ ops: [] });
-    },
-    hitTest(element, p) {
-        if (element.kind === 'measurement')
-            return hitMeasurement(element, p);
-        if (element.kind === 'stroke')
-            return hitStroke(element, p);
-        return false;
-    },
-});

package/dist/utils/evaluateFormula.d.ts

@@ -1,20 +0,0 @@
-type MeasurementMap = Map<string, {
-    id: string;
-    value: number;
-}[]>;
-interface FormulaEvaluationOptions {
-    expression: string;
-    mappings: Record<string, string>;
-    group: {
-        id: string;
-        columns: Map<string, any>;
-    };
-    columns: {
-        id: string;
-        type: string;
-    }[];
-    measurementMap: MeasurementMap;
-    defaultUnit?: string;
-}
-export declare function evaluateFormula({ expression, mappings, group, columns, measurementMap, defaultUnit, }: FormulaEvaluationOptions): number | string;
-export {};

package/dist/utils/evaluateFormula.js

@@ -1,31 +0,0 @@
-import { create, all } from 'mathjs';
-const math = create(all);
-export function evaluateFormula({ expression, mappings, group, columns, measurementMap, defaultUnit = 'um', }) {
-    const scope = {};
-    for (const [variable, columnId] of Object.entries(mappings)) {
-        const rawValue = group.columns.get(columnId);
-        const columnDef = columns.find((c) => c.id === columnId);
-        if (columnDef?.type === 'Measurement') {
-            const groupMeasurements = measurementMap.get(group.id) || [];
-            const measurement = groupMeasurements.find((m) => m.id === rawValue);
-            if (measurement?.value !== undefined) {
-                scope[variable] = math.unit(measurement.value, defaultUnit);
-                continue;
-            }
-        }
-        const parsedValue = typeof rawValue === 'number' ? rawValue : parseFloat(rawValue || '');
-        scope[variable] = isNaN(parsedValue) ? 0 : parsedValue;
-    }
-    try {
-        const compiled = math.compile(expression);
-        const result = compiled.evaluate(scope);
-        if (math.typeOf(result) === 'Unit') {
-            return result.toNumber(defaultUnit);
-        }
-        return result;
-    }
-    catch (err) {
-        console.error(`Formula evaluation failed:`, err);
-        return 'Error';
-    }
-}