react-native-chess-kit 0.5.1 → 0.5.2
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.
|
@@ -52,13 +52,13 @@ function calculateArrowPath(from, to, shortenBy) {
|
|
|
52
52
|
// Combined arrows + shapes SVG layer
|
|
53
53
|
// ---------------------------------------------------------------------------
|
|
54
54
|
|
|
55
|
-
/**
|
|
56
|
-
* SVG overlay for arrows and shapes drawn on the board.
|
|
57
|
-
*
|
|
58
|
-
* Uses a percentage-based 100x100 viewBox so coordinates map cleanly
|
|
59
|
-
* to the 8x8 grid (each square = 12.5 x 12.5 units).
|
|
60
|
-
*
|
|
61
|
-
* Renders above the pieces layer so arrows are always visible.
|
|
55
|
+
/**
|
|
56
|
+
* SVG overlay for arrows and shapes drawn on the board.
|
|
57
|
+
*
|
|
58
|
+
* Uses a percentage-based 100x100 viewBox so coordinates map cleanly
|
|
59
|
+
* to the 8x8 grid (each square = 12.5 x 12.5 units).
|
|
60
|
+
*
|
|
61
|
+
* Renders above the pieces layer so arrows are always visible.
|
|
62
62
|
*/
|
|
63
63
|
const BoardArrows = exports.BoardArrows = /*#__PURE__*/_react.default.memo(function BoardArrows({
|
|
64
64
|
boardSize,
|
|
@@ -144,8 +144,8 @@ const ArrowSvg = exports.Arrow = /*#__PURE__*/_react.default.memo(function Arrow
|
|
|
144
144
|
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Line, {
|
|
145
145
|
x1: path.x1,
|
|
146
146
|
y1: path.y1,
|
|
147
|
-
x2: path.x2,
|
|
148
|
-
y2: path.y2,
|
|
147
|
+
x2: path.x2 - ux * headSize * 2,
|
|
148
|
+
y2: path.y2 - uy * headSize * 2,
|
|
149
149
|
stroke: color,
|
|
150
150
|
strokeWidth: width,
|
|
151
151
|
strokeLinecap: "round",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactNativeSvg","_interopRequireWildcard","_constants","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","squareToViewBoxCenter","square","orientation","fileIdx","charCodeAt","rankIdx","parseInt","col","row","x","y","calculateArrowPath","from","to","shortenBy","dx","dy","len","Math","sqrt","x1","y1","x2","y2","ux","uy","BoardArrows","exports","React","memo","boardSize","arrows","shapes","hasArrows","length","hasShapes","jsx","View","style","position","width","height","pointerEvents","children","jsxs","viewBox","map","shape","type","center","color","DEFAULT_SHAPE_COLOR","Circle","cx","cy","fill","stroke","strokeWidth","opacity","arrow","ArrowSvg","DEFAULT_ARROW_COLOR","ARROW_STROKE_WIDTH","Arrow","fromCoord","toCoord","path","ARROW_SHORTEN_BY","headSize","ARROW_HEAD_SIZE","tip","baseLeft","baseRight","arrowPoints","Fragment","Line","strokeLinecap","Polygon","points"],"sourceRoot":"..\\..\\src","sources":["board-arrows.tsx"],"mappings":"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
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactNativeSvg","_interopRequireWildcard","_constants","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","squareToViewBoxCenter","square","orientation","fileIdx","charCodeAt","rankIdx","parseInt","col","row","x","y","calculateArrowPath","from","to","shortenBy","dx","dy","len","Math","sqrt","x1","y1","x2","y2","ux","uy","BoardArrows","exports","React","memo","boardSize","arrows","shapes","hasArrows","length","hasShapes","jsx","View","style","position","width","height","pointerEvents","children","jsxs","viewBox","map","shape","type","center","color","DEFAULT_SHAPE_COLOR","Circle","cx","cy","fill","stroke","strokeWidth","opacity","arrow","ArrowSvg","DEFAULT_ARROW_COLOR","ARROW_STROKE_WIDTH","Arrow","fromCoord","toCoord","path","ARROW_SHORTEN_BY","headSize","ARROW_HEAD_SIZE","tip","baseLeft","baseRight","arrowPoints","Fragment","Line","strokeLinecap","Polygon","points"],"sourceRoot":"..\\..\\src","sources":["board-arrows.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -47,13 +47,13 @@ function calculateArrowPath(from, to, shortenBy) {
|
|
|
47
47
|
// Combined arrows + shapes SVG layer
|
|
48
48
|
// ---------------------------------------------------------------------------
|
|
49
49
|
|
|
50
|
-
/**
|
|
51
|
-
* SVG overlay for arrows and shapes drawn on the board.
|
|
52
|
-
*
|
|
53
|
-
* Uses a percentage-based 100x100 viewBox so coordinates map cleanly
|
|
54
|
-
* to the 8x8 grid (each square = 12.5 x 12.5 units).
|
|
55
|
-
*
|
|
56
|
-
* Renders above the pieces layer so arrows are always visible.
|
|
50
|
+
/**
|
|
51
|
+
* SVG overlay for arrows and shapes drawn on the board.
|
|
52
|
+
*
|
|
53
|
+
* Uses a percentage-based 100x100 viewBox so coordinates map cleanly
|
|
54
|
+
* to the 8x8 grid (each square = 12.5 x 12.5 units).
|
|
55
|
+
*
|
|
56
|
+
* Renders above the pieces layer so arrows are always visible.
|
|
57
57
|
*/
|
|
58
58
|
export const BoardArrows = /*#__PURE__*/React.memo(function BoardArrows({
|
|
59
59
|
boardSize,
|
|
@@ -139,8 +139,8 @@ const ArrowSvg = /*#__PURE__*/React.memo(function ArrowSvg({
|
|
|
139
139
|
children: [/*#__PURE__*/_jsx(Line, {
|
|
140
140
|
x1: path.x1,
|
|
141
141
|
y1: path.y1,
|
|
142
|
-
x2: path.x2,
|
|
143
|
-
y2: path.y2,
|
|
142
|
+
x2: path.x2 - ux * headSize * 2,
|
|
143
|
+
y2: path.y2 - uy * headSize * 2,
|
|
144
144
|
stroke: color,
|
|
145
145
|
strokeWidth: width,
|
|
146
146
|
strokeLinecap: "round",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","View","Svg","Line","Polygon","Circle","SvgCircle","DEFAULT_ARROW_COLOR","DEFAULT_SHAPE_COLOR","ARROW_STROKE_WIDTH","ARROW_HEAD_SIZE","ARROW_SHORTEN_BY","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","squareToViewBoxCenter","square","orientation","fileIdx","charCodeAt","rankIdx","parseInt","col","row","x","y","calculateArrowPath","from","to","shortenBy","dx","dy","len","Math","sqrt","x1","y1","x2","y2","ux","uy","BoardArrows","memo","boardSize","arrows","shapes","hasArrows","length","hasShapes","style","position","width","height","pointerEvents","children","viewBox","map","shape","i","type","center","color","cx","cy","r","fill","stroke","strokeWidth","opacity","arrow","ArrowSvg","fromCoord","toCoord","path","headSize","tip","baseLeft","baseRight","arrowPoints","strokeLinecap","points","Arrow"],"sourceRoot":"..\\..\\src","sources":["board-arrows.tsx"],"mappings":"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
|
|
1
|
+
{"version":3,"names":["React","View","Svg","Line","Polygon","Circle","SvgCircle","DEFAULT_ARROW_COLOR","DEFAULT_SHAPE_COLOR","ARROW_STROKE_WIDTH","ARROW_HEAD_SIZE","ARROW_SHORTEN_BY","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","squareToViewBoxCenter","square","orientation","fileIdx","charCodeAt","rankIdx","parseInt","col","row","x","y","calculateArrowPath","from","to","shortenBy","dx","dy","len","Math","sqrt","x1","y1","x2","y2","ux","uy","BoardArrows","memo","boardSize","arrows","shapes","hasArrows","length","hasShapes","style","position","width","height","pointerEvents","children","viewBox","map","shape","i","type","center","color","cx","cy","r","fill","stroke","strokeWidth","opacity","arrow","ArrowSvg","fromCoord","toCoord","path","headSize","tip","baseLeft","baseRight","arrowPoints","strokeLinecap","points","Arrow"],"sourceRoot":"..\\..\\src","sources":["board-arrows.tsx"],"mappings":"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","ignoreList":[]}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "react-native-chess-kit",
|
|
3
|
-
"version": "0.5.
|
|
3
|
+
"version": "0.5.2",
|
|
4
4
|
"description": "High-performance chess board for React Native. Single gesture handler, ~40 components, 0 re-renders during drag. Built on Reanimated + Gesture Handler.",
|
|
5
5
|
"main": "lib/commonjs/index.js",
|
|
6
6
|
"module": "lib/module/index.js",
|
package/src/board-arrows.tsx
CHANGED
|
@@ -1,197 +1,197 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { View } from 'react-native';
|
|
3
|
-
import Svg, { Line, Polygon, Circle as SvgCircle } from 'react-native-svg';
|
|
4
|
-
|
|
5
|
-
import type { ChessColor, ArrowData, ShapeData } from './types';
|
|
6
|
-
import {
|
|
7
|
-
DEFAULT_ARROW_COLOR,
|
|
8
|
-
DEFAULT_SHAPE_COLOR,
|
|
9
|
-
ARROW_STROKE_WIDTH,
|
|
10
|
-
ARROW_HEAD_SIZE,
|
|
11
|
-
ARROW_SHORTEN_BY,
|
|
12
|
-
} from './constants';
|
|
13
|
-
|
|
14
|
-
// ---------------------------------------------------------------------------
|
|
15
|
-
// Coordinate utilities (percentage-based viewBox 0-100)
|
|
16
|
-
// ---------------------------------------------------------------------------
|
|
17
|
-
|
|
18
|
-
function squareToViewBoxCenter(
|
|
19
|
-
square: string,
|
|
20
|
-
orientation: ChessColor,
|
|
21
|
-
): { x: number; y: number } {
|
|
22
|
-
const fileIdx = square.charCodeAt(0) - 97;
|
|
23
|
-
const rankIdx = parseInt(square[1], 10) - 1;
|
|
24
|
-
const col = orientation === 'white' ? fileIdx : 7 - fileIdx;
|
|
25
|
-
const row = orientation === 'white' ? 7 - rankIdx : rankIdx;
|
|
26
|
-
return {
|
|
27
|
-
x: (col + 0.5) * 12.5,
|
|
28
|
-
y: (row + 0.5) * 12.5,
|
|
29
|
-
};
|
|
30
|
-
}
|
|
31
|
-
|
|
32
|
-
function calculateArrowPath(
|
|
33
|
-
from: { x: number; y: number },
|
|
34
|
-
to: { x: number; y: number },
|
|
35
|
-
shortenBy: number,
|
|
36
|
-
): { x1: number; y1: number; x2: number; y2: number } {
|
|
37
|
-
const dx = to.x - from.x;
|
|
38
|
-
const dy = to.y - from.y;
|
|
39
|
-
const len = Math.sqrt(dx * dx + dy * dy);
|
|
40
|
-
if (len === 0) return { x1: from.x, y1: from.y, x2: to.x, y2: to.y };
|
|
41
|
-
|
|
42
|
-
const ux = dx / len;
|
|
43
|
-
const uy = dy / len;
|
|
44
|
-
return {
|
|
45
|
-
x1: from.x + ux * shortenBy,
|
|
46
|
-
y1: from.y + uy * shortenBy,
|
|
47
|
-
x2: to.x - ux * shortenBy,
|
|
48
|
-
y2: to.y - uy * shortenBy,
|
|
49
|
-
};
|
|
50
|
-
}
|
|
51
|
-
|
|
52
|
-
// ---------------------------------------------------------------------------
|
|
53
|
-
// Props
|
|
54
|
-
// ---------------------------------------------------------------------------
|
|
55
|
-
|
|
56
|
-
type BoardArrowsProps = {
|
|
57
|
-
boardSize: number;
|
|
58
|
-
orientation: ChessColor;
|
|
59
|
-
arrows?: ArrowData[];
|
|
60
|
-
shapes?: ShapeData[];
|
|
61
|
-
};
|
|
62
|
-
|
|
63
|
-
// ---------------------------------------------------------------------------
|
|
64
|
-
// Combined arrows + shapes SVG layer
|
|
65
|
-
// ---------------------------------------------------------------------------
|
|
66
|
-
|
|
67
|
-
/**
|
|
68
|
-
* SVG overlay for arrows and shapes drawn on the board.
|
|
69
|
-
*
|
|
70
|
-
* Uses a percentage-based 100x100 viewBox so coordinates map cleanly
|
|
71
|
-
* to the 8x8 grid (each square = 12.5 x 12.5 units).
|
|
72
|
-
*
|
|
73
|
-
* Renders above the pieces layer so arrows are always visible.
|
|
74
|
-
*/
|
|
75
|
-
export const BoardArrows = React.memo(function BoardArrows({
|
|
76
|
-
boardSize,
|
|
77
|
-
orientation,
|
|
78
|
-
arrows,
|
|
79
|
-
shapes,
|
|
80
|
-
}: BoardArrowsProps) {
|
|
81
|
-
const hasArrows = arrows && arrows.length > 0;
|
|
82
|
-
const hasShapes = shapes && shapes.length > 0;
|
|
83
|
-
|
|
84
|
-
if (!hasArrows && !hasShapes) return null;
|
|
85
|
-
|
|
86
|
-
return (
|
|
87
|
-
<View
|
|
88
|
-
style={{ position: 'absolute', width: boardSize, height: boardSize }}
|
|
89
|
-
pointerEvents="none"
|
|
90
|
-
>
|
|
91
|
-
<Svg viewBox="0 0 100 100" width={boardSize} height={boardSize}>
|
|
92
|
-
{/* Shapes (circles) -- drawn under arrows */}
|
|
93
|
-
{hasShapes &&
|
|
94
|
-
shapes.map((shape, i) => {
|
|
95
|
-
if (shape.type === 'circle') {
|
|
96
|
-
const center = squareToViewBoxCenter(shape.square, orientation);
|
|
97
|
-
const color = shape.color ?? DEFAULT_SHAPE_COLOR;
|
|
98
|
-
return (
|
|
99
|
-
<SvgCircle
|
|
100
|
-
key={`circle-${shape.square}-${i}`}
|
|
101
|
-
cx={center.x}
|
|
102
|
-
cy={center.y}
|
|
103
|
-
r={5.5}
|
|
104
|
-
fill="none"
|
|
105
|
-
stroke={color}
|
|
106
|
-
strokeWidth={1.2}
|
|
107
|
-
opacity={0.85}
|
|
108
|
-
/>
|
|
109
|
-
);
|
|
110
|
-
}
|
|
111
|
-
return null;
|
|
112
|
-
})}
|
|
113
|
-
|
|
114
|
-
{/* Arrows */}
|
|
115
|
-
{hasArrows &&
|
|
116
|
-
arrows.map((arrow, i) => (
|
|
117
|
-
<ArrowSvg
|
|
118
|
-
key={`arrow-${arrow.from}-${arrow.to}-${i}`}
|
|
119
|
-
from={arrow.from}
|
|
120
|
-
to={arrow.to}
|
|
121
|
-
color={arrow.color ?? DEFAULT_ARROW_COLOR}
|
|
122
|
-
width={arrow.width ?? ARROW_STROKE_WIDTH}
|
|
123
|
-
orientation={orientation}
|
|
124
|
-
/>
|
|
125
|
-
))}
|
|
126
|
-
</Svg>
|
|
127
|
-
</View>
|
|
128
|
-
);
|
|
129
|
-
});
|
|
130
|
-
|
|
131
|
-
// ---------------------------------------------------------------------------
|
|
132
|
-
// Single arrow SVG element
|
|
133
|
-
// ---------------------------------------------------------------------------
|
|
134
|
-
|
|
135
|
-
type ArrowSvgProps = {
|
|
136
|
-
from: string;
|
|
137
|
-
to: string;
|
|
138
|
-
color: string;
|
|
139
|
-
width: number;
|
|
140
|
-
orientation: ChessColor;
|
|
141
|
-
};
|
|
142
|
-
|
|
143
|
-
const ArrowSvg = React.memo(function ArrowSvg({
|
|
144
|
-
from,
|
|
145
|
-
to,
|
|
146
|
-
color,
|
|
147
|
-
width,
|
|
148
|
-
orientation,
|
|
149
|
-
}: ArrowSvgProps) {
|
|
150
|
-
const fromCoord = squareToViewBoxCenter(from, orientation);
|
|
151
|
-
const toCoord = squareToViewBoxCenter(to, orientation);
|
|
152
|
-
const path = calculateArrowPath(fromCoord, toCoord, ARROW_SHORTEN_BY);
|
|
153
|
-
|
|
154
|
-
const dx = path.x2 - path.x1;
|
|
155
|
-
const dy = path.y2 - path.y1;
|
|
156
|
-
const len = Math.sqrt(dx * dx + dy * dy);
|
|
157
|
-
|
|
158
|
-
if (len === 0) return null;
|
|
159
|
-
|
|
160
|
-
const ux = dx / len;
|
|
161
|
-
const uy = dy / len;
|
|
162
|
-
const headSize = ARROW_HEAD_SIZE;
|
|
163
|
-
|
|
164
|
-
const tip = { x: path.x2, y: path.y2 };
|
|
165
|
-
const baseLeft = {
|
|
166
|
-
x: path.x2 - ux * headSize * 2 + uy * headSize,
|
|
167
|
-
y: path.y2 - uy * headSize * 2 - ux * headSize,
|
|
168
|
-
};
|
|
169
|
-
const baseRight = {
|
|
170
|
-
x: path.x2 - ux * headSize * 2 - uy * headSize,
|
|
171
|
-
y: path.y2 - uy * headSize * 2 + ux * headSize,
|
|
172
|
-
};
|
|
173
|
-
|
|
174
|
-
const arrowPoints = `${tip.x},${tip.y} ${baseLeft.x},${baseLeft.y} ${baseRight.x},${baseRight.y}`;
|
|
175
|
-
|
|
176
|
-
return (
|
|
177
|
-
<>
|
|
178
|
-
<Line
|
|
179
|
-
x1={path.x1}
|
|
180
|
-
y1={path.y1}
|
|
181
|
-
x2={path.x2}
|
|
182
|
-
y2={path.y2}
|
|
183
|
-
stroke={color}
|
|
184
|
-
strokeWidth={width}
|
|
185
|
-
strokeLinecap="round"
|
|
186
|
-
opacity={0.85}
|
|
187
|
-
/>
|
|
188
|
-
<Polygon points={arrowPoints} fill={color} opacity={0.85} />
|
|
189
|
-
</>
|
|
190
|
-
);
|
|
191
|
-
});
|
|
192
|
-
|
|
193
|
-
// ---------------------------------------------------------------------------
|
|
194
|
-
// Standalone exports for advanced consumers
|
|
195
|
-
// ---------------------------------------------------------------------------
|
|
196
|
-
|
|
197
|
-
export { ArrowSvg as Arrow };
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { View } from 'react-native';
|
|
3
|
+
import Svg, { Line, Polygon, Circle as SvgCircle } from 'react-native-svg';
|
|
4
|
+
|
|
5
|
+
import type { ChessColor, ArrowData, ShapeData } from './types';
|
|
6
|
+
import {
|
|
7
|
+
DEFAULT_ARROW_COLOR,
|
|
8
|
+
DEFAULT_SHAPE_COLOR,
|
|
9
|
+
ARROW_STROKE_WIDTH,
|
|
10
|
+
ARROW_HEAD_SIZE,
|
|
11
|
+
ARROW_SHORTEN_BY,
|
|
12
|
+
} from './constants';
|
|
13
|
+
|
|
14
|
+
// ---------------------------------------------------------------------------
|
|
15
|
+
// Coordinate utilities (percentage-based viewBox 0-100)
|
|
16
|
+
// ---------------------------------------------------------------------------
|
|
17
|
+
|
|
18
|
+
function squareToViewBoxCenter(
|
|
19
|
+
square: string,
|
|
20
|
+
orientation: ChessColor,
|
|
21
|
+
): { x: number; y: number } {
|
|
22
|
+
const fileIdx = square.charCodeAt(0) - 97;
|
|
23
|
+
const rankIdx = parseInt(square[1], 10) - 1;
|
|
24
|
+
const col = orientation === 'white' ? fileIdx : 7 - fileIdx;
|
|
25
|
+
const row = orientation === 'white' ? 7 - rankIdx : rankIdx;
|
|
26
|
+
return {
|
|
27
|
+
x: (col + 0.5) * 12.5,
|
|
28
|
+
y: (row + 0.5) * 12.5,
|
|
29
|
+
};
|
|
30
|
+
}
|
|
31
|
+
|
|
32
|
+
function calculateArrowPath(
|
|
33
|
+
from: { x: number; y: number },
|
|
34
|
+
to: { x: number; y: number },
|
|
35
|
+
shortenBy: number,
|
|
36
|
+
): { x1: number; y1: number; x2: number; y2: number } {
|
|
37
|
+
const dx = to.x - from.x;
|
|
38
|
+
const dy = to.y - from.y;
|
|
39
|
+
const len = Math.sqrt(dx * dx + dy * dy);
|
|
40
|
+
if (len === 0) return { x1: from.x, y1: from.y, x2: to.x, y2: to.y };
|
|
41
|
+
|
|
42
|
+
const ux = dx / len;
|
|
43
|
+
const uy = dy / len;
|
|
44
|
+
return {
|
|
45
|
+
x1: from.x + ux * shortenBy,
|
|
46
|
+
y1: from.y + uy * shortenBy,
|
|
47
|
+
x2: to.x - ux * shortenBy,
|
|
48
|
+
y2: to.y - uy * shortenBy,
|
|
49
|
+
};
|
|
50
|
+
}
|
|
51
|
+
|
|
52
|
+
// ---------------------------------------------------------------------------
|
|
53
|
+
// Props
|
|
54
|
+
// ---------------------------------------------------------------------------
|
|
55
|
+
|
|
56
|
+
type BoardArrowsProps = {
|
|
57
|
+
boardSize: number;
|
|
58
|
+
orientation: ChessColor;
|
|
59
|
+
arrows?: ArrowData[];
|
|
60
|
+
shapes?: ShapeData[];
|
|
61
|
+
};
|
|
62
|
+
|
|
63
|
+
// ---------------------------------------------------------------------------
|
|
64
|
+
// Combined arrows + shapes SVG layer
|
|
65
|
+
// ---------------------------------------------------------------------------
|
|
66
|
+
|
|
67
|
+
/**
|
|
68
|
+
* SVG overlay for arrows and shapes drawn on the board.
|
|
69
|
+
*
|
|
70
|
+
* Uses a percentage-based 100x100 viewBox so coordinates map cleanly
|
|
71
|
+
* to the 8x8 grid (each square = 12.5 x 12.5 units).
|
|
72
|
+
*
|
|
73
|
+
* Renders above the pieces layer so arrows are always visible.
|
|
74
|
+
*/
|
|
75
|
+
export const BoardArrows = React.memo(function BoardArrows({
|
|
76
|
+
boardSize,
|
|
77
|
+
orientation,
|
|
78
|
+
arrows,
|
|
79
|
+
shapes,
|
|
80
|
+
}: BoardArrowsProps) {
|
|
81
|
+
const hasArrows = arrows && arrows.length > 0;
|
|
82
|
+
const hasShapes = shapes && shapes.length > 0;
|
|
83
|
+
|
|
84
|
+
if (!hasArrows && !hasShapes) return null;
|
|
85
|
+
|
|
86
|
+
return (
|
|
87
|
+
<View
|
|
88
|
+
style={{ position: 'absolute', width: boardSize, height: boardSize }}
|
|
89
|
+
pointerEvents="none"
|
|
90
|
+
>
|
|
91
|
+
<Svg viewBox="0 0 100 100" width={boardSize} height={boardSize}>
|
|
92
|
+
{/* Shapes (circles) -- drawn under arrows */}
|
|
93
|
+
{hasShapes &&
|
|
94
|
+
shapes.map((shape, i) => {
|
|
95
|
+
if (shape.type === 'circle') {
|
|
96
|
+
const center = squareToViewBoxCenter(shape.square, orientation);
|
|
97
|
+
const color = shape.color ?? DEFAULT_SHAPE_COLOR;
|
|
98
|
+
return (
|
|
99
|
+
<SvgCircle
|
|
100
|
+
key={`circle-${shape.square}-${i}`}
|
|
101
|
+
cx={center.x}
|
|
102
|
+
cy={center.y}
|
|
103
|
+
r={5.5}
|
|
104
|
+
fill="none"
|
|
105
|
+
stroke={color}
|
|
106
|
+
strokeWidth={1.2}
|
|
107
|
+
opacity={0.85}
|
|
108
|
+
/>
|
|
109
|
+
);
|
|
110
|
+
}
|
|
111
|
+
return null;
|
|
112
|
+
})}
|
|
113
|
+
|
|
114
|
+
{/* Arrows */}
|
|
115
|
+
{hasArrows &&
|
|
116
|
+
arrows.map((arrow, i) => (
|
|
117
|
+
<ArrowSvg
|
|
118
|
+
key={`arrow-${arrow.from}-${arrow.to}-${i}`}
|
|
119
|
+
from={arrow.from}
|
|
120
|
+
to={arrow.to}
|
|
121
|
+
color={arrow.color ?? DEFAULT_ARROW_COLOR}
|
|
122
|
+
width={arrow.width ?? ARROW_STROKE_WIDTH}
|
|
123
|
+
orientation={orientation}
|
|
124
|
+
/>
|
|
125
|
+
))}
|
|
126
|
+
</Svg>
|
|
127
|
+
</View>
|
|
128
|
+
);
|
|
129
|
+
});
|
|
130
|
+
|
|
131
|
+
// ---------------------------------------------------------------------------
|
|
132
|
+
// Single arrow SVG element
|
|
133
|
+
// ---------------------------------------------------------------------------
|
|
134
|
+
|
|
135
|
+
type ArrowSvgProps = {
|
|
136
|
+
from: string;
|
|
137
|
+
to: string;
|
|
138
|
+
color: string;
|
|
139
|
+
width: number;
|
|
140
|
+
orientation: ChessColor;
|
|
141
|
+
};
|
|
142
|
+
|
|
143
|
+
const ArrowSvg = React.memo(function ArrowSvg({
|
|
144
|
+
from,
|
|
145
|
+
to,
|
|
146
|
+
color,
|
|
147
|
+
width,
|
|
148
|
+
orientation,
|
|
149
|
+
}: ArrowSvgProps) {
|
|
150
|
+
const fromCoord = squareToViewBoxCenter(from, orientation);
|
|
151
|
+
const toCoord = squareToViewBoxCenter(to, orientation);
|
|
152
|
+
const path = calculateArrowPath(fromCoord, toCoord, ARROW_SHORTEN_BY);
|
|
153
|
+
|
|
154
|
+
const dx = path.x2 - path.x1;
|
|
155
|
+
const dy = path.y2 - path.y1;
|
|
156
|
+
const len = Math.sqrt(dx * dx + dy * dy);
|
|
157
|
+
|
|
158
|
+
if (len === 0) return null;
|
|
159
|
+
|
|
160
|
+
const ux = dx / len;
|
|
161
|
+
const uy = dy / len;
|
|
162
|
+
const headSize = ARROW_HEAD_SIZE;
|
|
163
|
+
|
|
164
|
+
const tip = { x: path.x2, y: path.y2 };
|
|
165
|
+
const baseLeft = {
|
|
166
|
+
x: path.x2 - ux * headSize * 2 + uy * headSize,
|
|
167
|
+
y: path.y2 - uy * headSize * 2 - ux * headSize,
|
|
168
|
+
};
|
|
169
|
+
const baseRight = {
|
|
170
|
+
x: path.x2 - ux * headSize * 2 - uy * headSize,
|
|
171
|
+
y: path.y2 - uy * headSize * 2 + ux * headSize,
|
|
172
|
+
};
|
|
173
|
+
|
|
174
|
+
const arrowPoints = `${tip.x},${tip.y} ${baseLeft.x},${baseLeft.y} ${baseRight.x},${baseRight.y}`;
|
|
175
|
+
|
|
176
|
+
return (
|
|
177
|
+
<>
|
|
178
|
+
<Line
|
|
179
|
+
x1={path.x1}
|
|
180
|
+
y1={path.y1}
|
|
181
|
+
x2={path.x2 - ux * headSize * 2}
|
|
182
|
+
y2={path.y2 - uy * headSize * 2}
|
|
183
|
+
stroke={color}
|
|
184
|
+
strokeWidth={width}
|
|
185
|
+
strokeLinecap="round"
|
|
186
|
+
opacity={0.85}
|
|
187
|
+
/>
|
|
188
|
+
<Polygon points={arrowPoints} fill={color} opacity={0.85} />
|
|
189
|
+
</>
|
|
190
|
+
);
|
|
191
|
+
});
|
|
192
|
+
|
|
193
|
+
// ---------------------------------------------------------------------------
|
|
194
|
+
// Standalone exports for advanced consumers
|
|
195
|
+
// ---------------------------------------------------------------------------
|
|
196
|
+
|
|
197
|
+
export { ArrowSvg as Arrow };
|