react-native-chess-kit 0.1.0 → 0.2.0

package/lib/commonjs/board-annotations.js

@@ -0,0 +1,131 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.BoardAnnotations = exports.Annotation = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _useBoardPieces = require("./use-board-pieces");
+var _constants = require("./constants");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+// ---------------------------------------------------------------------------
+// Props
+// ---------------------------------------------------------------------------
+
+// ---------------------------------------------------------------------------
+// Annotations layer
+// ---------------------------------------------------------------------------
+
+/**
+ * Text annotation badges on chess squares (!, ?, !!, ??, etc.).
+ *
+ * Each annotation appears as a small colored badge at the top-right
+ * corner of the target square. Positioned absolutely, pointer-events none.
+ */
+const BoardAnnotations = exports.BoardAnnotations = /*#__PURE__*/_react.default.memo(function BoardAnnotations({
+  boardSize,
+  orientation,
+  squareSize,
+  annotations
+}) {
+  if (annotations.length === 0) return null;
+  const badgeSize = squareSize * _constants.ANNOTATION_SCALE;
+  const fontSize = badgeSize * 0.65;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    style: {
+      position: 'absolute',
+      width: boardSize,
+      height: boardSize
+    },
+    pointerEvents: "none",
+    children: annotations.map((ann, i) => {
+      const {
+        x,
+        y
+      } = (0, _useBoardPieces.squareToXY)(ann.square, squareSize, orientation);
+      const bgColor = ann.backgroundColor ?? _constants.DEFAULT_ANNOTATION_BG;
+      const textColor = ann.color ?? _constants.DEFAULT_ANNOTATION_TEXT;
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: {
+          position: 'absolute',
+          // Position at top-right corner of the square
+          left: x + squareSize - badgeSize - 1,
+          top: y + 1,
+          minWidth: badgeSize,
+          height: badgeSize,
+          borderRadius: badgeSize / 2,
+          backgroundColor: bgColor,
+          alignItems: 'center',
+          justifyContent: 'center',
+          paddingHorizontal: 2
+        },
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+          style: {
+            color: textColor,
+            fontSize,
+            fontWeight: '700',
+            lineHeight: badgeSize * 0.85,
+            textAlign: 'center'
+          },
+          numberOfLines: 1,
+          children: ann.text
+        })
+      }, `ann-${ann.square}-${i}`);
+    })
+  });
+});
+
+// ---------------------------------------------------------------------------
+// Standalone export for advanced consumers
+// ---------------------------------------------------------------------------
+
+/**
+ * Single annotation badge component.
+ * Exported for consumers who build their own overlay layers.
+ */
+const Annotation = exports.Annotation = /*#__PURE__*/_react.default.memo(function Annotation({
+  square,
+  text,
+  squareSize,
+  orientation,
+  color,
+  backgroundColor
+}) {
+  const {
+    x,
+    y
+  } = (0, _useBoardPieces.squareToXY)(square, squareSize, orientation);
+  const badgeSize = squareSize * _constants.ANNOTATION_SCALE;
+  const fontSize = badgeSize * 0.65;
+  const bgColor = backgroundColor ?? _constants.DEFAULT_ANNOTATION_BG;
+  const textColor = color ?? _constants.DEFAULT_ANNOTATION_TEXT;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    style: {
+      position: 'absolute',
+      left: x + squareSize - badgeSize - 1,
+      top: y + 1,
+      minWidth: badgeSize,
+      height: badgeSize,
+      borderRadius: badgeSize / 2,
+      backgroundColor: bgColor,
+      alignItems: 'center',
+      justifyContent: 'center',
+      paddingHorizontal: 2
+    },
+    pointerEvents: "none",
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+      style: {
+        color: textColor,
+        fontSize,
+        fontWeight: '700',
+        lineHeight: badgeSize * 0.85,
+        textAlign: 'center'
+      },
+      numberOfLines: 1,
+      children: text
+    })
+  });
+});
+//# sourceMappingURL=board-annotations.js.map

