@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,120 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.SelectionOverlay = exports.ANCHOR_RADIUS = exports.ANCHOR_HIT_RADIUS = void 0;
|
|
7
|
+
exports.getAnchorPoints = getAnchorPoints;
|
|
8
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
9
|
+
var _reactNativeSkia = require("@shopify/react-native-skia");
|
|
10
|
+
var _reactNativeReanimated = require("react-native-reanimated");
|
|
11
|
+
var _coordinates = require("../utils/coordinates");
|
|
12
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
13
|
+
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
|
|
14
|
+
const ANCHOR_RADIUS = exports.ANCHOR_RADIUS = 8;
|
|
15
|
+
const ANCHOR_HIT_RADIUS = exports.ANCHOR_HIT_RADIUS = 24;
|
|
16
|
+
const DEFAULT_ANCHOR_COLOR = "rgba(0, 122, 255, 0.5)";
|
|
17
|
+
|
|
18
|
+
/**
|
|
19
|
+
* Get the anchor points (in pixel coordinates) for a drawing object.
|
|
20
|
+
*/
|
|
21
|
+
function getAnchorPoints(object, canvasSize) {
|
|
22
|
+
switch (object.type) {
|
|
23
|
+
case "freehand":
|
|
24
|
+
{
|
|
25
|
+
const pts = (0, _coordinates.denormalizePoints)(object.points, canvasSize);
|
|
26
|
+
if (pts.length === 0) return [];
|
|
27
|
+
return [pts[0], pts[pts.length - 1]];
|
|
28
|
+
}
|
|
29
|
+
case "polygon":
|
|
30
|
+
{
|
|
31
|
+
return (0, _coordinates.denormalizePoints)(object.points, canvasSize);
|
|
32
|
+
}
|
|
33
|
+
case "text":
|
|
34
|
+
return [(0, _coordinates.denormalize)(object.position, canvasSize), (0, _coordinates.denormalize)({
|
|
35
|
+
x: object.position.x + object.width,
|
|
36
|
+
y: object.position.y + object.height
|
|
37
|
+
}, canvasSize)];
|
|
38
|
+
default:
|
|
39
|
+
{
|
|
40
|
+
const twoPoint = object;
|
|
41
|
+
return [(0, _coordinates.denormalize)(twoPoint.from, canvasSize), (0, _coordinates.denormalize)(twoPoint.to, canvasSize)];
|
|
42
|
+
}
|
|
43
|
+
}
|
|
44
|
+
}
|
|
45
|
+
/**
|
|
46
|
+
* An anchor circle that can animate its position when being dragged.
|
|
47
|
+
*/
|
|
48
|
+
function AnimatedAnchor({
|
|
49
|
+
baseX,
|
|
50
|
+
baseY,
|
|
51
|
+
index,
|
|
52
|
+
draggingAnchorIndex,
|
|
53
|
+
dragOffsetX,
|
|
54
|
+
dragOffsetY,
|
|
55
|
+
isDragging,
|
|
56
|
+
radius,
|
|
57
|
+
color
|
|
58
|
+
}) {
|
|
59
|
+
const cx = (0, _reactNativeReanimated.useDerivedValue)(() => {
|
|
60
|
+
if (isDragging.value) {
|
|
61
|
+
if (draggingAnchorIndex.value < 0) {
|
|
62
|
+
// Moving whole object: all anchors move
|
|
63
|
+
return baseX + dragOffsetX.value;
|
|
64
|
+
} else if (draggingAnchorIndex.value === index) {
|
|
65
|
+
// Resizing: only this anchor moves
|
|
66
|
+
return baseX + dragOffsetX.value;
|
|
67
|
+
}
|
|
68
|
+
}
|
|
69
|
+
return baseX;
|
|
70
|
+
});
|
|
71
|
+
const cy = (0, _reactNativeReanimated.useDerivedValue)(() => {
|
|
72
|
+
if (isDragging.value) {
|
|
73
|
+
if (draggingAnchorIndex.value < 0) {
|
|
74
|
+
return baseY + dragOffsetY.value;
|
|
75
|
+
} else if (draggingAnchorIndex.value === index) {
|
|
76
|
+
return baseY + dragOffsetY.value;
|
|
77
|
+
}
|
|
78
|
+
}
|
|
79
|
+
return baseY;
|
|
80
|
+
});
|
|
81
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSkia.Circle, {
|
|
82
|
+
cx: cx,
|
|
83
|
+
cy: cy,
|
|
84
|
+
r: radius,
|
|
85
|
+
color: color,
|
|
86
|
+
style: "fill"
|
|
87
|
+
});
|
|
88
|
+
}
|
|
89
|
+
const SelectionOverlay = exports.SelectionOverlay = /*#__PURE__*/_react.default.memo(function SelectionOverlay({
|
|
90
|
+
object,
|
|
91
|
+
canvasSize,
|
|
92
|
+
color = DEFAULT_ANCHOR_COLOR,
|
|
93
|
+
draggingAnchorIndex,
|
|
94
|
+
dragOffsetX,
|
|
95
|
+
dragOffsetY,
|
|
96
|
+
isDragging
|
|
97
|
+
}) {
|
|
98
|
+
const anchors = (0, _react.useMemo)(() => getAnchorPoints(object, canvasSize), [object, canvasSize]);
|
|
99
|
+
const hasAnimatedProps = draggingAnchorIndex && dragOffsetX && dragOffsetY && isDragging;
|
|
100
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSkia.Group, {
|
|
101
|
+
children: anchors.map((point, index) => hasAnimatedProps ? /*#__PURE__*/(0, _jsxRuntime.jsx)(AnimatedAnchor, {
|
|
102
|
+
baseX: point.x,
|
|
103
|
+
baseY: point.y,
|
|
104
|
+
index: index,
|
|
105
|
+
draggingAnchorIndex: draggingAnchorIndex,
|
|
106
|
+
dragOffsetX: dragOffsetX,
|
|
107
|
+
dragOffsetY: dragOffsetY,
|
|
108
|
+
isDragging: isDragging,
|
|
109
|
+
radius: ANCHOR_RADIUS,
|
|
110
|
+
color: color
|
|
111
|
+
}, `anchor-${index}`) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSkia.Circle, {
|
|
112
|
+
cx: point.x,
|
|
113
|
+
cy: point.y,
|
|
114
|
+
r: ANCHOR_RADIUS,
|
|
115
|
+
color: color,
|
|
116
|
+
style: "fill"
|
|
117
|
+
}, `anchor-${index}`))
|
|
118
|
+
});
|
|
119
|
+
});
|
|
120
|
+
//# sourceMappingURL=SelectionOverlay.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNativeSkia","_reactNativeReanimated","_coordinates","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","ANCHOR_RADIUS","exports","ANCHOR_HIT_RADIUS","DEFAULT_ANCHOR_COLOR","getAnchorPoints","object","canvasSize","type","pts","denormalizePoints","points","length","denormalize","position","x","width","y","height","twoPoint","from","to","AnimatedAnchor","baseX","baseY","index","draggingAnchorIndex","dragOffsetX","dragOffsetY","isDragging","radius","color","cx","useDerivedValue","value","cy","jsx","Circle","style","SelectionOverlay","React","memo","anchors","useMemo","hasAnimatedProps","Group","children","map","point"],"sourceRoot":"../../../src","sources":["renderers/SelectionOverlay.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,354 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.useDrawingStore = void 0;
|
|
7
|
+
var _zustand = require("zustand");
|
|
8
|
+
var _colors = require("../utils/colors");
|
|
9
|
+
var _serialization = require("../utils/serialization");
|
|
10
|
+
function cloneObject(obj) {
|
|
11
|
+
return JSON.parse(JSON.stringify(obj));
|
|
12
|
+
}
|
|
13
|
+
function movePoints(obj, dx, dy) {
|
|
14
|
+
const moved = cloneObject(obj);
|
|
15
|
+
switch (moved.type) {
|
|
16
|
+
case "freehand":
|
|
17
|
+
{
|
|
18
|
+
const freehand = moved;
|
|
19
|
+
freehand.points = freehand.points.map(p => ({
|
|
20
|
+
x: p.x + dx,
|
|
21
|
+
y: p.y + dy
|
|
22
|
+
}));
|
|
23
|
+
break;
|
|
24
|
+
}
|
|
25
|
+
case "polygon":
|
|
26
|
+
{
|
|
27
|
+
const polygon = moved;
|
|
28
|
+
polygon.points = polygon.points.map(p => ({
|
|
29
|
+
x: p.x + dx,
|
|
30
|
+
y: p.y + dy
|
|
31
|
+
}));
|
|
32
|
+
break;
|
|
33
|
+
}
|
|
34
|
+
case "text":
|
|
35
|
+
{
|
|
36
|
+
moved.position = {
|
|
37
|
+
x: moved.position.x + dx,
|
|
38
|
+
y: moved.position.y + dy
|
|
39
|
+
};
|
|
40
|
+
break;
|
|
41
|
+
}
|
|
42
|
+
default:
|
|
43
|
+
{
|
|
44
|
+
const twoPoint = moved;
|
|
45
|
+
twoPoint.from = {
|
|
46
|
+
x: twoPoint.from.x + dx,
|
|
47
|
+
y: twoPoint.from.y + dy
|
|
48
|
+
};
|
|
49
|
+
twoPoint.to = {
|
|
50
|
+
x: twoPoint.to.x + dx,
|
|
51
|
+
y: twoPoint.to.y + dy
|
|
52
|
+
};
|
|
53
|
+
break;
|
|
54
|
+
}
|
|
55
|
+
}
|
|
56
|
+
return moved;
|
|
57
|
+
}
|
|
58
|
+
const useDrawingStore = exports.useDrawingStore = (0, _zustand.create)((set, get) => ({
|
|
59
|
+
// ─── Initial State ────────────────────────────────────────────────────────
|
|
60
|
+
objects: [],
|
|
61
|
+
currentTool: "freehand",
|
|
62
|
+
strokeColor: _colors.DEFAULT_STROKE_COLOR,
|
|
63
|
+
fillColor: null,
|
|
64
|
+
fillAlpha: 0.5,
|
|
65
|
+
lineWidth: _colors.DEFAULT_LINE_WIDTH,
|
|
66
|
+
selectedObjectId: null,
|
|
67
|
+
canvasSize: {
|
|
68
|
+
width: 0,
|
|
69
|
+
height: 0
|
|
70
|
+
},
|
|
71
|
+
undoStack: [],
|
|
72
|
+
// ─── Tool & Style ─────────────────────────────────────────────────────────
|
|
73
|
+
setTool: tool => set({
|
|
74
|
+
currentTool: tool,
|
|
75
|
+
selectedObjectId: null
|
|
76
|
+
}),
|
|
77
|
+
setStrokeColor: color => {
|
|
78
|
+
const {
|
|
79
|
+
selectedObjectId,
|
|
80
|
+
objects,
|
|
81
|
+
undoStack
|
|
82
|
+
} = get();
|
|
83
|
+
if (selectedObjectId) {
|
|
84
|
+
const obj = objects.find(o => o.id === selectedObjectId);
|
|
85
|
+
if (obj) {
|
|
86
|
+
const prevState = cloneObject(obj);
|
|
87
|
+
set({
|
|
88
|
+
strokeColor: color,
|
|
89
|
+
objects: objects.map(o => o.id === selectedObjectId ? {
|
|
90
|
+
...o,
|
|
91
|
+
color
|
|
92
|
+
} : o),
|
|
93
|
+
undoStack: [...undoStack, {
|
|
94
|
+
type: "edit",
|
|
95
|
+
objectId: selectedObjectId,
|
|
96
|
+
previousState: prevState
|
|
97
|
+
}]
|
|
98
|
+
});
|
|
99
|
+
return;
|
|
100
|
+
}
|
|
101
|
+
}
|
|
102
|
+
set({
|
|
103
|
+
strokeColor: color
|
|
104
|
+
});
|
|
105
|
+
},
|
|
106
|
+
setFillColor: color => set({
|
|
107
|
+
fillColor: color
|
|
108
|
+
}),
|
|
109
|
+
setFillAlpha: alpha => set({
|
|
110
|
+
fillAlpha: alpha
|
|
111
|
+
}),
|
|
112
|
+
setLineWidth: width => {
|
|
113
|
+
const {
|
|
114
|
+
selectedObjectId,
|
|
115
|
+
objects,
|
|
116
|
+
undoStack
|
|
117
|
+
} = get();
|
|
118
|
+
if (selectedObjectId) {
|
|
119
|
+
const obj = objects.find(o => o.id === selectedObjectId);
|
|
120
|
+
if (obj) {
|
|
121
|
+
const prevState = cloneObject(obj);
|
|
122
|
+
set({
|
|
123
|
+
lineWidth: width,
|
|
124
|
+
objects: objects.map(o => o.id === selectedObjectId ? {
|
|
125
|
+
...o,
|
|
126
|
+
lineWidth: width
|
|
127
|
+
} : o),
|
|
128
|
+
undoStack: [...undoStack, {
|
|
129
|
+
type: "edit",
|
|
130
|
+
objectId: selectedObjectId,
|
|
131
|
+
previousState: prevState
|
|
132
|
+
}]
|
|
133
|
+
});
|
|
134
|
+
return;
|
|
135
|
+
}
|
|
136
|
+
}
|
|
137
|
+
set({
|
|
138
|
+
lineWidth: width
|
|
139
|
+
});
|
|
140
|
+
},
|
|
141
|
+
setCanvasSize: size => set({
|
|
142
|
+
canvasSize: size
|
|
143
|
+
}),
|
|
144
|
+
// ─── Object Management ────────────────────────────────────────────────────
|
|
145
|
+
addObject: obj => {
|
|
146
|
+
const id = obj.id || (0, _serialization.generateId)();
|
|
147
|
+
const withId = {
|
|
148
|
+
...obj,
|
|
149
|
+
id
|
|
150
|
+
};
|
|
151
|
+
set(state => ({
|
|
152
|
+
objects: [...state.objects, withId],
|
|
153
|
+
undoStack: [...state.undoStack, {
|
|
154
|
+
type: "add",
|
|
155
|
+
objectId: id
|
|
156
|
+
}]
|
|
157
|
+
}));
|
|
158
|
+
},
|
|
159
|
+
updateObject: (id, updates) => {
|
|
160
|
+
const {
|
|
161
|
+
objects,
|
|
162
|
+
undoStack
|
|
163
|
+
} = get();
|
|
164
|
+
const obj = objects.find(o => o.id === id);
|
|
165
|
+
if (!obj) return;
|
|
166
|
+
const prevState = cloneObject(obj);
|
|
167
|
+
set({
|
|
168
|
+
objects: objects.map(o => o.id === id ? {
|
|
169
|
+
...o,
|
|
170
|
+
...updates
|
|
171
|
+
} : o),
|
|
172
|
+
undoStack: [...undoStack, {
|
|
173
|
+
type: "edit",
|
|
174
|
+
objectId: id,
|
|
175
|
+
previousState: prevState
|
|
176
|
+
}]
|
|
177
|
+
});
|
|
178
|
+
},
|
|
179
|
+
deleteObject: id => {
|
|
180
|
+
const {
|
|
181
|
+
objects,
|
|
182
|
+
undoStack
|
|
183
|
+
} = get();
|
|
184
|
+
const obj = objects.find(o => o.id === id);
|
|
185
|
+
if (!obj) return;
|
|
186
|
+
const prevState = cloneObject(obj);
|
|
187
|
+
set({
|
|
188
|
+
objects: objects.filter(o => o.id !== id),
|
|
189
|
+
selectedObjectId: null,
|
|
190
|
+
undoStack: [...undoStack, {
|
|
191
|
+
type: "delete",
|
|
192
|
+
objectId: id,
|
|
193
|
+
previousState: prevState
|
|
194
|
+
}]
|
|
195
|
+
});
|
|
196
|
+
},
|
|
197
|
+
deleteSelectedObject: () => {
|
|
198
|
+
const {
|
|
199
|
+
selectedObjectId
|
|
200
|
+
} = get();
|
|
201
|
+
if (selectedObjectId) {
|
|
202
|
+
get().deleteObject(selectedObjectId);
|
|
203
|
+
}
|
|
204
|
+
},
|
|
205
|
+
selectObject: id => set({
|
|
206
|
+
selectedObjectId: id
|
|
207
|
+
}),
|
|
208
|
+
moveObject: (id, dx, dy) => {
|
|
209
|
+
const {
|
|
210
|
+
objects,
|
|
211
|
+
undoStack
|
|
212
|
+
} = get();
|
|
213
|
+
const obj = objects.find(o => o.id === id);
|
|
214
|
+
if (!obj) return;
|
|
215
|
+
const prevState = cloneObject(obj);
|
|
216
|
+
const moved = movePoints(obj, dx, dy);
|
|
217
|
+
set({
|
|
218
|
+
objects: objects.map(o => o.id === id ? moved : o),
|
|
219
|
+
undoStack: [...undoStack, {
|
|
220
|
+
type: "move",
|
|
221
|
+
objectId: id,
|
|
222
|
+
previousState: prevState
|
|
223
|
+
}]
|
|
224
|
+
});
|
|
225
|
+
},
|
|
226
|
+
resizeObject: (id, anchorIndex, dx, dy) => {
|
|
227
|
+
const {
|
|
228
|
+
objects,
|
|
229
|
+
undoStack
|
|
230
|
+
} = get();
|
|
231
|
+
const obj = objects.find(o => o.id === id);
|
|
232
|
+
if (!obj) return;
|
|
233
|
+
const prevState = cloneObject(obj);
|
|
234
|
+
const resized = cloneObject(obj);
|
|
235
|
+
switch (resized.type) {
|
|
236
|
+
case "freehand":
|
|
237
|
+
{
|
|
238
|
+
const freehand = resized;
|
|
239
|
+
if (freehand.points.length === 0) break;
|
|
240
|
+
if (anchorIndex === 0) {
|
|
241
|
+
freehand.points[0] = {
|
|
242
|
+
x: freehand.points[0].x + dx,
|
|
243
|
+
y: freehand.points[0].y + dy
|
|
244
|
+
};
|
|
245
|
+
} else if (anchorIndex === 1) {
|
|
246
|
+
const last = freehand.points.length - 1;
|
|
247
|
+
freehand.points[last] = {
|
|
248
|
+
x: freehand.points[last].x + dx,
|
|
249
|
+
y: freehand.points[last].y + dy
|
|
250
|
+
};
|
|
251
|
+
}
|
|
252
|
+
break;
|
|
253
|
+
}
|
|
254
|
+
case "polygon":
|
|
255
|
+
{
|
|
256
|
+
const polygon = resized;
|
|
257
|
+
if (anchorIndex >= 0 && anchorIndex < polygon.points.length) {
|
|
258
|
+
polygon.points[anchorIndex] = {
|
|
259
|
+
x: polygon.points[anchorIndex].x + dx,
|
|
260
|
+
y: polygon.points[anchorIndex].y + dy
|
|
261
|
+
};
|
|
262
|
+
}
|
|
263
|
+
break;
|
|
264
|
+
}
|
|
265
|
+
case "text":
|
|
266
|
+
{
|
|
267
|
+
if (anchorIndex === 0) {
|
|
268
|
+
resized.position = {
|
|
269
|
+
x: resized.position.x + dx,
|
|
270
|
+
y: resized.position.y + dy
|
|
271
|
+
};
|
|
272
|
+
} else if (anchorIndex === 1) {
|
|
273
|
+
resized.width = Math.max(0.02, resized.width + dx);
|
|
274
|
+
resized.height = Math.max(0.02, resized.height + dy);
|
|
275
|
+
}
|
|
276
|
+
break;
|
|
277
|
+
}
|
|
278
|
+
default:
|
|
279
|
+
{
|
|
280
|
+
const twoPoint = resized;
|
|
281
|
+
if (anchorIndex === 0) {
|
|
282
|
+
twoPoint.from = {
|
|
283
|
+
x: twoPoint.from.x + dx,
|
|
284
|
+
y: twoPoint.from.y + dy
|
|
285
|
+
};
|
|
286
|
+
} else if (anchorIndex === 1) {
|
|
287
|
+
twoPoint.to = {
|
|
288
|
+
x: twoPoint.to.x + dx,
|
|
289
|
+
y: twoPoint.to.y + dy
|
|
290
|
+
};
|
|
291
|
+
}
|
|
292
|
+
break;
|
|
293
|
+
}
|
|
294
|
+
}
|
|
295
|
+
set({
|
|
296
|
+
objects: objects.map(o => o.id === id ? resized : o),
|
|
297
|
+
undoStack: [...undoStack, {
|
|
298
|
+
type: "edit",
|
|
299
|
+
objectId: id,
|
|
300
|
+
previousState: prevState
|
|
301
|
+
}]
|
|
302
|
+
});
|
|
303
|
+
},
|
|
304
|
+
// ─── Undo ─────────────────────────────────────────────────────────────────
|
|
305
|
+
undo: () => {
|
|
306
|
+
const {
|
|
307
|
+
undoStack,
|
|
308
|
+
objects
|
|
309
|
+
} = get();
|
|
310
|
+
if (undoStack.length === 0) return;
|
|
311
|
+
const action = undoStack[undoStack.length - 1];
|
|
312
|
+
const newStack = undoStack.slice(0, -1);
|
|
313
|
+
switch (action.type) {
|
|
314
|
+
case "add":
|
|
315
|
+
// Remove the added object
|
|
316
|
+
set({
|
|
317
|
+
objects: objects.filter(o => o.id !== action.objectId),
|
|
318
|
+
undoStack: newStack,
|
|
319
|
+
selectedObjectId: null
|
|
320
|
+
});
|
|
321
|
+
break;
|
|
322
|
+
case "delete":
|
|
323
|
+
// Re-insert the deleted object
|
|
324
|
+
if (action.previousState) {
|
|
325
|
+
set({
|
|
326
|
+
objects: [...objects, action.previousState],
|
|
327
|
+
undoStack: newStack
|
|
328
|
+
});
|
|
329
|
+
}
|
|
330
|
+
break;
|
|
331
|
+
case "edit":
|
|
332
|
+
case "move":
|
|
333
|
+
// Restore previous state
|
|
334
|
+
if (action.previousState) {
|
|
335
|
+
set({
|
|
336
|
+
objects: objects.map(o => o.id === action.objectId ? action.previousState : o),
|
|
337
|
+
undoStack: newStack
|
|
338
|
+
});
|
|
339
|
+
}
|
|
340
|
+
break;
|
|
341
|
+
}
|
|
342
|
+
},
|
|
343
|
+
clearAll: () => set({
|
|
344
|
+
objects: [],
|
|
345
|
+
undoStack: [],
|
|
346
|
+
selectedObjectId: null
|
|
347
|
+
}),
|
|
348
|
+
loadObjects: objects => set({
|
|
349
|
+
objects,
|
|
350
|
+
undoStack: [],
|
|
351
|
+
selectedObjectId: null
|
|
352
|
+
})
|
|
353
|
+
}));
|
|
354
|
+
//# sourceMappingURL=useDrawingStore.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_zustand","require","_colors","_serialization","cloneObject","obj","JSON","parse","stringify","movePoints","dx","dy","moved","type","freehand","points","map","p","x","y","polygon","position","twoPoint","from","to","useDrawingStore","exports","create","set","get","objects","currentTool","strokeColor","DEFAULT_STROKE_COLOR","fillColor","fillAlpha","lineWidth","DEFAULT_LINE_WIDTH","selectedObjectId","canvasSize","width","height","undoStack","setTool","tool","setStrokeColor","color","find","o","id","prevState","objectId","previousState","setFillColor","setFillAlpha","alpha","setLineWidth","setCanvasSize","size","addObject","generateId","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,44 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.PRESET_COLORS = exports.EXTENDED_COLOR_GROUPS = exports.EXTENDED_COLORS = exports.DEFAULT_STROKE_COLOR = exports.DEFAULT_MEASURE_UNIT = exports.DEFAULT_LINE_WIDTH = exports.DEFAULT_FILL_ALPHA = void 0;
|
|
7
|
+
/** Preset color palette matching the ArchiReport iOS spec */
|
|
8
|
+
const PRESET_COLORS = exports.PRESET_COLORS = ["rgba(255, 79, 61, 1)",
|
|
9
|
+
// Red
|
|
10
|
+
"rgba(94, 112, 255, 1)",
|
|
11
|
+
// Blue
|
|
12
|
+
"rgba(66, 224, 125, 1)",
|
|
13
|
+
// Green
|
|
14
|
+
"rgba(255, 163, 69, 1)",
|
|
15
|
+
// Orange
|
|
16
|
+
"rgba(46, 46, 46, 1)",
|
|
17
|
+
// Black (dark)
|
|
18
|
+
"rgba(255, 255, 255, 1)" // White
|
|
19
|
+
];
|
|
20
|
+
|
|
21
|
+
/** Extended color palette grouped by hue families for a more predictable picker layout */
|
|
22
|
+
const EXTENDED_COLOR_GROUPS = exports.EXTENDED_COLOR_GROUPS = [[
|
|
23
|
+
// Reds / corals / pinks
|
|
24
|
+
"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)"], [
|
|
25
|
+
// Oranges / ambers / yellows
|
|
26
|
+
"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)"], [
|
|
27
|
+
// Greens
|
|
28
|
+
"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)"], [
|
|
29
|
+
// Teals / cyans
|
|
30
|
+
"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)"], [
|
|
31
|
+
// Blues / indigos
|
|
32
|
+
"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)"], [
|
|
33
|
+
// Purples / violets
|
|
34
|
+
"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)"], [
|
|
35
|
+
// Neutrals
|
|
36
|
+
"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)"]];
|
|
37
|
+
|
|
38
|
+
/** Flat version kept for compatibility with existing imports */
|
|
39
|
+
const EXTENDED_COLORS = exports.EXTENDED_COLORS = EXTENDED_COLOR_GROUPS.flat();
|
|
40
|
+
const DEFAULT_STROKE_COLOR = exports.DEFAULT_STROKE_COLOR = PRESET_COLORS[0];
|
|
41
|
+
const DEFAULT_FILL_ALPHA = exports.DEFAULT_FILL_ALPHA = 0.5;
|
|
42
|
+
const DEFAULT_LINE_WIDTH = exports.DEFAULT_LINE_WIDTH = 4;
|
|
43
|
+
const DEFAULT_MEASURE_UNIT = exports.DEFAULT_MEASURE_UNIT = "m";
|
|
44
|
+
//# sourceMappingURL=colors.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["PRESET_COLORS","exports","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;AACO,MAAMA,aAAa,GAAAC,OAAA,CAAAD,aAAA,GAAG,CAC3B,sBAAsB;AAAE;AACxB,uBAAuB;AAAE;AACzB,uBAAuB;AAAE;AACzB,uBAAuB;AAAE;AACzB,qBAAqB;AAAE;AACvB,wBAAwB,CAAE;AAAA,CAClB;;AAEV;AACO,MAAME,qBAA0C,GAAAD,OAAA,CAAAC,qBAAA,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;AACO,MAAMC,eAAyB,GAAAF,OAAA,CAAAE,eAAA,GAAGD,qBAAqB,CAACE,IAAI,CAAC,CAAC;AAE9D,MAAMC,oBAAoB,GAAAJ,OAAA,CAAAI,oBAAA,GAAGL,aAAa,CAAC,CAAC,CAAE;AAC9C,MAAMM,kBAAkB,GAAAL,OAAA,CAAAK,kBAAA,GAAG,GAAG;AAC9B,MAAMC,kBAAkB,GAAAN,OAAA,CAAAM,kBAAA,GAAG,CAAC;AAC5B,MAAMC,oBAAoB,GAAAP,OAAA,CAAAO,oBAAA,GAAG,GAAG","ignoreList":[]}
|
|
@@ -0,0 +1,81 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.angle = angle;
|
|
7
|
+
exports.denormalize = denormalize;
|
|
8
|
+
exports.denormalizePoints = denormalizePoints;
|
|
9
|
+
exports.distance = distance;
|
|
10
|
+
exports.normalize = normalize;
|
|
11
|
+
exports.normalizePoints = normalizePoints;
|
|
12
|
+
exports.screenToCanvas = screenToCanvas;
|
|
13
|
+
/**
|
|
14
|
+
* Convert pixel coordinates to normalized [0,1] range.
|
|
15
|
+
*/
|
|
16
|
+
function normalize(pixel, canvasSize) {
|
|
17
|
+
if (canvasSize.width === 0 || canvasSize.height === 0) {
|
|
18
|
+
return {
|
|
19
|
+
x: 0,
|
|
20
|
+
y: 0
|
|
21
|
+
};
|
|
22
|
+
}
|
|
23
|
+
return {
|
|
24
|
+
x: pixel.x / canvasSize.width,
|
|
25
|
+
y: pixel.y / canvasSize.height
|
|
26
|
+
};
|
|
27
|
+
}
|
|
28
|
+
|
|
29
|
+
/**
|
|
30
|
+
* Convert normalized [0,1] coordinates to pixel coordinates.
|
|
31
|
+
*/
|
|
32
|
+
function denormalize(normalized, canvasSize) {
|
|
33
|
+
return {
|
|
34
|
+
x: normalized.x * canvasSize.width,
|
|
35
|
+
y: normalized.y * canvasSize.height
|
|
36
|
+
};
|
|
37
|
+
}
|
|
38
|
+
|
|
39
|
+
/**
|
|
40
|
+
* Normalize an array of pixel points.
|
|
41
|
+
*/
|
|
42
|
+
function normalizePoints(pixels, canvasSize) {
|
|
43
|
+
return pixels.map(p => normalize(p, canvasSize));
|
|
44
|
+
}
|
|
45
|
+
|
|
46
|
+
/**
|
|
47
|
+
* Denormalize an array of normalized points.
|
|
48
|
+
*/
|
|
49
|
+
function denormalizePoints(normalized, canvasSize) {
|
|
50
|
+
return normalized.map(p => denormalize(p, canvasSize));
|
|
51
|
+
}
|
|
52
|
+
|
|
53
|
+
/**
|
|
54
|
+
* Distance between two points (in whatever coordinate space they share).
|
|
55
|
+
*/
|
|
56
|
+
function distance(a, b) {
|
|
57
|
+
const dx = a.x - b.x;
|
|
58
|
+
const dy = a.y - b.y;
|
|
59
|
+
return Math.sqrt(dx * dx + dy * dy);
|
|
60
|
+
}
|
|
61
|
+
|
|
62
|
+
/**
|
|
63
|
+
* Angle in radians from point a to point b.
|
|
64
|
+
*/
|
|
65
|
+
function angle(a, b) {
|
|
66
|
+
return Math.atan2(b.y - a.y, b.x - a.x);
|
|
67
|
+
}
|
|
68
|
+
|
|
69
|
+
/**
|
|
70
|
+
* Convert screen coordinates to canvas coordinates by inverting the viewport transform.
|
|
71
|
+
* Must be called from a worklet context.
|
|
72
|
+
*/
|
|
73
|
+
function screenToCanvas(screenX, screenY, viewScale, viewTranslateX, viewTranslateY) {
|
|
74
|
+
"worklet";
|
|
75
|
+
|
|
76
|
+
return {
|
|
77
|
+
x: (screenX - viewTranslateX) / viewScale,
|
|
78
|
+
y: (screenY - viewTranslateY) / viewScale
|
|
79
|
+
};
|
|
80
|
+
}
|
|
81
|
+
//# 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;AACO,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;AACO,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;AACO,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;AACO,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;AACO,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;AACO,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;AACO,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":[]}
|