@archireport/react-native-drawing 0.2.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +181 -0
- package/lib/commonjs/DrawingEditor.js +815 -0
- package/lib/commonjs/DrawingEditor.js.map +1 -0
- package/lib/commonjs/assets/toolbar-icons/arrow-disabled.png +0 -0
- package/lib/commonjs/assets/toolbar-icons/arrow-enabled.png +0 -0
- package/lib/commonjs/assets/toolbar-icons/arrow.png +0 -0
- package/lib/commonjs/assets/toolbar-icons/circle-disabled.png +0 -0
- package/lib/commonjs/assets/toolbar-icons/circle-enabled.png +0 -0
- package/lib/commonjs/assets/toolbar-icons/circle.png +0 -0
- package/lib/commonjs/assets/toolbar-icons/freehand-disabled.png +0 -0
- package/lib/commonjs/assets/toolbar-icons/freehand-enabled.png +0 -0
- package/lib/commonjs/assets/toolbar-icons/freehand.png +0 -0
- package/lib/commonjs/assets/toolbar-icons/line-disabled.png +0 -0
- package/lib/commonjs/assets/toolbar-icons/line-enabled.png +0 -0
- package/lib/commonjs/assets/toolbar-icons/line.png +0 -0
- package/lib/commonjs/assets/toolbar-icons/measure-disabled.png +0 -0
- package/lib/commonjs/assets/toolbar-icons/measure-enabled.png +0 -0
- package/lib/commonjs/assets/toolbar-icons/measure.png +0 -0
- package/lib/commonjs/assets/toolbar-icons/move-disabled.png +0 -0
- package/lib/commonjs/assets/toolbar-icons/move-enabled.png +0 -0
- package/lib/commonjs/assets/toolbar-icons/move.png +0 -0
- package/lib/commonjs/assets/toolbar-icons/polygon-disabled.png +0 -0
- package/lib/commonjs/assets/toolbar-icons/polygon-enabled.png +0 -0
- package/lib/commonjs/assets/toolbar-icons/polygon.png +0 -0
- package/lib/commonjs/assets/toolbar-icons/rectangle-disabled.png +0 -0
- package/lib/commonjs/assets/toolbar-icons/rectangle-enabled.png +0 -0
- package/lib/commonjs/assets/toolbar-icons/rectangle.png +0 -0
- package/lib/commonjs/assets/toolbar-icons/text-disabled.png +0 -0
- package/lib/commonjs/assets/toolbar-icons/text-enabled.png +0 -0
- package/lib/commonjs/assets/toolbar-icons/text.png +0 -0
- package/lib/commonjs/components/ColorPalette.js +379 -0
- package/lib/commonjs/components/ColorPalette.js.map +1 -0
- package/lib/commonjs/components/LineWidthSlider.js +70 -0
- package/lib/commonjs/components/LineWidthSlider.js.map +1 -0
- package/lib/commonjs/components/MeasurementEditModal.js +153 -0
- package/lib/commonjs/components/MeasurementEditModal.js.map +1 -0
- package/lib/commonjs/components/MiniMap.js +244 -0
- package/lib/commonjs/components/MiniMap.js.map +1 -0
- package/lib/commonjs/components/TextAnnotation.js +162 -0
- package/lib/commonjs/components/TextAnnotation.js.map +1 -0
- package/lib/commonjs/components/TextEditModal.js +133 -0
- package/lib/commonjs/components/TextEditModal.js.map +1 -0
- package/lib/commonjs/components/Toolbar.js +198 -0
- package/lib/commonjs/components/Toolbar.js.map +1 -0
- package/lib/commonjs/components/ZoomBadge.js +161 -0
- package/lib/commonjs/components/ZoomBadge.js.map +1 -0
- package/lib/commonjs/hooks/useFreehandGesture.js +173 -0
- package/lib/commonjs/hooks/useFreehandGesture.js.map +1 -0
- package/lib/commonjs/hooks/usePolygonGesture.js +109 -0
- package/lib/commonjs/hooks/usePolygonGesture.js.map +1 -0
- package/lib/commonjs/hooks/useSelectionGesture.js +236 -0
- package/lib/commonjs/hooks/useSelectionGesture.js.map +1 -0
- package/lib/commonjs/hooks/useShapeGesture.js +181 -0
- package/lib/commonjs/hooks/useShapeGesture.js.map +1 -0
- package/lib/commonjs/hooks/useViewportGesture.js +238 -0
- package/lib/commonjs/hooks/useViewportGesture.js.map +1 -0
- package/lib/commonjs/index.js +104 -0
- package/lib/commonjs/index.js.map +1 -0
- package/lib/commonjs/package.json +1 -0
- package/lib/commonjs/renderers/ArrowRenderer.js +118 -0
- package/lib/commonjs/renderers/ArrowRenderer.js.map +1 -0
- package/lib/commonjs/renderers/CircleRenderer.js +51 -0
- package/lib/commonjs/renderers/CircleRenderer.js.map +1 -0
- package/lib/commonjs/renderers/FreehandRenderer.js +31 -0
- package/lib/commonjs/renderers/FreehandRenderer.js.map +1 -0
- package/lib/commonjs/renderers/InProgressRenderer.js +174 -0
- package/lib/commonjs/renderers/InProgressRenderer.js.map +1 -0
- package/lib/commonjs/renderers/LineRenderer.js +27 -0
- package/lib/commonjs/renderers/LineRenderer.js.map +1 -0
- package/lib/commonjs/renderers/MeasurementRenderer.js +134 -0
- package/lib/commonjs/renderers/MeasurementRenderer.js.map +1 -0
- package/lib/commonjs/renderers/ObjectRenderer.js +65 -0
- package/lib/commonjs/renderers/ObjectRenderer.js.map +1 -0
- package/lib/commonjs/renderers/PolygonRenderer.js +46 -0
- package/lib/commonjs/renderers/PolygonRenderer.js.map +1 -0
- package/lib/commonjs/renderers/RectRenderer.js +51 -0
- package/lib/commonjs/renderers/RectRenderer.js.map +1 -0
- package/lib/commonjs/renderers/SelectedObjectRenderer.js +592 -0
- package/lib/commonjs/renderers/SelectedObjectRenderer.js.map +1 -0
- package/lib/commonjs/renderers/SelectionOverlay.js +120 -0
- package/lib/commonjs/renderers/SelectionOverlay.js.map +1 -0
- package/lib/commonjs/store/useDrawingStore.js +354 -0
- package/lib/commonjs/store/useDrawingStore.js.map +1 -0
- package/lib/commonjs/types.js +6 -0
- package/lib/commonjs/types.js.map +1 -0
- package/lib/commonjs/utils/colors.js +44 -0
- package/lib/commonjs/utils/colors.js.map +1 -0
- package/lib/commonjs/utils/coordinates.js +81 -0
- package/lib/commonjs/utils/coordinates.js.map +1 -0
- package/lib/commonjs/utils/hitTesting.js +181 -0
- package/lib/commonjs/utils/hitTesting.js.map +1 -0
- package/lib/commonjs/utils/serialization.js +42 -0
- package/lib/commonjs/utils/serialization.js.map +1 -0
- package/lib/commonjs/utils/shapeDetection.js +151 -0
- package/lib/commonjs/utils/shapeDetection.js.map +1 -0
- package/lib/commonjs/utils/smoothing.js +85 -0
- package/lib/commonjs/utils/smoothing.js.map +1 -0
- package/lib/module/DrawingEditor.js +811 -0
- package/lib/module/DrawingEditor.js.map +1 -0
- package/lib/module/assets/toolbar-icons/arrow-disabled.png +0 -0
- package/lib/module/assets/toolbar-icons/arrow-enabled.png +0 -0
- package/lib/module/assets/toolbar-icons/arrow.png +0 -0
- package/lib/module/assets/toolbar-icons/circle-disabled.png +0 -0
- package/lib/module/assets/toolbar-icons/circle-enabled.png +0 -0
- package/lib/module/assets/toolbar-icons/circle.png +0 -0
- package/lib/module/assets/toolbar-icons/freehand-disabled.png +0 -0
- package/lib/module/assets/toolbar-icons/freehand-enabled.png +0 -0
- package/lib/module/assets/toolbar-icons/freehand.png +0 -0
- package/lib/module/assets/toolbar-icons/line-disabled.png +0 -0
- package/lib/module/assets/toolbar-icons/line-enabled.png +0 -0
- package/lib/module/assets/toolbar-icons/line.png +0 -0
- package/lib/module/assets/toolbar-icons/measure-disabled.png +0 -0
- package/lib/module/assets/toolbar-icons/measure-enabled.png +0 -0
- package/lib/module/assets/toolbar-icons/measure.png +0 -0
- package/lib/module/assets/toolbar-icons/move-disabled.png +0 -0
- package/lib/module/assets/toolbar-icons/move-enabled.png +0 -0
- package/lib/module/assets/toolbar-icons/move.png +0 -0
- package/lib/module/assets/toolbar-icons/polygon-disabled.png +0 -0
- package/lib/module/assets/toolbar-icons/polygon-enabled.png +0 -0
- package/lib/module/assets/toolbar-icons/polygon.png +0 -0
- package/lib/module/assets/toolbar-icons/rectangle-disabled.png +0 -0
- package/lib/module/assets/toolbar-icons/rectangle-enabled.png +0 -0
- package/lib/module/assets/toolbar-icons/rectangle.png +0 -0
- package/lib/module/assets/toolbar-icons/text-disabled.png +0 -0
- package/lib/module/assets/toolbar-icons/text-enabled.png +0 -0
- package/lib/module/assets/toolbar-icons/text.png +0 -0
- package/lib/module/components/ColorPalette.js +374 -0
- package/lib/module/components/ColorPalette.js.map +1 -0
- package/lib/module/components/LineWidthSlider.js +64 -0
- package/lib/module/components/LineWidthSlider.js.map +1 -0
- package/lib/module/components/MeasurementEditModal.js +148 -0
- package/lib/module/components/MeasurementEditModal.js.map +1 -0
- package/lib/module/components/MiniMap.js +239 -0
- package/lib/module/components/MiniMap.js.map +1 -0
- package/lib/module/components/TextAnnotation.js +157 -0
- package/lib/module/components/TextAnnotation.js.map +1 -0
- package/lib/module/components/TextEditModal.js +128 -0
- package/lib/module/components/TextEditModal.js.map +1 -0
- package/lib/module/components/Toolbar.js +193 -0
- package/lib/module/components/Toolbar.js.map +1 -0
- package/lib/module/components/ZoomBadge.js +155 -0
- package/lib/module/components/ZoomBadge.js.map +1 -0
- package/lib/module/hooks/useFreehandGesture.js +169 -0
- package/lib/module/hooks/useFreehandGesture.js.map +1 -0
- package/lib/module/hooks/usePolygonGesture.js +106 -0
- package/lib/module/hooks/usePolygonGesture.js.map +1 -0
- package/lib/module/hooks/useSelectionGesture.js +232 -0
- package/lib/module/hooks/useSelectionGesture.js.map +1 -0
- package/lib/module/hooks/useShapeGesture.js +177 -0
- package/lib/module/hooks/useShapeGesture.js.map +1 -0
- package/lib/module/hooks/useViewportGesture.js +234 -0
- package/lib/module/hooks/useViewportGesture.js.map +1 -0
- package/lib/module/index.js +20 -0
- package/lib/module/index.js.map +1 -0
- package/lib/module/package.json +1 -0
- package/lib/module/renderers/ArrowRenderer.js +113 -0
- package/lib/module/renderers/ArrowRenderer.js.map +1 -0
- package/lib/module/renderers/CircleRenderer.js +46 -0
- package/lib/module/renderers/CircleRenderer.js.map +1 -0
- package/lib/module/renderers/FreehandRenderer.js +26 -0
- package/lib/module/renderers/FreehandRenderer.js.map +1 -0
- package/lib/module/renderers/InProgressRenderer.js +169 -0
- package/lib/module/renderers/InProgressRenderer.js.map +1 -0
- package/lib/module/renderers/LineRenderer.js +22 -0
- package/lib/module/renderers/LineRenderer.js.map +1 -0
- package/lib/module/renderers/MeasurementRenderer.js +129 -0
- package/lib/module/renderers/MeasurementRenderer.js.map +1 -0
- package/lib/module/renderers/ObjectRenderer.js +60 -0
- package/lib/module/renderers/ObjectRenderer.js.map +1 -0
- package/lib/module/renderers/PolygonRenderer.js +41 -0
- package/lib/module/renderers/PolygonRenderer.js.map +1 -0
- package/lib/module/renderers/RectRenderer.js +46 -0
- package/lib/module/renderers/RectRenderer.js.map +1 -0
- package/lib/module/renderers/SelectedObjectRenderer.js +587 -0
- package/lib/module/renderers/SelectedObjectRenderer.js.map +1 -0
- package/lib/module/renderers/SelectionOverlay.js +116 -0
- package/lib/module/renderers/SelectionOverlay.js.map +1 -0
- package/lib/module/store/useDrawingStore.js +350 -0
- package/lib/module/store/useDrawingStore.js.map +1 -0
- package/lib/module/types.js +4 -0
- package/lib/module/types.js.map +1 -0
- package/lib/module/utils/colors.js +40 -0
- package/lib/module/utils/colors.js.map +1 -0
- package/lib/module/utils/coordinates.js +71 -0
- package/lib/module/utils/coordinates.js.map +1 -0
- package/lib/module/utils/hitTesting.js +171 -0
- package/lib/module/utils/hitTesting.js.map +1 -0
- package/lib/module/utils/serialization.js +36 -0
- package/lib/module/utils/serialization.js.map +1 -0
- package/lib/module/utils/shapeDetection.js +147 -0
- package/lib/module/utils/shapeDetection.js.map +1 -0
- package/lib/module/utils/smoothing.js +80 -0
- package/lib/module/utils/smoothing.js.map +1 -0
- package/lib/typescript/DrawingEditor.d.ts +3 -0
- package/lib/typescript/DrawingEditor.d.ts.map +1 -0
- package/lib/typescript/components/ColorPalette.d.ts +9 -0
- package/lib/typescript/components/ColorPalette.d.ts.map +1 -0
- package/lib/typescript/components/LineWidthSlider.d.ts +11 -0
- package/lib/typescript/components/LineWidthSlider.d.ts.map +1 -0
- package/lib/typescript/components/MeasurementEditModal.d.ts +11 -0
- package/lib/typescript/components/MeasurementEditModal.d.ts.map +1 -0
- package/lib/typescript/components/MiniMap.d.ts +23 -0
- package/lib/typescript/components/MiniMap.d.ts.map +1 -0
- package/lib/typescript/components/TextAnnotation.d.ts +22 -0
- package/lib/typescript/components/TextAnnotation.d.ts.map +1 -0
- package/lib/typescript/components/TextEditModal.d.ts +10 -0
- package/lib/typescript/components/TextEditModal.d.ts.map +1 -0
- package/lib/typescript/components/Toolbar.d.ts +13 -0
- package/lib/typescript/components/Toolbar.d.ts.map +1 -0
- package/lib/typescript/components/ZoomBadge.d.ts +9 -0
- package/lib/typescript/components/ZoomBadge.d.ts.map +1 -0
- package/lib/typescript/hooks/useFreehandGesture.d.ts +47 -0
- package/lib/typescript/hooks/useFreehandGesture.d.ts.map +1 -0
- package/lib/typescript/hooks/usePolygonGesture.d.ts +47 -0
- package/lib/typescript/hooks/usePolygonGesture.d.ts.map +1 -0
- package/lib/typescript/hooks/useSelectionGesture.d.ts +32 -0
- package/lib/typescript/hooks/useSelectionGesture.d.ts.map +1 -0
- package/lib/typescript/hooks/useShapeGesture.d.ts +54 -0
- package/lib/typescript/hooks/useShapeGesture.d.ts.map +1 -0
- package/lib/typescript/hooks/useViewportGesture.d.ts +37 -0
- package/lib/typescript/hooks/useViewportGesture.d.ts.map +1 -0
- package/lib/typescript/index.d.ts +11 -0
- package/lib/typescript/index.d.ts.map +1 -0
- package/lib/typescript/renderers/ArrowRenderer.d.ts +9 -0
- package/lib/typescript/renderers/ArrowRenderer.d.ts.map +1 -0
- package/lib/typescript/renderers/CircleRenderer.d.ts +9 -0
- package/lib/typescript/renderers/CircleRenderer.d.ts.map +1 -0
- package/lib/typescript/renderers/FreehandRenderer.d.ts +9 -0
- package/lib/typescript/renderers/FreehandRenderer.d.ts.map +1 -0
- package/lib/typescript/renderers/InProgressRenderer.d.ts +32 -0
- package/lib/typescript/renderers/InProgressRenderer.d.ts.map +1 -0
- package/lib/typescript/renderers/LineRenderer.d.ts +9 -0
- package/lib/typescript/renderers/LineRenderer.d.ts.map +1 -0
- package/lib/typescript/renderers/MeasurementRenderer.d.ts +9 -0
- package/lib/typescript/renderers/MeasurementRenderer.d.ts.map +1 -0
- package/lib/typescript/renderers/ObjectRenderer.d.ts +12 -0
- package/lib/typescript/renderers/ObjectRenderer.d.ts.map +1 -0
- package/lib/typescript/renderers/PolygonRenderer.d.ts +13 -0
- package/lib/typescript/renderers/PolygonRenderer.d.ts.map +1 -0
- package/lib/typescript/renderers/RectRenderer.d.ts +9 -0
- package/lib/typescript/renderers/RectRenderer.d.ts.map +1 -0
- package/lib/typescript/renderers/SelectedObjectRenderer.d.ts +18 -0
- package/lib/typescript/renderers/SelectedObjectRenderer.d.ts.map +1 -0
- package/lib/typescript/renderers/SelectionOverlay.d.ts +21 -0
- package/lib/typescript/renderers/SelectionOverlay.d.ts.map +1 -0
- package/lib/typescript/store/useDrawingStore.d.ts +30 -0
- package/lib/typescript/store/useDrawingStore.d.ts.map +1 -0
- package/lib/typescript/types.d.ts +130 -0
- package/lib/typescript/types.d.ts.map +1 -0
- package/lib/typescript/utils/colors.d.ts +11 -0
- package/lib/typescript/utils/colors.d.ts.map +1 -0
- package/lib/typescript/utils/coordinates.d.ts +34 -0
- package/lib/typescript/utils/coordinates.d.ts.map +1 -0
- package/lib/typescript/utils/hitTesting.d.ts +18 -0
- package/lib/typescript/utils/hitTesting.d.ts.map +1 -0
- package/lib/typescript/utils/serialization.d.ts +17 -0
- package/lib/typescript/utils/serialization.d.ts.map +1 -0
- package/lib/typescript/utils/shapeDetection.d.ts +22 -0
- package/lib/typescript/utils/shapeDetection.d.ts.map +1 -0
- package/lib/typescript/utils/smoothing.d.ts +16 -0
- package/lib/typescript/utils/smoothing.d.ts.map +1 -0
- package/package.json +108 -0
- package/src/DrawingEditor.tsx +1071 -0
- package/src/assets/toolbar-icons/arrow-disabled.png +0 -0
- package/src/assets/toolbar-icons/arrow-enabled.png +0 -0
- package/src/assets/toolbar-icons/arrow.png +0 -0
- package/src/assets/toolbar-icons/circle-disabled.png +0 -0
- package/src/assets/toolbar-icons/circle-enabled.png +0 -0
- package/src/assets/toolbar-icons/circle.png +0 -0
- package/src/assets/toolbar-icons/freehand-disabled.png +0 -0
- package/src/assets/toolbar-icons/freehand-enabled.png +0 -0
- package/src/assets/toolbar-icons/freehand.png +0 -0
- package/src/assets/toolbar-icons/line-disabled.png +0 -0
- package/src/assets/toolbar-icons/line-enabled.png +0 -0
- package/src/assets/toolbar-icons/line.png +0 -0
- package/src/assets/toolbar-icons/measure-disabled.png +0 -0
- package/src/assets/toolbar-icons/measure-enabled.png +0 -0
- package/src/assets/toolbar-icons/measure.png +0 -0
- package/src/assets/toolbar-icons/move-disabled.png +0 -0
- package/src/assets/toolbar-icons/move-enabled.png +0 -0
- package/src/assets/toolbar-icons/move.png +0 -0
- package/src/assets/toolbar-icons/polygon-disabled.png +0 -0
- package/src/assets/toolbar-icons/polygon-enabled.png +0 -0
- package/src/assets/toolbar-icons/polygon.png +0 -0
- package/src/assets/toolbar-icons/rectangle-disabled.png +0 -0
- package/src/assets/toolbar-icons/rectangle-enabled.png +0 -0
- package/src/assets/toolbar-icons/rectangle.png +0 -0
- package/src/assets/toolbar-icons/text-disabled.png +0 -0
- package/src/assets/toolbar-icons/text-enabled.png +0 -0
- package/src/assets/toolbar-icons/text.png +0 -0
- package/src/components/ColorPalette.tsx +497 -0
- package/src/components/LineWidthSlider.tsx +87 -0
- package/src/components/MeasurementEditModal.tsx +163 -0
- package/src/components/MiniMap.tsx +275 -0
- package/src/components/TextAnnotation.tsx +198 -0
- package/src/components/TextEditModal.tsx +139 -0
- package/src/components/Toolbar.tsx +254 -0
- package/src/components/ZoomBadge.tsx +166 -0
- package/src/hooks/useFreehandGesture.ts +249 -0
- package/src/hooks/usePolygonGesture.ts +162 -0
- package/src/hooks/useSelectionGesture.ts +293 -0
- package/src/hooks/useShapeGesture.ts +256 -0
- package/src/hooks/useViewportGesture.ts +337 -0
- package/src/index.tsx +51 -0
- package/src/renderers/ArrowRenderer.tsx +123 -0
- package/src/renderers/CircleRenderer.tsx +60 -0
- package/src/renderers/FreehandRenderer.tsx +33 -0
- package/src/renderers/InProgressRenderer.tsx +217 -0
- package/src/renderers/LineRenderer.tsx +34 -0
- package/src/renderers/MeasurementRenderer.tsx +179 -0
- package/src/renderers/ObjectRenderer.tsx +42 -0
- package/src/renderers/PolygonRenderer.tsx +66 -0
- package/src/renderers/RectRenderer.tsx +60 -0
- package/src/renderers/SelectedObjectRenderer.tsx +738 -0
- package/src/renderers/SelectionOverlay.tsx +170 -0
- package/src/store/useDrawingStore.ts +357 -0
- package/src/types.ts +186 -0
- package/src/utils/colors.ts +98 -0
- package/src/utils/coordinates.ts +75 -0
- package/src/utils/hitTesting.ts +242 -0
- package/src/utils/serialization.ts +45 -0
- package/src/utils/shapeDetection.ts +160 -0
- package/src/utils/smoothing.ts +84 -0
|
@@ -0,0 +1,116 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import React, { useMemo } from "react";
|
|
4
|
+
import { Circle, Group } from "@shopify/react-native-skia";
|
|
5
|
+
import { useDerivedValue } from "react-native-reanimated";
|
|
6
|
+
import { denormalize, denormalizePoints } from "../utils/coordinates";
|
|
7
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
8
|
+
export const ANCHOR_RADIUS = 8;
|
|
9
|
+
const ANCHOR_HIT_RADIUS = 24;
|
|
10
|
+
const DEFAULT_ANCHOR_COLOR = "rgba(0, 122, 255, 0.5)";
|
|
11
|
+
|
|
12
|
+
/**
|
|
13
|
+
* Get the anchor points (in pixel coordinates) for a drawing object.
|
|
14
|
+
*/
|
|
15
|
+
export function getAnchorPoints(object, canvasSize) {
|
|
16
|
+
switch (object.type) {
|
|
17
|
+
case "freehand":
|
|
18
|
+
{
|
|
19
|
+
const pts = denormalizePoints(object.points, canvasSize);
|
|
20
|
+
if (pts.length === 0) return [];
|
|
21
|
+
return [pts[0], pts[pts.length - 1]];
|
|
22
|
+
}
|
|
23
|
+
case "polygon":
|
|
24
|
+
{
|
|
25
|
+
return denormalizePoints(object.points, canvasSize);
|
|
26
|
+
}
|
|
27
|
+
case "text":
|
|
28
|
+
return [denormalize(object.position, canvasSize), denormalize({
|
|
29
|
+
x: object.position.x + object.width,
|
|
30
|
+
y: object.position.y + object.height
|
|
31
|
+
}, canvasSize)];
|
|
32
|
+
default:
|
|
33
|
+
{
|
|
34
|
+
const twoPoint = object;
|
|
35
|
+
return [denormalize(twoPoint.from, canvasSize), denormalize(twoPoint.to, canvasSize)];
|
|
36
|
+
}
|
|
37
|
+
}
|
|
38
|
+
}
|
|
39
|
+
export { ANCHOR_HIT_RADIUS };
|
|
40
|
+
|
|
41
|
+
/**
|
|
42
|
+
* An anchor circle that can animate its position when being dragged.
|
|
43
|
+
*/
|
|
44
|
+
function AnimatedAnchor({
|
|
45
|
+
baseX,
|
|
46
|
+
baseY,
|
|
47
|
+
index,
|
|
48
|
+
draggingAnchorIndex,
|
|
49
|
+
dragOffsetX,
|
|
50
|
+
dragOffsetY,
|
|
51
|
+
isDragging,
|
|
52
|
+
radius,
|
|
53
|
+
color
|
|
54
|
+
}) {
|
|
55
|
+
const cx = useDerivedValue(() => {
|
|
56
|
+
if (isDragging.value) {
|
|
57
|
+
if (draggingAnchorIndex.value < 0) {
|
|
58
|
+
// Moving whole object: all anchors move
|
|
59
|
+
return baseX + dragOffsetX.value;
|
|
60
|
+
} else if (draggingAnchorIndex.value === index) {
|
|
61
|
+
// Resizing: only this anchor moves
|
|
62
|
+
return baseX + dragOffsetX.value;
|
|
63
|
+
}
|
|
64
|
+
}
|
|
65
|
+
return baseX;
|
|
66
|
+
});
|
|
67
|
+
const cy = useDerivedValue(() => {
|
|
68
|
+
if (isDragging.value) {
|
|
69
|
+
if (draggingAnchorIndex.value < 0) {
|
|
70
|
+
return baseY + dragOffsetY.value;
|
|
71
|
+
} else if (draggingAnchorIndex.value === index) {
|
|
72
|
+
return baseY + dragOffsetY.value;
|
|
73
|
+
}
|
|
74
|
+
}
|
|
75
|
+
return baseY;
|
|
76
|
+
});
|
|
77
|
+
return /*#__PURE__*/_jsx(Circle, {
|
|
78
|
+
cx: cx,
|
|
79
|
+
cy: cy,
|
|
80
|
+
r: radius,
|
|
81
|
+
color: color,
|
|
82
|
+
style: "fill"
|
|
83
|
+
});
|
|
84
|
+
}
|
|
85
|
+
export const SelectionOverlay = /*#__PURE__*/React.memo(function SelectionOverlay({
|
|
86
|
+
object,
|
|
87
|
+
canvasSize,
|
|
88
|
+
color = DEFAULT_ANCHOR_COLOR,
|
|
89
|
+
draggingAnchorIndex,
|
|
90
|
+
dragOffsetX,
|
|
91
|
+
dragOffsetY,
|
|
92
|
+
isDragging
|
|
93
|
+
}) {
|
|
94
|
+
const anchors = useMemo(() => getAnchorPoints(object, canvasSize), [object, canvasSize]);
|
|
95
|
+
const hasAnimatedProps = draggingAnchorIndex && dragOffsetX && dragOffsetY && isDragging;
|
|
96
|
+
return /*#__PURE__*/_jsx(Group, {
|
|
97
|
+
children: anchors.map((point, index) => hasAnimatedProps ? /*#__PURE__*/_jsx(AnimatedAnchor, {
|
|
98
|
+
baseX: point.x,
|
|
99
|
+
baseY: point.y,
|
|
100
|
+
index: index,
|
|
101
|
+
draggingAnchorIndex: draggingAnchorIndex,
|
|
102
|
+
dragOffsetX: dragOffsetX,
|
|
103
|
+
dragOffsetY: dragOffsetY,
|
|
104
|
+
isDragging: isDragging,
|
|
105
|
+
radius: ANCHOR_RADIUS,
|
|
106
|
+
color: color
|
|
107
|
+
}, `anchor-${index}`) : /*#__PURE__*/_jsx(Circle, {
|
|
108
|
+
cx: point.x,
|
|
109
|
+
cy: point.y,
|
|
110
|
+
r: ANCHOR_RADIUS,
|
|
111
|
+
color: color,
|
|
112
|
+
style: "fill"
|
|
113
|
+
}, `anchor-${index}`))
|
|
114
|
+
});
|
|
115
|
+
});
|
|
116
|
+
//# sourceMappingURL=SelectionOverlay.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["React","useMemo","Circle","Group","useDerivedValue","denormalize","denormalizePoints","jsx","_jsx","ANCHOR_RADIUS","ANCHOR_HIT_RADIUS","DEFAULT_ANCHOR_COLOR","getAnchorPoints","object","canvasSize","type","pts","points","length","position","x","width","y","height","twoPoint","from","to","AnimatedAnchor","baseX","baseY","index","draggingAnchorIndex","dragOffsetX","dragOffsetY","isDragging","radius","color","cx","value","cy","r","style","SelectionOverlay","memo","anchors","hasAnimatedProps","children","map","point"],"sourceRoot":"../../../src","sources":["renderers/SelectionOverlay.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;AACtC,SAASC,MAAM,EAAEC,KAAK,QAAQ,4BAA4B;AAC1D,SAASC,eAAe,QAAQ,yBAAyB;AAUzD,SAASC,WAAW,EAAEC,iBAAiB,QAAQ,sBAAsB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAYtE,OAAO,MAAMC,aAAa,GAAG,CAAC;AAC9B,MAAMC,iBAAiB,GAAG,EAAE;AAC5B,MAAMC,oBAAoB,GAAG,wBAAwB;;AAErD;AACA;AACA;AACA,OAAO,SAASC,eAAeA,CAC7BC,MAAqB,EACrBC,UAAgB,EACP;EACT,QAAQD,MAAM,CAACE,IAAI;IACjB,KAAK,UAAU;MAAE;QACf,MAAMC,GAAG,GAAGV,iBAAiB,CAC1BO,MAAM,CAAoBI,MAAM,EACjCH,UACF,CAAC;QACD,IAAIE,GAAG,CAACE,MAAM,KAAK,CAAC,EAAE,OAAO,EAAE;QAC/B,OAAO,CAACF,GAAG,CAAC,CAAC,CAAC,EAAGA,GAAG,CAACA,GAAG,CAACE,MAAM,GAAG,CAAC,CAAC,CAAE;MACxC;IACA,KAAK,SAAS;MAAE;QACd,OAAOZ,iBAAiB,CACrBO,MAAM,CAAmBI,MAAM,EAChCH,UACF,CAAC;MACH;IACA,KAAK,MAAM;MACT,OAAO,CACLT,WAAW,CAACQ,MAAM,CAACM,QAAQ,EAAEL,UAAU,CAAC,EACxCT,WAAW,CACT;QACEe,CAAC,EAAEP,MAAM,CAACM,QAAQ,CAACC,CAAC,GAAGP,MAAM,CAACQ,KAAK;QACnCC,CAAC,EAAET,MAAM,CAACM,QAAQ,CAACG,CAAC,GAAGT,MAAM,CAACU;MAChC,CAAC,EACDT,UACF,CAAC,CACF;IACH;MAAS;QACP,MAAMU,QAAQ,GAAGX,MAAwB;QACzC,OAAO,CACLR,WAAW,CAACmB,QAAQ,CAACC,IAAI,EAAEX,UAAU,CAAC,EACtCT,WAAW,CAACmB,QAAQ,CAACE,EAAE,EAAEZ,UAAU,CAAC,CACrC;MACH;EACF;AACF;AAEA,SAASJ,iBAAiB;;AAE1B;AACA;AACA;AACA,SAASiB,cAAcA,CAAC;EACtBC,KAAK;EACLC,KAAK;EACLC,KAAK;EACLC,mBAAmB;EACnBC,WAAW;EACXC,WAAW;EACXC,UAAU;EACVC,MAAM;EACNC;AAWF,CAAC,EAAE;EACD,MAAMC,EAAE,GAAGjC,eAAe,CAAC,MAAM;IAC/B,IAAI8B,UAAU,CAACI,KAAK,EAAE;MACpB,IAAIP,mBAAmB,CAACO,KAAK,GAAG,CAAC,EAAE;QACjC;QACA,OAAOV,KAAK,GAAGI,WAAW,CAACM,KAAK;MAClC,CAAC,MAAM,IAAIP,mBAAmB,CAACO,KAAK,KAAKR,KAAK,EAAE;QAC9C;QACA,OAAOF,KAAK,GAAGI,WAAW,CAACM,KAAK;MAClC;IACF;IACA,OAAOV,KAAK;EACd,CAAC,CAAC;EACF,MAAMW,EAAE,GAAGnC,eAAe,CAAC,MAAM;IAC/B,IAAI8B,UAAU,CAACI,KAAK,EAAE;MACpB,IAAIP,mBAAmB,CAACO,KAAK,GAAG,CAAC,EAAE;QACjC,OAAOT,KAAK,GAAGI,WAAW,CAACK,KAAK;MAClC,CAAC,MAAM,IAAIP,mBAAmB,CAACO,KAAK,KAAKR,KAAK,EAAE;QAC9C,OAAOD,KAAK,GAAGI,WAAW,CAACK,KAAK;MAClC;IACF;IACA,OAAOT,KAAK;EACd,CAAC,CAAC;EAEF,oBAAOrB,IAAA,CAACN,MAAM;IAACmC,EAAE,EAAEA,EAAG;IAACE,EAAE,EAAEA,EAAG;IAACC,CAAC,EAAEL,MAAO;IAACC,KAAK,EAAEA,KAAM;IAACK,KAAK,EAAC;EAAM,CAAE,CAAC;AACzE;AAEA,OAAO,MAAMC,gBAAgB,gBAAG1C,KAAK,CAAC2C,IAAI,CAAC,SAASD,gBAAgBA,CAAC;EACnE7B,MAAM;EACNC,UAAU;EACVsB,KAAK,GAAGzB,oBAAoB;EAC5BoB,mBAAmB;EACnBC,WAAW;EACXC,WAAW;EACXC;AACqB,CAAC,EAAE;EACxB,MAAMU,OAAO,GAAG3C,OAAO,CACrB,MAAMW,eAAe,CAACC,MAAM,EAAEC,UAAU,CAAC,EACzC,CAACD,MAAM,EAAEC,UAAU,CACrB,CAAC;EAED,MAAM+B,gBAAgB,GACpBd,mBAAmB,IAAIC,WAAW,IAAIC,WAAW,IAAIC,UAAU;EAEjE,oBACE1B,IAAA,CAACL,KAAK;IAAA2C,QAAA,EACHF,OAAO,CAACG,GAAG,CAAC,CAACC,KAAK,EAAElB,KAAK,KACxBe,gBAAgB,gBACdrC,IAAA,CAACmB,cAAc;MAEbC,KAAK,EAAEoB,KAAK,CAAC5B,CAAE;MACfS,KAAK,EAAEmB,KAAK,CAAC1B,CAAE;MACfQ,KAAK,EAAEA,KAAM;MACbC,mBAAmB,EAAEA,mBAAoB;MACzCC,WAAW,EAAEA,WAAY;MACzBC,WAAW,EAAEA,WAAY;MACzBC,UAAU,EAAEA,UAAW;MACvBC,MAAM,EAAE1B,aAAc;MACtB2B,KAAK,EAAEA;IAAM,GATR,UAAUN,KAAK,EAUrB,CAAC,gBAEFtB,IAAA,CAACN,MAAM;MAELmC,EAAE,EAAEW,KAAK,CAAC5B,CAAE;MACZmB,EAAE,EAAES,KAAK,CAAC1B,CAAE;MACZkB,CAAC,EAAE/B,aAAc;MACjB2B,KAAK,EAAEA,KAAM;MACbK,KAAK,EAAC;IAAM,GALP,UAAUX,KAAK,EAMrB,CAEL;EAAC,CACI,CAAC;AAEZ,CAAC,CAAC","ignoreList":[]}
|
|
@@ -0,0 +1,350 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import { create } from "zustand";
|
|
4
|
+
import { DEFAULT_STROKE_COLOR, DEFAULT_LINE_WIDTH } from "../utils/colors";
|
|
5
|
+
import { generateId } from "../utils/serialization";
|
|
6
|
+
function cloneObject(obj) {
|
|
7
|
+
return JSON.parse(JSON.stringify(obj));
|
|
8
|
+
}
|
|
9
|
+
function movePoints(obj, dx, dy) {
|
|
10
|
+
const moved = cloneObject(obj);
|
|
11
|
+
switch (moved.type) {
|
|
12
|
+
case "freehand":
|
|
13
|
+
{
|
|
14
|
+
const freehand = moved;
|
|
15
|
+
freehand.points = freehand.points.map(p => ({
|
|
16
|
+
x: p.x + dx,
|
|
17
|
+
y: p.y + dy
|
|
18
|
+
}));
|
|
19
|
+
break;
|
|
20
|
+
}
|
|
21
|
+
case "polygon":
|
|
22
|
+
{
|
|
23
|
+
const polygon = moved;
|
|
24
|
+
polygon.points = polygon.points.map(p => ({
|
|
25
|
+
x: p.x + dx,
|
|
26
|
+
y: p.y + dy
|
|
27
|
+
}));
|
|
28
|
+
break;
|
|
29
|
+
}
|
|
30
|
+
case "text":
|
|
31
|
+
{
|
|
32
|
+
moved.position = {
|
|
33
|
+
x: moved.position.x + dx,
|
|
34
|
+
y: moved.position.y + dy
|
|
35
|
+
};
|
|
36
|
+
break;
|
|
37
|
+
}
|
|
38
|
+
default:
|
|
39
|
+
{
|
|
40
|
+
const twoPoint = moved;
|
|
41
|
+
twoPoint.from = {
|
|
42
|
+
x: twoPoint.from.x + dx,
|
|
43
|
+
y: twoPoint.from.y + dy
|
|
44
|
+
};
|
|
45
|
+
twoPoint.to = {
|
|
46
|
+
x: twoPoint.to.x + dx,
|
|
47
|
+
y: twoPoint.to.y + dy
|
|
48
|
+
};
|
|
49
|
+
break;
|
|
50
|
+
}
|
|
51
|
+
}
|
|
52
|
+
return moved;
|
|
53
|
+
}
|
|
54
|
+
export const useDrawingStore = create((set, get) => ({
|
|
55
|
+
// ─── Initial State ────────────────────────────────────────────────────────
|
|
56
|
+
objects: [],
|
|
57
|
+
currentTool: "freehand",
|
|
58
|
+
strokeColor: DEFAULT_STROKE_COLOR,
|
|
59
|
+
fillColor: null,
|
|
60
|
+
fillAlpha: 0.5,
|
|
61
|
+
lineWidth: DEFAULT_LINE_WIDTH,
|
|
62
|
+
selectedObjectId: null,
|
|
63
|
+
canvasSize: {
|
|
64
|
+
width: 0,
|
|
65
|
+
height: 0
|
|
66
|
+
},
|
|
67
|
+
undoStack: [],
|
|
68
|
+
// ─── Tool & Style ─────────────────────────────────────────────────────────
|
|
69
|
+
setTool: tool => set({
|
|
70
|
+
currentTool: tool,
|
|
71
|
+
selectedObjectId: null
|
|
72
|
+
}),
|
|
73
|
+
setStrokeColor: color => {
|
|
74
|
+
const {
|
|
75
|
+
selectedObjectId,
|
|
76
|
+
objects,
|
|
77
|
+
undoStack
|
|
78
|
+
} = get();
|
|
79
|
+
if (selectedObjectId) {
|
|
80
|
+
const obj = objects.find(o => o.id === selectedObjectId);
|
|
81
|
+
if (obj) {
|
|
82
|
+
const prevState = cloneObject(obj);
|
|
83
|
+
set({
|
|
84
|
+
strokeColor: color,
|
|
85
|
+
objects: objects.map(o => o.id === selectedObjectId ? {
|
|
86
|
+
...o,
|
|
87
|
+
color
|
|
88
|
+
} : o),
|
|
89
|
+
undoStack: [...undoStack, {
|
|
90
|
+
type: "edit",
|
|
91
|
+
objectId: selectedObjectId,
|
|
92
|
+
previousState: prevState
|
|
93
|
+
}]
|
|
94
|
+
});
|
|
95
|
+
return;
|
|
96
|
+
}
|
|
97
|
+
}
|
|
98
|
+
set({
|
|
99
|
+
strokeColor: color
|
|
100
|
+
});
|
|
101
|
+
},
|
|
102
|
+
setFillColor: color => set({
|
|
103
|
+
fillColor: color
|
|
104
|
+
}),
|
|
105
|
+
setFillAlpha: alpha => set({
|
|
106
|
+
fillAlpha: alpha
|
|
107
|
+
}),
|
|
108
|
+
setLineWidth: width => {
|
|
109
|
+
const {
|
|
110
|
+
selectedObjectId,
|
|
111
|
+
objects,
|
|
112
|
+
undoStack
|
|
113
|
+
} = get();
|
|
114
|
+
if (selectedObjectId) {
|
|
115
|
+
const obj = objects.find(o => o.id === selectedObjectId);
|
|
116
|
+
if (obj) {
|
|
117
|
+
const prevState = cloneObject(obj);
|
|
118
|
+
set({
|
|
119
|
+
lineWidth: width,
|
|
120
|
+
objects: objects.map(o => o.id === selectedObjectId ? {
|
|
121
|
+
...o,
|
|
122
|
+
lineWidth: width
|
|
123
|
+
} : o),
|
|
124
|
+
undoStack: [...undoStack, {
|
|
125
|
+
type: "edit",
|
|
126
|
+
objectId: selectedObjectId,
|
|
127
|
+
previousState: prevState
|
|
128
|
+
}]
|
|
129
|
+
});
|
|
130
|
+
return;
|
|
131
|
+
}
|
|
132
|
+
}
|
|
133
|
+
set({
|
|
134
|
+
lineWidth: width
|
|
135
|
+
});
|
|
136
|
+
},
|
|
137
|
+
setCanvasSize: size => set({
|
|
138
|
+
canvasSize: size
|
|
139
|
+
}),
|
|
140
|
+
// ─── Object Management ────────────────────────────────────────────────────
|
|
141
|
+
addObject: obj => {
|
|
142
|
+
const id = obj.id || generateId();
|
|
143
|
+
const withId = {
|
|
144
|
+
...obj,
|
|
145
|
+
id
|
|
146
|
+
};
|
|
147
|
+
set(state => ({
|
|
148
|
+
objects: [...state.objects, withId],
|
|
149
|
+
undoStack: [...state.undoStack, {
|
|
150
|
+
type: "add",
|
|
151
|
+
objectId: id
|
|
152
|
+
}]
|
|
153
|
+
}));
|
|
154
|
+
},
|
|
155
|
+
updateObject: (id, updates) => {
|
|
156
|
+
const {
|
|
157
|
+
objects,
|
|
158
|
+
undoStack
|
|
159
|
+
} = get();
|
|
160
|
+
const obj = objects.find(o => o.id === id);
|
|
161
|
+
if (!obj) return;
|
|
162
|
+
const prevState = cloneObject(obj);
|
|
163
|
+
set({
|
|
164
|
+
objects: objects.map(o => o.id === id ? {
|
|
165
|
+
...o,
|
|
166
|
+
...updates
|
|
167
|
+
} : o),
|
|
168
|
+
undoStack: [...undoStack, {
|
|
169
|
+
type: "edit",
|
|
170
|
+
objectId: id,
|
|
171
|
+
previousState: prevState
|
|
172
|
+
}]
|
|
173
|
+
});
|
|
174
|
+
},
|
|
175
|
+
deleteObject: id => {
|
|
176
|
+
const {
|
|
177
|
+
objects,
|
|
178
|
+
undoStack
|
|
179
|
+
} = get();
|
|
180
|
+
const obj = objects.find(o => o.id === id);
|
|
181
|
+
if (!obj) return;
|
|
182
|
+
const prevState = cloneObject(obj);
|
|
183
|
+
set({
|
|
184
|
+
objects: objects.filter(o => o.id !== id),
|
|
185
|
+
selectedObjectId: null,
|
|
186
|
+
undoStack: [...undoStack, {
|
|
187
|
+
type: "delete",
|
|
188
|
+
objectId: id,
|
|
189
|
+
previousState: prevState
|
|
190
|
+
}]
|
|
191
|
+
});
|
|
192
|
+
},
|
|
193
|
+
deleteSelectedObject: () => {
|
|
194
|
+
const {
|
|
195
|
+
selectedObjectId
|
|
196
|
+
} = get();
|
|
197
|
+
if (selectedObjectId) {
|
|
198
|
+
get().deleteObject(selectedObjectId);
|
|
199
|
+
}
|
|
200
|
+
},
|
|
201
|
+
selectObject: id => set({
|
|
202
|
+
selectedObjectId: id
|
|
203
|
+
}),
|
|
204
|
+
moveObject: (id, dx, dy) => {
|
|
205
|
+
const {
|
|
206
|
+
objects,
|
|
207
|
+
undoStack
|
|
208
|
+
} = get();
|
|
209
|
+
const obj = objects.find(o => o.id === id);
|
|
210
|
+
if (!obj) return;
|
|
211
|
+
const prevState = cloneObject(obj);
|
|
212
|
+
const moved = movePoints(obj, dx, dy);
|
|
213
|
+
set({
|
|
214
|
+
objects: objects.map(o => o.id === id ? moved : o),
|
|
215
|
+
undoStack: [...undoStack, {
|
|
216
|
+
type: "move",
|
|
217
|
+
objectId: id,
|
|
218
|
+
previousState: prevState
|
|
219
|
+
}]
|
|
220
|
+
});
|
|
221
|
+
},
|
|
222
|
+
resizeObject: (id, anchorIndex, dx, dy) => {
|
|
223
|
+
const {
|
|
224
|
+
objects,
|
|
225
|
+
undoStack
|
|
226
|
+
} = get();
|
|
227
|
+
const obj = objects.find(o => o.id === id);
|
|
228
|
+
if (!obj) return;
|
|
229
|
+
const prevState = cloneObject(obj);
|
|
230
|
+
const resized = cloneObject(obj);
|
|
231
|
+
switch (resized.type) {
|
|
232
|
+
case "freehand":
|
|
233
|
+
{
|
|
234
|
+
const freehand = resized;
|
|
235
|
+
if (freehand.points.length === 0) break;
|
|
236
|
+
if (anchorIndex === 0) {
|
|
237
|
+
freehand.points[0] = {
|
|
238
|
+
x: freehand.points[0].x + dx,
|
|
239
|
+
y: freehand.points[0].y + dy
|
|
240
|
+
};
|
|
241
|
+
} else if (anchorIndex === 1) {
|
|
242
|
+
const last = freehand.points.length - 1;
|
|
243
|
+
freehand.points[last] = {
|
|
244
|
+
x: freehand.points[last].x + dx,
|
|
245
|
+
y: freehand.points[last].y + dy
|
|
246
|
+
};
|
|
247
|
+
}
|
|
248
|
+
break;
|
|
249
|
+
}
|
|
250
|
+
case "polygon":
|
|
251
|
+
{
|
|
252
|
+
const polygon = resized;
|
|
253
|
+
if (anchorIndex >= 0 && anchorIndex < polygon.points.length) {
|
|
254
|
+
polygon.points[anchorIndex] = {
|
|
255
|
+
x: polygon.points[anchorIndex].x + dx,
|
|
256
|
+
y: polygon.points[anchorIndex].y + dy
|
|
257
|
+
};
|
|
258
|
+
}
|
|
259
|
+
break;
|
|
260
|
+
}
|
|
261
|
+
case "text":
|
|
262
|
+
{
|
|
263
|
+
if (anchorIndex === 0) {
|
|
264
|
+
resized.position = {
|
|
265
|
+
x: resized.position.x + dx,
|
|
266
|
+
y: resized.position.y + dy
|
|
267
|
+
};
|
|
268
|
+
} else if (anchorIndex === 1) {
|
|
269
|
+
resized.width = Math.max(0.02, resized.width + dx);
|
|
270
|
+
resized.height = Math.max(0.02, resized.height + dy);
|
|
271
|
+
}
|
|
272
|
+
break;
|
|
273
|
+
}
|
|
274
|
+
default:
|
|
275
|
+
{
|
|
276
|
+
const twoPoint = resized;
|
|
277
|
+
if (anchorIndex === 0) {
|
|
278
|
+
twoPoint.from = {
|
|
279
|
+
x: twoPoint.from.x + dx,
|
|
280
|
+
y: twoPoint.from.y + dy
|
|
281
|
+
};
|
|
282
|
+
} else if (anchorIndex === 1) {
|
|
283
|
+
twoPoint.to = {
|
|
284
|
+
x: twoPoint.to.x + dx,
|
|
285
|
+
y: twoPoint.to.y + dy
|
|
286
|
+
};
|
|
287
|
+
}
|
|
288
|
+
break;
|
|
289
|
+
}
|
|
290
|
+
}
|
|
291
|
+
set({
|
|
292
|
+
objects: objects.map(o => o.id === id ? resized : o),
|
|
293
|
+
undoStack: [...undoStack, {
|
|
294
|
+
type: "edit",
|
|
295
|
+
objectId: id,
|
|
296
|
+
previousState: prevState
|
|
297
|
+
}]
|
|
298
|
+
});
|
|
299
|
+
},
|
|
300
|
+
// ─── Undo ─────────────────────────────────────────────────────────────────
|
|
301
|
+
undo: () => {
|
|
302
|
+
const {
|
|
303
|
+
undoStack,
|
|
304
|
+
objects
|
|
305
|
+
} = get();
|
|
306
|
+
if (undoStack.length === 0) return;
|
|
307
|
+
const action = undoStack[undoStack.length - 1];
|
|
308
|
+
const newStack = undoStack.slice(0, -1);
|
|
309
|
+
switch (action.type) {
|
|
310
|
+
case "add":
|
|
311
|
+
// Remove the added object
|
|
312
|
+
set({
|
|
313
|
+
objects: objects.filter(o => o.id !== action.objectId),
|
|
314
|
+
undoStack: newStack,
|
|
315
|
+
selectedObjectId: null
|
|
316
|
+
});
|
|
317
|
+
break;
|
|
318
|
+
case "delete":
|
|
319
|
+
// Re-insert the deleted object
|
|
320
|
+
if (action.previousState) {
|
|
321
|
+
set({
|
|
322
|
+
objects: [...objects, action.previousState],
|
|
323
|
+
undoStack: newStack
|
|
324
|
+
});
|
|
325
|
+
}
|
|
326
|
+
break;
|
|
327
|
+
case "edit":
|
|
328
|
+
case "move":
|
|
329
|
+
// Restore previous state
|
|
330
|
+
if (action.previousState) {
|
|
331
|
+
set({
|
|
332
|
+
objects: objects.map(o => o.id === action.objectId ? action.previousState : o),
|
|
333
|
+
undoStack: newStack
|
|
334
|
+
});
|
|
335
|
+
}
|
|
336
|
+
break;
|
|
337
|
+
}
|
|
338
|
+
},
|
|
339
|
+
clearAll: () => set({
|
|
340
|
+
objects: [],
|
|
341
|
+
undoStack: [],
|
|
342
|
+
selectedObjectId: null
|
|
343
|
+
}),
|
|
344
|
+
loadObjects: objects => set({
|
|
345
|
+
objects,
|
|
346
|
+
undoStack: [],
|
|
347
|
+
selectedObjectId: null
|
|
348
|
+
})
|
|
349
|
+
}));
|
|
350
|
+
//# sourceMappingURL=useDrawingStore.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["create","DEFAULT_STROKE_COLOR","DEFAULT_LINE_WIDTH","generateId","cloneObject","obj","JSON","parse","stringify","movePoints","dx","dy","moved","type","freehand","points","map","p","x","y","polygon","position","twoPoint","from","to","useDrawingStore","set","get","objects","currentTool","strokeColor","fillColor","fillAlpha","lineWidth","selectedObjectId","canvasSize","width","height","undoStack","setTool","tool","setStrokeColor","color","find","o","id","prevState","objectId","previousState","setFillColor","setFillAlpha","alpha","setLineWidth","setCanvasSize","size","addObject","withId","state","updateObject","updates","deleteObject","filter","deleteSelectedObject","selectObject","moveObject","resizeObject","anchorIndex","resized","length","last","Math","max","undo","action","newStack","slice","clearAll","loadObjects"],"sourceRoot":"../../../src","sources":["store/useDrawingStore.ts"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":[],"sourceRoot":"../../src","sources":["types.ts"],"mappings":"","ignoreList":[]}
|
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
/** Preset color palette matching the ArchiReport iOS spec */
|
|
4
|
+
export const PRESET_COLORS = ["rgba(255, 79, 61, 1)",
|
|
5
|
+
// Red
|
|
6
|
+
"rgba(94, 112, 255, 1)",
|
|
7
|
+
// Blue
|
|
8
|
+
"rgba(66, 224, 125, 1)",
|
|
9
|
+
// Green
|
|
10
|
+
"rgba(255, 163, 69, 1)",
|
|
11
|
+
// Orange
|
|
12
|
+
"rgba(46, 46, 46, 1)",
|
|
13
|
+
// Black (dark)
|
|
14
|
+
"rgba(255, 255, 255, 1)" // White
|
|
15
|
+
];
|
|
16
|
+
|
|
17
|
+
/** Extended color palette grouped by hue families for a more predictable picker layout */
|
|
18
|
+
export const EXTENDED_COLOR_GROUPS = [[
|
|
19
|
+
// Reds / corals / pinks
|
|
20
|
+
"rgba(255, 121, 107, 1)", "rgba(255, 79, 61, 1)", "rgba(239, 68, 68, 1)", "rgba(220, 38, 38, 1)", "rgba(183, 28, 28, 1)", "rgba(255, 99, 132, 1)", "rgba(244, 63, 94, 1)", "rgba(219, 39, 119, 1)"], [
|
|
21
|
+
// Oranges / ambers / yellows
|
|
22
|
+
"rgba(255, 190, 92, 1)", "rgba(255, 163, 69, 1)", "rgba(249, 115, 22, 1)", "rgba(234, 88, 12, 1)", "rgba(217, 119, 6, 1)", "rgba(250, 204, 21, 1)", "rgba(234, 179, 8, 1)", "rgba(202, 138, 4, 1)"], [
|
|
23
|
+
// Greens
|
|
24
|
+
"rgba(134, 239, 172, 1)", "rgba(66, 224, 125, 1)", "rgba(74, 222, 128, 1)", "rgba(34, 197, 94, 1)", "rgba(22, 163, 74, 1)", "rgba(45, 212, 191, 1)", "rgba(16, 185, 129, 1)", "rgba(5, 150, 105, 1)"], [
|
|
25
|
+
// Teals / cyans
|
|
26
|
+
"rgba(94, 234, 212, 1)", "rgba(20, 184, 166, 1)", "rgba(13, 148, 136, 1)", "rgba(8, 145, 178, 1)", "rgba(34, 211, 238, 1)", "rgba(6, 182, 212, 1)", "rgba(14, 165, 233, 1)", "rgba(14, 116, 144, 1)"], [
|
|
27
|
+
// Blues / indigos
|
|
28
|
+
"rgba(129, 140, 248, 1)", "rgba(94, 112, 255, 1)", "rgba(96, 165, 250, 1)", "rgba(59, 130, 246, 1)", "rgba(37, 99, 235, 1)", "rgba(29, 78, 216, 1)", "rgba(99, 102, 241, 1)", "rgba(49, 46, 129, 1)"], [
|
|
29
|
+
// Purples / violets
|
|
30
|
+
"rgba(196, 181, 253, 1)", "rgba(139, 92, 246, 1)", "rgba(124, 58, 237, 1)", "rgba(109, 40, 217, 1)", "rgba(168, 85, 247, 1)", "rgba(147, 51, 234, 1)", "rgba(126, 34, 206, 1)", "rgba(107, 33, 168, 1)"], [
|
|
31
|
+
// Neutrals
|
|
32
|
+
"rgba(255, 255, 255, 1)", "rgba(244, 244, 245, 1)", "rgba(212, 212, 216, 1)", "rgba(161, 161, 170, 1)", "rgba(113, 113, 122, 1)", "rgba(63, 63, 70, 1)", "rgba(46, 46, 46, 1)", "rgba(24, 24, 27, 1)"]];
|
|
33
|
+
|
|
34
|
+
/** Flat version kept for compatibility with existing imports */
|
|
35
|
+
export const EXTENDED_COLORS = EXTENDED_COLOR_GROUPS.flat();
|
|
36
|
+
export const DEFAULT_STROKE_COLOR = PRESET_COLORS[0];
|
|
37
|
+
export const DEFAULT_FILL_ALPHA = 0.5;
|
|
38
|
+
export const DEFAULT_LINE_WIDTH = 4;
|
|
39
|
+
export const DEFAULT_MEASURE_UNIT = "m";
|
|
40
|
+
//# sourceMappingURL=colors.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["PRESET_COLORS","EXTENDED_COLOR_GROUPS","EXTENDED_COLORS","flat","DEFAULT_STROKE_COLOR","DEFAULT_FILL_ALPHA","DEFAULT_LINE_WIDTH","DEFAULT_MEASURE_UNIT"],"sourceRoot":"../../../src","sources":["utils/colors.ts"],"mappings":";;AAAA;AACA,OAAO,MAAMA,aAAa,GAAG,CAC3B,sBAAsB;AAAE;AACxB,uBAAuB;AAAE;AACzB,uBAAuB;AAAE;AACzB,uBAAuB;AAAE;AACzB,qBAAqB;AAAE;AACvB,wBAAwB,CAAE;AAAA,CAClB;;AAEV;AACA,OAAO,MAAMC,qBAA0C,GAAG,CACxD;AACE;AACA,wBAAwB,EACxB,sBAAsB,EACtB,sBAAsB,EACtB,sBAAsB,EACtB,sBAAsB,EACtB,uBAAuB,EACvB,sBAAsB,EACtB,uBAAuB,CACxB,EACD;AACE;AACA,uBAAuB,EACvB,uBAAuB,EACvB,uBAAuB,EACvB,sBAAsB,EACtB,sBAAsB,EACtB,uBAAuB,EACvB,sBAAsB,EACtB,sBAAsB,CACvB,EACD;AACE;AACA,wBAAwB,EACxB,uBAAuB,EACvB,uBAAuB,EACvB,sBAAsB,EACtB,sBAAsB,EACtB,uBAAuB,EACvB,uBAAuB,EACvB,sBAAsB,CACvB,EACD;AACE;AACA,uBAAuB,EACvB,uBAAuB,EACvB,uBAAuB,EACvB,sBAAsB,EACtB,uBAAuB,EACvB,sBAAsB,EACtB,uBAAuB,EACvB,uBAAuB,CACxB,EACD;AACE;AACA,wBAAwB,EACxB,uBAAuB,EACvB,uBAAuB,EACvB,uBAAuB,EACvB,sBAAsB,EACtB,sBAAsB,EACtB,uBAAuB,EACvB,sBAAsB,CACvB,EACD;AACE;AACA,wBAAwB,EACxB,uBAAuB,EACvB,uBAAuB,EACvB,uBAAuB,EACvB,uBAAuB,EACvB,uBAAuB,EACvB,uBAAuB,EACvB,uBAAuB,CACxB,EACD;AACE;AACA,wBAAwB,EACxB,wBAAwB,EACxB,wBAAwB,EACxB,wBAAwB,EACxB,wBAAwB,EACxB,qBAAqB,EACrB,qBAAqB,EACrB,qBAAqB,CACtB,CACO;;AAEV;AACA,OAAO,MAAMC,eAAyB,GAAGD,qBAAqB,CAACE,IAAI,CAAC,CAAC;AAErE,OAAO,MAAMC,oBAAoB,GAAGJ,aAAa,CAAC,CAAC,CAAE;AACrD,OAAO,MAAMK,kBAAkB,GAAG,GAAG;AACrC,OAAO,MAAMC,kBAAkB,GAAG,CAAC;AACnC,OAAO,MAAMC,oBAAoB,GAAG,GAAG","ignoreList":[]}
|
|
@@ -0,0 +1,71 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
/**
|
|
4
|
+
* Convert pixel coordinates to normalized [0,1] range.
|
|
5
|
+
*/
|
|
6
|
+
export function normalize(pixel, canvasSize) {
|
|
7
|
+
if (canvasSize.width === 0 || canvasSize.height === 0) {
|
|
8
|
+
return {
|
|
9
|
+
x: 0,
|
|
10
|
+
y: 0
|
|
11
|
+
};
|
|
12
|
+
}
|
|
13
|
+
return {
|
|
14
|
+
x: pixel.x / canvasSize.width,
|
|
15
|
+
y: pixel.y / canvasSize.height
|
|
16
|
+
};
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
/**
|
|
20
|
+
* Convert normalized [0,1] coordinates to pixel coordinates.
|
|
21
|
+
*/
|
|
22
|
+
export function denormalize(normalized, canvasSize) {
|
|
23
|
+
return {
|
|
24
|
+
x: normalized.x * canvasSize.width,
|
|
25
|
+
y: normalized.y * canvasSize.height
|
|
26
|
+
};
|
|
27
|
+
}
|
|
28
|
+
|
|
29
|
+
/**
|
|
30
|
+
* Normalize an array of pixel points.
|
|
31
|
+
*/
|
|
32
|
+
export function normalizePoints(pixels, canvasSize) {
|
|
33
|
+
return pixels.map(p => normalize(p, canvasSize));
|
|
34
|
+
}
|
|
35
|
+
|
|
36
|
+
/**
|
|
37
|
+
* Denormalize an array of normalized points.
|
|
38
|
+
*/
|
|
39
|
+
export function denormalizePoints(normalized, canvasSize) {
|
|
40
|
+
return normalized.map(p => denormalize(p, canvasSize));
|
|
41
|
+
}
|
|
42
|
+
|
|
43
|
+
/**
|
|
44
|
+
* Distance between two points (in whatever coordinate space they share).
|
|
45
|
+
*/
|
|
46
|
+
export function distance(a, b) {
|
|
47
|
+
const dx = a.x - b.x;
|
|
48
|
+
const dy = a.y - b.y;
|
|
49
|
+
return Math.sqrt(dx * dx + dy * dy);
|
|
50
|
+
}
|
|
51
|
+
|
|
52
|
+
/**
|
|
53
|
+
* Angle in radians from point a to point b.
|
|
54
|
+
*/
|
|
55
|
+
export function angle(a, b) {
|
|
56
|
+
return Math.atan2(b.y - a.y, b.x - a.x);
|
|
57
|
+
}
|
|
58
|
+
|
|
59
|
+
/**
|
|
60
|
+
* Convert screen coordinates to canvas coordinates by inverting the viewport transform.
|
|
61
|
+
* Must be called from a worklet context.
|
|
62
|
+
*/
|
|
63
|
+
export function screenToCanvas(screenX, screenY, viewScale, viewTranslateX, viewTranslateY) {
|
|
64
|
+
"worklet";
|
|
65
|
+
|
|
66
|
+
return {
|
|
67
|
+
x: (screenX - viewTranslateX) / viewScale,
|
|
68
|
+
y: (screenY - viewTranslateY) / viewScale
|
|
69
|
+
};
|
|
70
|
+
}
|
|
71
|
+
//# sourceMappingURL=coordinates.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["normalize","pixel","canvasSize","width","height","x","y","denormalize","normalized","normalizePoints","pixels","map","p","denormalizePoints","distance","a","b","dx","dy","Math","sqrt","angle","atan2","screenToCanvas","screenX","screenY","viewScale","viewTranslateX","viewTranslateY"],"sourceRoot":"../../../src","sources":["utils/coordinates.ts"],"mappings":";;AAEA;AACA;AACA;AACA,OAAO,SAASA,SAASA,CAACC,KAAY,EAAEC,UAAgB,EAAS;EAC/D,IAAIA,UAAU,CAACC,KAAK,KAAK,CAAC,IAAID,UAAU,CAACE,MAAM,KAAK,CAAC,EAAE;IACrD,OAAO;MAAEC,CAAC,EAAE,CAAC;MAAEC,CAAC,EAAE;IAAE,CAAC;EACvB;EACA,OAAO;IACLD,CAAC,EAAEJ,KAAK,CAACI,CAAC,GAAGH,UAAU,CAACC,KAAK;IAC7BG,CAAC,EAAEL,KAAK,CAACK,CAAC,GAAGJ,UAAU,CAACE;EAC1B,CAAC;AACH;;AAEA;AACA;AACA;AACA,OAAO,SAASG,WAAWA,CAACC,UAAiB,EAAEN,UAAgB,EAAS;EACtE,OAAO;IACLG,CAAC,EAAEG,UAAU,CAACH,CAAC,GAAGH,UAAU,CAACC,KAAK;IAClCG,CAAC,EAAEE,UAAU,CAACF,CAAC,GAAGJ,UAAU,CAACE;EAC/B,CAAC;AACH;;AAEA;AACA;AACA;AACA,OAAO,SAASK,eAAeA,CAACC,MAAe,EAAER,UAAgB,EAAW;EAC1E,OAAOQ,MAAM,CAACC,GAAG,CAAEC,CAAC,IAAKZ,SAAS,CAACY,CAAC,EAAEV,UAAU,CAAC,CAAC;AACpD;;AAEA;AACA;AACA;AACA,OAAO,SAASW,iBAAiBA,CAC/BL,UAAmB,EACnBN,UAAgB,EACP;EACT,OAAOM,UAAU,CAACG,GAAG,CAAEC,CAAC,IAAKL,WAAW,CAACK,CAAC,EAAEV,UAAU,CAAC,CAAC;AAC1D;;AAEA;AACA;AACA;AACA,OAAO,SAASY,QAAQA,CAACC,CAAQ,EAAEC,CAAQ,EAAU;EACnD,MAAMC,EAAE,GAAGF,CAAC,CAACV,CAAC,GAAGW,CAAC,CAACX,CAAC;EACpB,MAAMa,EAAE,GAAGH,CAAC,CAACT,CAAC,GAAGU,CAAC,CAACV,CAAC;EACpB,OAAOa,IAAI,CAACC,IAAI,CAACH,EAAE,GAAGA,EAAE,GAAGC,EAAE,GAAGA,EAAE,CAAC;AACrC;;AAEA;AACA;AACA;AACA,OAAO,SAASG,KAAKA,CAACN,CAAQ,EAAEC,CAAQ,EAAU;EAChD,OAAOG,IAAI,CAACG,KAAK,CAACN,CAAC,CAACV,CAAC,GAAGS,CAAC,CAACT,CAAC,EAAEU,CAAC,CAACX,CAAC,GAAGU,CAAC,CAACV,CAAC,CAAC;AACzC;;AAEA;AACA;AACA;AACA;AACA,OAAO,SAASkB,cAAcA,CAC5BC,OAAe,EACfC,OAAe,EACfC,SAAiB,EACjBC,cAAsB,EACtBC,cAAsB,EACI;EAC1B,SAAS;;EACT,OAAO;IACLvB,CAAC,EAAE,CAACmB,OAAO,GAAGG,cAAc,IAAID,SAAS;IACzCpB,CAAC,EAAE,CAACmB,OAAO,GAAGG,cAAc,IAAIF;EAClC,CAAC;AACH","ignoreList":[]}
|