package/lib/commonjs/board-annotations.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_useBoardPieces","_constants","_jsxRuntime","e","__esModule","default","BoardAnnotations","exports","React","memo","boardSize","orientation","squareSize","annotations","length","badgeSize","ANNOTATION_SCALE","fontSize","jsx","View","style","position","width","height","pointerEvents","children","map","ann","i","x","y","squareToXY","square","bgColor","backgroundColor","DEFAULT_ANNOTATION_BG","textColor","color","DEFAULT_ANNOTATION_TEXT","left","top","minWidth","borderRadius","alignItems","justifyContent","paddingHorizontal","Text","fontWeight","lineHeight","textAlign","numberOfLines","text","Annotation"],"sourceRoot":"..\\..\\src","sources":["board-annotations.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/board-arrows.js

@@ -0,0 +1,164 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.BoardArrows = exports.Arrow = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _reactNativeSvg = _interopRequireWildcard(require("react-native-svg"));
+var _constants = require("./constants");
+var _jsxRuntime = require("react/jsx-runtime");
+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); }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+// ---------------------------------------------------------------------------
+// Coordinate utilities (percentage-based viewBox 0-100)
+// ---------------------------------------------------------------------------
+function squareToViewBoxCenter(square, orientation) {
+  const fileIdx = square.charCodeAt(0) - 97;
+  const rankIdx = parseInt(square[1], 10) - 1;
+  const col = orientation === 'white' ? fileIdx : 7 - fileIdx;
+  const row = orientation === 'white' ? 7 - rankIdx : rankIdx;
+  return {
+    x: (col + 0.5) * 12.5,
+    y: (row + 0.5) * 12.5
+  };
+}
+function calculateArrowPath(from, to, shortenBy) {
+  const dx = to.x - from.x;
+  const dy = to.y - from.y;
+  const len = Math.sqrt(dx * dx + dy * dy);
+  if (len === 0) return {
+    x1: from.x,
+    y1: from.y,
+    x2: to.x,
+    y2: to.y
+  };
+  const ux = dx / len;
+  const uy = dy / len;
+  return {
+    x1: from.x + ux * shortenBy,
+    y1: from.y + uy * shortenBy,
+    x2: to.x - ux * shortenBy,
+    y2: to.y - uy * shortenBy
+  };
+}
+
+// ---------------------------------------------------------------------------
+// Props
+// ---------------------------------------------------------------------------
+
+// ---------------------------------------------------------------------------
+// Combined arrows + shapes SVG layer
+// ---------------------------------------------------------------------------
+
+/**
+ * SVG overlay for arrows and shapes drawn on the board.
+ *
+ * Uses a percentage-based 100x100 viewBox so coordinates map cleanly
+ * to the 8x8 grid (each square = 12.5 x 12.5 units).
+ *
+ * Renders above the pieces layer so arrows are always visible.
+ */
+const BoardArrows = exports.BoardArrows = /*#__PURE__*/_react.default.memo(function BoardArrows({
+  boardSize,
+  orientation,
+  arrows,
+  shapes
+}) {
+  const hasArrows = arrows && arrows.length > 0;
+  const hasShapes = shapes && shapes.length > 0;
+  if (!hasArrows && !hasShapes) return null;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    style: {
+      position: 'absolute',
+      width: boardSize,
+      height: boardSize
+    },
+    pointerEvents: "none",
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNativeSvg.default, {
+      viewBox: "0 0 100 100",
+      width: boardSize,
+      height: boardSize,
+      children: [hasShapes && shapes.map((shape, i) => {
+        if (shape.type === 'circle') {
+          const center = squareToViewBoxCenter(shape.square, orientation);
+          const color = shape.color ?? _constants.DEFAULT_SHAPE_COLOR;
+          return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Circle, {
+            cx: center.x,
+            cy: center.y,
+            r: 5.5,
+            fill: "none",
+            stroke: color,
+            strokeWidth: 1.2,
+            opacity: 0.85
+          }, `circle-${shape.square}-${i}`);
+        }
+        return null;
+      }), hasArrows && arrows.map((arrow, i) => /*#__PURE__*/(0, _jsxRuntime.jsx)(ArrowSvg, {
+        from: arrow.from,
+        to: arrow.to,
+        color: arrow.color ?? _constants.DEFAULT_ARROW_COLOR,
+        width: arrow.width ?? _constants.ARROW_STROKE_WIDTH,
+        orientation: orientation
+      }, `arrow-${arrow.from}-${arrow.to}-${i}`))]
+    })
+  });
+});
+
+// ---------------------------------------------------------------------------
+// Single arrow SVG element
+// ---------------------------------------------------------------------------
+
+const ArrowSvg = exports.Arrow = /*#__PURE__*/_react.default.memo(function ArrowSvg({
+  from,
+  to,
+  color,
+  width,
+  orientation
+}) {
+  const fromCoord = squareToViewBoxCenter(from, orientation);
+  const toCoord = squareToViewBoxCenter(to, orientation);
+  const path = calculateArrowPath(fromCoord, toCoord, _constants.ARROW_SHORTEN_BY);
+  const dx = path.x2 - path.x1;
+  const dy = path.y2 - path.y1;
+  const len = Math.sqrt(dx * dx + dy * dy);
+  if (len === 0) return null;
+  const ux = dx / len;
+  const uy = dy / len;
+  const headSize = _constants.ARROW_HEAD_SIZE;
+  const tip = {
+    x: path.x2,
+    y: path.y2
+  };
+  const baseLeft = {
+    x: path.x2 - ux * headSize * 2 + uy * headSize,
+    y: path.y2 - uy * headSize * 2 - ux * headSize
+  };
+  const baseRight = {
+    x: path.x2 - ux * headSize * 2 - uy * headSize,
+    y: path.y2 - uy * headSize * 2 + ux * headSize
+  };
+  const arrowPoints = `${tip.x},${tip.y} ${baseLeft.x},${baseLeft.y} ${baseRight.x},${baseRight.y}`;
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Line, {
+      x1: path.x1,
+      y1: path.y1,
+      x2: path.x2,
+      y2: path.y2,
+      stroke: color,
+      strokeWidth: width,
+      strokeLinecap: "round",
+      opacity: 0.85
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Polygon, {
+      points: arrowPoints,
+      fill: color,
+      opacity: 0.85
+    })]
+  });
+});
+
+// ---------------------------------------------------------------------------
+// Standalone exports for advanced consumers
+// ---------------------------------------------------------------------------
+//# sourceMappingURL=board-arrows.js.map

package/lib/commonjs/board-arrows.js.map

@@ -0,0 +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":[]}

package/lib/commonjs/board-highlights.js

@@ -0,0 +1,212 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SquareHighlight = exports.DragTargetHighlight = exports.BoardHighlights = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
+var _useBoardPieces = require("./use-board-pieces");
+var _jsxRuntime = require("react/jsx-runtime");
+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); }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+// ---------------------------------------------------------------------------
+// Props
+// ---------------------------------------------------------------------------
+
+// ---------------------------------------------------------------------------
+// Static highlights (View-based, no animation needed)
+// ---------------------------------------------------------------------------
+
+/**
+ * Renders all board square highlights as a single layer.
+ *
+ * Combines multiple highlight sources (last move, check, selected piece,
+ * premoves, custom, and imperative) into one flat list of colored rectangles.
+ * Rendered between the background and pieces layers.
+ *
+ * Uses plain Views (not Animated) because highlights change discretely
+ * on move events, not during animation frames.
+ */
+const BoardHighlights = exports.BoardHighlights = /*#__PURE__*/_react.default.memo(function BoardHighlights({
+  boardSize,
+  orientation,
+  squareSize,
+  lastMove,
+  lastMoveColor,
+  checkSquare,
+  checkColor,
+  selectedSquare,
+  selectedColor,
+  premoveSquares,
+  premoveColor,
+  highlights,
+  imperativeHighlights
+}) {
+  // Collect all highlights into a flat array (ordered by visual priority: bottom to top)
+  const allHighlights = [];
+
+  // Last move (lowest priority -- drawn first, underneath everything)
+  if (lastMove) {
+    allHighlights.push({
+      square: lastMove.from,
+      color: lastMoveColor
+    });
+    allHighlights.push({
+      square: lastMove.to,
+      color: lastMoveColor
+    });
+  }
+
+  // Premove highlights
+  if (premoveSquares) {
+    allHighlights.push({
+      square: premoveSquares.from,
+      color: premoveColor
+    });
+    allHighlights.push({
+      square: premoveSquares.to,
+      color: premoveColor
+    });
+  }
+
+  // Selected piece square
+  if (selectedSquare) {
+    allHighlights.push({
+      square: selectedSquare,
+      color: selectedColor
+    });
+  }
+
+  // Check indicator (king square)
+  if (checkSquare) {
+    allHighlights.push({
+      square: checkSquare,
+      color: checkColor
+    });
+  }
+
+  // Consumer-provided custom highlights
+  if (highlights) {
+    for (const h of highlights) {
+      allHighlights.push(h);
+    }
+  }
+
+  // Imperative highlights (from ref.highlight() calls)
+  if (imperativeHighlights) {
+    for (const h of imperativeHighlights) {
+      allHighlights.push(h);
+    }
+  }
+  if (allHighlights.length === 0) return null;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    style: {
+      position: 'absolute',
+      width: boardSize,
+      height: boardSize
+    },
+    pointerEvents: "none",
+    children: allHighlights.map((h, i) => {
+      const {
+        x,
+        y
+      } = (0, _useBoardPieces.squareToXY)(h.square, squareSize, orientation);
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: {
+          position: 'absolute',
+          left: x,
+          top: y,
+          width: squareSize,
+          height: squareSize,
+          backgroundColor: h.color
+        }
+      }, `${h.square}-${h.color}-${i}`);
+    })
+  });
+});
+
+// ---------------------------------------------------------------------------
+// Drag target highlight (Animated, updates on UI thread during drag)
+// ---------------------------------------------------------------------------
+
+/**
+ * Highlight on the square currently under the dragged piece.
+ * Uses Reanimated shared values for zero-JS-bridge updates during drag.
+ */
+const DragTargetHighlight = exports.DragTargetHighlight = /*#__PURE__*/_react.default.memo(function DragTargetHighlight({
+  squareSize,
+  orientation,
+  dragTargetSquare,
+  color
+}) {
+  const animatedStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => {
+    const square = dragTargetSquare.value;
+    if (!square) {
+      return {
+        opacity: 0,
+        transform: [{
+          translateX: 0
+        }, {
+          translateY: 0
+        }]
+      };
+    }
+
+    // Inline coordinate calculation (worklet-safe, no function call)
+    const fileIdx = square.charCodeAt(0) - 97;
+    const rankIdx = parseInt(square[1], 10) - 1;
+    const col = orientation === 'white' ? fileIdx : 7 - fileIdx;
+    const row = orientation === 'white' ? 7 - rankIdx : rankIdx;
+    return {
+      opacity: 1,
+      transform: [{
+        translateX: col * squareSize
+      }, {
+        translateY: row * squareSize
+      }]
+    };
+  });
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.View, {
+    style: [{
+      position: 'absolute',
+      width: squareSize,
+      height: squareSize,
+      backgroundColor: color
+    }, animatedStyle],
+    pointerEvents: "none"
+  });
+});
+
+// ---------------------------------------------------------------------------
+// Standalone SquareHighlight (exported for advanced consumers)
+// ---------------------------------------------------------------------------
+
+/**
+ * Single square highlight component.
+ * Exported for consumers who build their own overlay layers.
+ */
+const SquareHighlight = exports.SquareHighlight = /*#__PURE__*/_react.default.memo(function SquareHighlight({
+  square,
+  color,
+  squareSize,
+  orientation
+}) {
+  const {
+    x,
+    y
+  } = (0, _useBoardPieces.squareToXY)(square, squareSize, orientation);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    style: {
+      position: 'absolute',
+      left: x,
+      top: y,
+      width: squareSize,
+      height: squareSize,
+      backgroundColor: color
+    },
+    pointerEvents: "none"
+  });
+});
+//# sourceMappingURL=board-highlights.js.map

package/lib/commonjs/board-highlights.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactNativeReanimated","_interopRequireWildcard","_useBoardPieces","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","BoardHighlights","exports","React","memo","boardSize","orientation","squareSize","lastMove","lastMoveColor","checkSquare","checkColor","selectedSquare","selectedColor","premoveSquares","premoveColor","highlights","imperativeHighlights","allHighlights","push","square","from","color","to","h","length","jsx","View","style","position","width","height","pointerEvents","children","map","x","y","squareToXY","left","top","backgroundColor","DragTargetHighlight","dragTargetSquare","animatedStyle","useAnimatedStyle","value","opacity","transform","translateX","translateY","fileIdx","charCodeAt","rankIdx","parseInt","col","row","SquareHighlight"],"sourceRoot":"..\\..\\src","sources":["board-highlights.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/board-piece.js

@@ -6,8 +6,34 @@ Object.defineProperty(exports, "__esModule", {
 exports.BoardPieceView = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
+var _constants = require("./constants");
 var _jsxRuntime = require("react/jsx-runtime");
 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); }
+/**
+ * Animate a shared value using the provided AnimationConfig.
+ * Falls back to withTiming with moveDuration for backwards compatibility.
+ */
+function animateValue(target, config, moveDuration) {
+  if (config) {
+    if (config.type === 'spring') {
+      return (0, _reactNativeReanimated.withSpring)(target, {
+        damping: config.damping ?? 15,
+        stiffness: config.stiffness ?? 200,
+        mass: config.mass ?? 1
+      });
+    }
+    // timing
+    return (0, _reactNativeReanimated.withTiming)(target, {
+      duration: config.duration ?? _constants.DEFAULT_MOVE_DURATION
+    });
+  }
+  const duration = moveDuration ?? _constants.DEFAULT_MOVE_DURATION;
+  if (duration <= 0) return target;
+  return (0, _reactNativeReanimated.withTiming)(target, {
+    duration
+  });
+}
+
 /**
  * A single animated chess piece.
  *
@@ -20,13 +46,17 @@ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r
  * - No position changes on the original piece during drag
  *
  * After a move:
- * - Snaps to new position via withTiming on translateX/translateY
- * - Duration controlled by user's animation speed setting
+ * - Snaps to new position via withTiming/withSpring on translateX/translateY
+ * - Animation style controlled by user's animationConfig or moveDuration
+ *
+ * On capture (unmount):
+ * - Fades out via Reanimated's `exiting` prop (FadeOut)
  */
 const BoardPieceView = exports.BoardPieceView = /*#__PURE__*/_react.default.memo(function BoardPieceView({
   targetX,
   targetY,
   squareSize,
+  animationConfig,
   moveDuration,
   children,
   activeSquare,
@@ -41,13 +71,9 @@ const BoardPieceView = exports.BoardPieceView = /*#__PURE__*/_react.default.memo
   // useEffect is the correct pattern for reacting to JS prop changes —
   // useDerivedValue is meant for shared-value-to-shared-value derivation.
   (0, _react.useEffect)(() => {
-    currentX.value = moveDuration > 0 ? (0, _reactNativeReanimated.withTiming)(targetX, {
-      duration: moveDuration
-    }) : targetX;
-    currentY.value = moveDuration > 0 ? (0, _reactNativeReanimated.withTiming)(targetY, {
-      duration: moveDuration
-    }) : targetY;
-  }, [targetX, targetY, moveDuration, currentX, currentY]);
+    currentX.value = animateValue(targetX, animationConfig, moveDuration);
+    currentY.value = animateValue(targetY, animationConfig, moveDuration);
+  }, [targetX, targetY, animationConfig, moveDuration, currentX, currentY]);
   const animatedStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => {
     const isBeingDragged = isDragging.value && activeSquare.value === square;
     return {
@@ -65,10 +91,13 @@ const BoardPieceView = exports.BoardPieceView = /*#__PURE__*/_react.default.memo
       position: 'absolute',
       width: squareSize,
       height: squareSize
-    }, animatedStyle],
+    }, animatedStyle]
+    // Fade out when this piece is captured (removed from the piece list)
+    ,
+    exiting: _reactNativeReanimated.FadeOut.duration(_constants.CAPTURE_FADE_DURATION),
     children: children
   });
 },
-// Custom comparator: only re-render when position or square changes
-(prev, next) => prev.targetX === next.targetX && prev.targetY === next.targetY && prev.square === next.square && prev.squareSize === next.squareSize && prev.moveDuration === next.moveDuration && prev.children === next.children);
+// Custom comparator: only re-render when position, square, or animation config changes
+(prev, next) => prev.targetX === next.targetX && prev.targetY === next.targetY && prev.square === next.square && prev.squareSize === next.squareSize && prev.moveDuration === next.moveDuration && prev.animationConfig === next.animationConfig && prev.children === next.children);
 //# sourceMappingURL=board-piece.js.map

package/lib/commonjs/board-piece.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNativeReanimated","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","BoardPieceView","exports","React","memo","targetX","targetY","squareSize","moveDuration","children","activeSquare","isDragging","square","currentX","useSharedValue","currentY","useEffect","value","withTiming","duration","animatedStyle","useAnimatedStyle","isBeingDragged","transform","translateX","translateY","opacity","jsx","View","style","position","width","height","prev","next"],"sourceRoot":"..\\..\\src","sources":["board-piece.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,sBAAA,GAAAF,uBAAA,CAAAC,OAAA;AAKiC,IAAAE,WAAA,GAAAF,OAAA;AAAA,SAAAD,wBAAAI,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAN,uBAAA,YAAAA,CAAAI,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAmBjC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMkB,cAAc,GAAAC,OAAA,CAAAD,cAAA,gBAAGE,cAAK,CAACC,IAAI,CACtC,SAASH,cAAcA,CAAC;EACtBI,OAAO;EACPC,OAAO;EACPC,UAAU;EACVC,YAAY;EACZC,QAAQ;EACRC,YAAY;EACZC,UAAU;EACVC;AACe,CAAC,EAAE;EAClB;EACA,MAAMC,QAAQ,GAAG,IAAAC,qCAAc,EAACT,OAAO,CAAC;EACxC,MAAMU,QAAQ,GAAG,IAAAD,qCAAc,EAACR,OAAO,CAAC;;EAExC;EACA;EACA;EACA,IAAAU,gBAAS,EAAC,MAAM;IACdH,QAAQ,CAACI,KAAK,GAAGT,YAAY,GAAG,CAAC,GAC7B,IAAAU,iCAAU,EAACb,OAAO,EAAE;MAAEc,QAAQ,EAAEX;IAAa,CAAC,CAAC,GAC/CH,OAAO;IACXU,QAAQ,CAACE,KAAK,GAAGT,YAAY,GAAG,CAAC,GAC7B,IAAAU,iCAAU,EAACZ,OAAO,EAAE;MAAEa,QAAQ,EAAEX;IAAa,CAAC,CAAC,GAC/CF,OAAO;EACb,CAAC,EAAE,CAACD,OAAO,EAAEC,OAAO,EAAEE,YAAY,EAAEK,QAAQ,EAAEE,QAAQ,CAAC,CAAC;EAExD,MAAMK,aAAa,GAAG,IAAAC,uCAAgB,EAAC,MAAM;IAC3C,MAAMC,cAAc,GAAGX,UAAU,CAACM,KAAK,IAAIP,YAAY,CAACO,KAAK,KAAKL,MAAM;IAExE,OAAO;MACLW,SAAS,EAAE,CACT;QAAEC,UAAU,EAAEX,QAAQ,CAACI;MAAM,CAAC,EAC9B;QAAEQ,UAAU,EAAEV,QAAQ,CAACE;MAAM,CAAC,CAC/B;MACD;MACAS,OAAO,EAAEJ,cAAc,GAAG,CAAC,GAAG;IAChC,CAAC;EACH,CAAC,CAAC;EAEF,oBACE,IAAAzC,WAAA,CAAA8C,GAAA,EAAC/C,sBAAA,CAAAY,OAAQ,CAACoC,IAAI;IACZC,KAAK,EAAE,CACL;MACEC,QAAQ,EAAE,UAAU;MACpBC,KAAK,EAAExB,UAAU;MACjByB,MAAM,EAAEzB;IACV,CAAC,EACDa,aAAa,CACb;IAAAX,QAAA,EAEDA;EAAQ,CACI,CAAC;AAEpB,CAAC;AACD;AACA,CAACwB,IAAI,EAAEC,IAAI,KACTD,IAAI,CAAC5B,OAAO,KAAK6B,IAAI,CAAC7B,OAAO,IAC7B4B,IAAI,CAAC3B,OAAO,KAAK4B,IAAI,CAAC5B,OAAO,IAC7B2B,IAAI,CAACrB,MAAM,KAAKsB,IAAI,CAACtB,MAAM,IAC3BqB,IAAI,CAAC1B,UAAU,KAAK2B,IAAI,CAAC3B,UAAU,IACnC0B,IAAI,CAACzB,YAAY,KAAK0B,IAAI,CAAC1B,YAAY,IACvCyB,IAAI,CAACxB,QAAQ,KAAKyB,IAAI,CAACzB,QAC3B,CAAC","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNativeReanimated","_constants","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","animateValue","target","config","moveDuration","type","withSpring","damping","stiffness","mass","withTiming","duration","DEFAULT_MOVE_DURATION","BoardPieceView","exports","React","memo","targetX","targetY","squareSize","animationConfig","children","activeSquare","isDragging","square","currentX","useSharedValue","currentY","useEffect","value","animatedStyle","useAnimatedStyle","isBeingDragged","transform","translateX","translateY","opacity","jsx","View","style","position","width","height","exiting","FadeOut","CAPTURE_FADE_DURATION","prev","next"],"sourceRoot":"..\\..\\src","sources":["board-piece.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,sBAAA,GAAAF,uBAAA,CAAAC,OAAA;AAUA,IAAAE,UAAA,GAAAF,OAAA;AAA2E,IAAAG,WAAA,GAAAH,OAAA;AAAA,SAAAD,wBAAAK,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAP,uBAAA,YAAAA,CAAAK,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAqB3E;AACA;AACA;AACA;AACA,SAASkB,YAAYA,CACnBC,MAAc,EACdC,MAAwB,EACxBC,YAAqB,EACb;EACR,IAAID,MAAM,EAAE;IACV,IAAIA,MAAM,CAACE,IAAI,KAAK,QAAQ,EAAE;MAC5B,OAAO,IAAAC,iCAAU,EAACJ,MAAM,EAAE;QACxBK,OAAO,EAAEJ,MAAM,CAACI,OAAO,IAAI,EAAE;QAC7BC,SAAS,EAAEL,MAAM,CAACK,SAAS,IAAI,GAAG;QAClCC,IAAI,EAAEN,MAAM,CAACM,IAAI,IAAI;MACvB,CAAC,CAAC;IACJ;IACA;IACA,OAAO,IAAAC,iCAAU,EAACR,MAAM,EAAE;MACxBS,QAAQ,EAAER,MAAM,CAACQ,QAAQ,IAAIC;IAC/B,CAAC,CAAC;EACJ;EAEA,MAAMD,QAAQ,GAAGP,YAAY,IAAIQ,gCAAqB;EACtD,IAAID,QAAQ,IAAI,CAAC,EAAE,OAAOT,MAAM;EAChC,OAAO,IAAAQ,iCAAU,EAACR,MAAM,EAAE;IAAES;EAAS,CAAC,CAAC;AACzC;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAME,cAAc,GAAAC,OAAA,CAAAD,cAAA,gBAAGE,cAAK,CAACC,IAAI,CACtC,SAASH,cAAcA,CAAC;EACtBI,OAAO;EACPC,OAAO;EACPC,UAAU;EACVC,eAAe;EACfhB,YAAY;EACZiB,QAAQ;EACRC,YAAY;EACZC,UAAU;EACVC;AACe,CAAC,EAAE;EAClB;EACA,MAAMC,QAAQ,GAAG,IAAAC,qCAAc,EAACT,OAAO,CAAC;EACxC,MAAMU,QAAQ,GAAG,IAAAD,qCAAc,EAACR,OAAO,CAAC;;EAExC;EACA;EACA;EACA,IAAAU,gBAAS,EAAC,MAAM;IACdH,QAAQ,CAACI,KAAK,GAAG5B,YAAY,CAACgB,OAAO,EAAEG,eAAe,EAAEhB,YAAY,CAAC;IACrEuB,QAAQ,CAACE,KAAK,GAAG5B,YAAY,CAACiB,OAAO,EAAEE,eAAe,EAAEhB,YAAY,CAAC;EACvE,CAAC,EAAE,CAACa,OAAO,EAAEC,OAAO,EAAEE,eAAe,EAAEhB,YAAY,EAAEqB,QAAQ,EAAEE,QAAQ,CAAC,CAAC;EAEzE,MAAMG,aAAa,GAAG,IAAAC,uCAAgB,EAAC,MAAM;IAC3C,MAAMC,cAAc,GAAGT,UAAU,CAACM,KAAK,IAAIP,YAAY,CAACO,KAAK,KAAKL,MAAM;IAExE,OAAO;MACLS,SAAS,EAAE,CACT;QAAEC,UAAU,EAAET,QAAQ,CAACI;MAAM,CAAC,EAC9B;QAAEM,UAAU,EAAER,QAAQ,CAACE;MAAM,CAAC,CAC/B;MACD;MACAO,OAAO,EAAEJ,cAAc,GAAG,CAAC,GAAG;IAChC,CAAC;EACH,CAAC,CAAC;EAEF,oBACE,IAAAnD,WAAA,CAAAwD,GAAA,EAAC1D,sBAAA,CAAAa,OAAQ,CAAC8C,IAAI;IACZC,KAAK,EAAE,CACL;MACEC,QAAQ,EAAE,UAAU;MACpBC,KAAK,EAAEtB,UAAU;MACjBuB,MAAM,EAAEvB;IACV,CAAC,EACDW,aAAa;IAEf;IAAA;IACAa,OAAO,EAAEC,8BAAO,CAACjC,QAAQ,CAACkC,gCAAqB,CAAE;IAAAxB,QAAA,EAEhDA;EAAQ,CACI,CAAC;AAEpB,CAAC;AACD;AACA,CAACyB,IAAI,EAAEC,IAAI,KACTD,IAAI,CAAC7B,OAAO,KAAK8B,IAAI,CAAC9B,OAAO,IAC7B6B,IAAI,CAAC5B,OAAO,KAAK6B,IAAI,CAAC7B,OAAO,IAC7B4B,IAAI,CAACtB,MAAM,KAAKuB,IAAI,CAACvB,MAAM,IAC3BsB,IAAI,CAAC3B,UAAU,KAAK4B,IAAI,CAAC5B,UAAU,IACnC2B,IAAI,CAAC1C,YAAY,KAAK2C,IAAI,CAAC3C,YAAY,IACvC0C,IAAI,CAAC1B,eAAe,KAAK2B,IAAI,CAAC3B,eAAe,IAC7C0B,IAAI,CAACzB,QAAQ,KAAK0B,IAAI,CAAC1B,QAC3B,CAAC","ignoreList":[]}