react-native-chess-kit 0.1.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 anas-asghar4831
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,168 @@
+# react-native-chess-kit
+
+High-performance chess board for React Native. Built for 60fps on budget Android devices.
+
+## Performance
+
+| Metric | react-native-chess-kit | expo-chessboard |
+|--------|----------------------|-----------------|
+| Gesture handlers | 1 (centralized) | 32 (one per piece) |
+| Mounted components | ~40 | ~281 |
+| Native views | ~75 | ~470 |
+| React Context providers | 0 | 8 |
+| Re-renders during drag | 0 | Per-frame |
+
+Zero React re-renders during drag -- all animation runs on the UI thread via Reanimated worklets. Pieces animate only `transform` + `opacity` (Reanimated's fast path). Stable piece IDs survive position changes without unmount/remount cycles.
+
+## Installation
+
+```bash
+npm install react-native-chess-kit
+```
+
+### Peer dependencies
+
+```bash
+npm install react-native-reanimated react-native-gesture-handler chess.js
+```
+
+| Package | Version |
+|---------|---------|
+| react-native-reanimated | >= 3.0.0 |
+| react-native-gesture-handler | >= 2.0.0 |
+| chess.js | >= 1.0.0 |
+| react | >= 18.0.0 |
+| react-native | >= 0.70.0 |
+
+## Usage
+
+```tsx
+import { useRef } from 'react';
+import { Board } from 'react-native-chess-kit';
+import type { BoardRef } from 'react-native-chess-kit';
+
+function ChessScreen() {
+  const boardRef = useRef<BoardRef>(null);
+
+  return (
+    <Board
+      ref={boardRef}
+      fen="rnbqkbnr/pppppppp/8/8/8/8/PPPPPPPP/RNBQKBNR w KQkq - 0 1"
+      orientation="white"
+      boardSize={360}
+      gestureEnabled={true}
+      player="white"
+      colors={{ light: '#eeeed2', dark: '#769656' }}
+      moveDuration={200}
+      withLetters={true}
+      withNumbers={true}
+      showLegalMoves={true}
+      moveMethod="both"
+      onMove={({ from, to }) => {
+        console.log(`Moved from ${from} to ${to}`);
+      }}
+    />
+  );
+}
+```
+
+## Props
+
+| Prop | Type | Default | Description |
+|------|------|---------|-------------|
+| `fen` | `string` | required | Board position in FEN notation |
+| `orientation` | `'white' \| 'black'` | required | Which color is at the bottom |
+| `boardSize` | `number` | required | Board width/height in pixels |
+| `gestureEnabled` | `boolean` | required | Whether touch interaction is enabled |
+| `player` | `'white' \| 'black' \| 'both'` | required | Which side can move pieces |
+| `colors` | `{ light: string, dark: string }` | required | Square colors |
+| `moveDuration` | `number` | required | Animation duration in ms (0 = instant) |
+| `withLetters` | `boolean` | required | Show file labels (a-h) |
+| `withNumbers` | `boolean` | required | Show rank numbers (1-8) |
+| `showLegalMoves` | `boolean` | required | Show legal move dots on piece selection |
+| `moveMethod` | `'drag' \| 'click' \| 'both'` | required | How the user moves pieces |
+| `onMove` | `(info: { from, to }) => void` | optional | Called after a move gesture completes |
+| `renderPiece` | `(code, size) => ReactElement` | optional | Custom piece renderer |
+
+## Ref API
+
+```ts
+const boardRef = useRef<BoardRef>(null);
+
+// Programmatic move (e.g. opponent's move, puzzle auto-play)
+boardRef.current?.move({ from: 'e2', to: 'e4' });
+
+// Highlight a square
+boardRef.current?.highlight('e4', 'rgba(255, 255, 0, 0.5)');
+
+// Clear all highlights
+boardRef.current?.clearHighlights();
+
+// Reset to a new position
+boardRef.current?.resetBoard('rnbqkbnr/pppppppp/8/8/8/8/PPPPPPPP/RNBQKBNR w KQkq - 0 1');
+
+// Undo the last visual move (snap back)
+boardRef.current?.undo();
+```
+
+## Custom Piece Rendering
+
+Use `renderPiece` to provide your own piece images:
+
+```tsx
+import { Image } from 'expo-image';
+
+const PIECE_IMAGES = {
+  wp: require('./assets/pieces/wp.png'),
+  wn: require('./assets/pieces/wn.png'),
+  // ... etc
+};
+
+<Board
+  renderPiece={(code, size) => (
+    <Image
+      source={PIECE_IMAGES[code]}
+      style={{ width: size, height: size }}
+      cachePolicy="memory-disk"
+    />
+  )}
+  // ... other props
+/>
+```
+
+## Exports
+
+```ts
+// Component
+export { Board } from 'react-native-chess-kit';
+
+// Types
+export type {
+  BoardRef,
+  BoardProps,
+  BoardColors,
+  BoardPiece,
+  ChessColor,
+  MoveMethod,
+  GestureState,
+  LegalMoveTarget,
+  ParsedPiece,
+} from 'react-native-chess-kit';
+
+// Utilities (useful for overlay positioning)
+export { squareToXY, xyToSquare } from 'react-native-chess-kit';
+```
+
+## Architecture
+
+The board follows the chess.com / lichess pattern:
+
+- **Single gesture handler** at the board level (not per-piece)
+- **Reanimated shared values** for drag state (zero JS thread work during drag)
+- **Stable piece IDs** via smart FEN diffing (pieces survive position changes)
+- **chess.js** for internal legal move validation
+- **Worklet-only animation** using transform + opacity (Reanimated fast path)
+
+## License
+
+MIT

package/lib/commonjs/board-background.js

@@ -0,0 +1,49 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.BoardBackground = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+/**
+ * 64 static colored squares forming the chess board grid.
+ *
+ * These are plain Views with backgroundColor — no animations, no gesture
+ * handlers. They never re-render after mount unless the board theme changes.
+ */
+const BoardBackground = exports.BoardBackground = /*#__PURE__*/_react.default.memo(function BoardBackground({
+  boardSize,
+  lightColor,
+  darkColor
+}) {
+  const squareSize = boardSize / 8;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    style: {
+      width: boardSize,
+      height: boardSize,
+      flexDirection: 'row',
+      flexWrap: 'wrap'
+    },
+    children: SQUARE_INDICES.map(i => {
+      const row = Math.floor(i / 8);
+      const col = i % 8;
+      const isLight = (row + col) % 2 === 0;
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: {
+          width: squareSize,
+          height: squareSize,
+          backgroundColor: isLight ? lightColor : darkColor
+        }
+      }, i);
+    })
+  });
+});
+
+// Pre-computed array of 0-63 to avoid allocation on every render
+const SQUARE_INDICES = Array.from({
+  length: 64
+}, (_, i) => i);
+//# sourceMappingURL=board-background.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_jsxRuntime","e","__esModule","default","BoardBackground","exports","React","memo","boardSize","lightColor","darkColor","squareSize","jsx","View","style","width","height","flexDirection","flexWrap","children","SQUARE_INDICES","map","i","row","Math","floor","col","isLight","backgroundColor","Array","from","length","_"],"sourceRoot":"..\\..\\src","sources":["board-background.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAAoC,IAAAE,WAAA,GAAAF,OAAA;AAAA,SAAAD,uBAAAI,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAQpC;AACA;AACA;AACA;AACA;AACA;AACO,MAAMG,eAAe,GAAAC,OAAA,CAAAD,eAAA,gBAAGE,cAAK,CAACC,IAAI,CAAC,SAASH,eAAeA,CAAC;EACjEI,SAAS;EACTC,UAAU;EACVC;AACoB,CAAC,EAAE;EACvB,MAAMC,UAAU,GAAGH,SAAS,GAAG,CAAC;EAEhC,oBACE,IAAAR,WAAA,CAAAY,GAAA,EAACb,YAAA,CAAAc,IAAI;IAACC,KAAK,EAAE;MAAEC,KAAK,EAAEP,SAAS;MAAEQ,MAAM,EAAER,SAAS;MAAES,aAAa,EAAE,KAAK;MAAEC,QAAQ,EAAE;IAAO,CAAE;IAAAC,QAAA,EAC1FC,cAAc,CAACC,GAAG,CAAEC,CAAC,IAAK;MACzB,MAAMC,GAAG,GAAGC,IAAI,CAACC,KAAK,CAACH,CAAC,GAAG,CAAC,CAAC;MAC7B,MAAMI,GAAG,GAAGJ,CAAC,GAAG,CAAC;MACjB,MAAMK,OAAO,GAAG,CAACJ,GAAG,GAAGG,GAAG,IAAI,CAAC,KAAK,CAAC;MAErC,oBACE,IAAA1B,WAAA,CAAAY,GAAA,EAACb,YAAA,CAAAc,IAAI;QAEHC,KAAK,EAAE;UACLC,KAAK,EAAEJ,UAAU;UACjBK,MAAM,EAAEL,UAAU;UAClBiB,eAAe,EAAED,OAAO,GAAGlB,UAAU,GAAGC;QAC1C;MAAE,GALGY,CAMN,CAAC;IAEN,CAAC;EAAC,CACE,CAAC;AAEX,CAAC,CAAC;;AAEF;AACA,MAAMF,cAAc,GAAGS,KAAK,CAACC,IAAI,CAAC;EAAEC,MAAM,EAAE;AAAG,CAAC,EAAE,CAACC,CAAC,EAAEV,CAAC,KAAKA,CAAC,CAAC","ignoreList":[]}

package/lib/commonjs/board-coordinates.js

@@ -0,0 +1,78 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.BoardCoordinates = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const FILES_WHITE = ['a', 'b', 'c', 'd', 'e', 'f', 'g', 'h'];
+const FILES_BLACK = ['h', 'g', 'f', 'e', 'd', 'c', 'b', 'a'];
+const RANKS_WHITE = ['8', '7', '6', '5', '4', '3', '2', '1'];
+const RANKS_BLACK = ['1', '2', '3', '4', '5', '6', '7', '8'];
+
+/**
+ * File letters (a-h) and rank numbers (1-8) drawn on the board edges.
+ *
+ * Rendered as absolute-positioned Text components inside each corner square.
+ * File letters appear on the bottom rank, rank numbers on the left file.
+ * Colors alternate to contrast with the square behind them.
+ */
+const BoardCoordinates = exports.BoardCoordinates = /*#__PURE__*/_react.default.memo(function BoardCoordinates({
+  boardSize,
+  orientation,
+  lightColor,
+  darkColor,
+  withLetters,
+  withNumbers
+}) {
+  if (!withLetters && !withNumbers) return null;
+  const squareSize = boardSize / 8;
+  const fontSize = squareSize * 0.22;
+  const padding = squareSize * 0.06;
+  const files = orientation === 'white' ? FILES_WHITE : FILES_BLACK;
+  const ranks = orientation === 'white' ? RANKS_WHITE : RANKS_BLACK;
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: {
+      position: 'absolute',
+      width: boardSize,
+      height: boardSize
+    },
+    pointerEvents: "none",
+    children: [withNumbers && ranks.map((rank, row) => {
+      // First column square: row 0 col 0 = light if (0+0)%2===0
+      const isLight = row % 2 === 0;
+      const textColor = isLight ? darkColor : lightColor;
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        style: {
+          position: 'absolute',
+          left: padding,
+          top: row * squareSize + padding,
+          fontSize,
+          fontWeight: '700',
+          color: textColor
+        },
+        children: rank
+      }, `r-${rank}`);
+    }), withLetters && files.map((file, col) => {
+      // Last row (7), column col: light if (7+col)%2===0
+      const isLight = (7 + col) % 2 === 0;
+      const textColor = isLight ? darkColor : lightColor;
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        style: {
+          position: 'absolute',
+          right: (7 - col) * squareSize + padding,
+          bottom: padding,
+          fontSize,
+          fontWeight: '700',
+          color: textColor,
+          textAlign: 'right'
+        },
+        children: file
+      }, `f-${file}`);
+    })]
+  });
+});
+//# sourceMappingURL=board-coordinates.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_jsxRuntime","e","__esModule","default","FILES_WHITE","FILES_BLACK","RANKS_WHITE","RANKS_BLACK","BoardCoordinates","exports","React","memo","boardSize","orientation","lightColor","darkColor","withLetters","withNumbers","squareSize","fontSize","padding","files","ranks","jsxs","View","style","position","width","height","pointerEvents","children","map","rank","row","isLight","textColor","jsx","Text","left","top","fontWeight","color","file","col","right","bottom","textAlign"],"sourceRoot":"..\\..\\src","sources":["board-coordinates.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/board-drag-ghost.js

@@ -0,0 +1,110 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.BoardDragGhost = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
+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 }; }
+/**
+ * Floating piece that follows the user's finger during drag.
+ *
+ * Only ONE instance exists — not one per piece. It reads drag position
+ * from shared values on the UI thread, so zero JS bridge calls and
+ * zero re-renders while dragging.
+ */
+const BoardDragGhost = exports.BoardDragGhost = /*#__PURE__*/_react.default.memo(function BoardDragGhost({
+  squareSize,
+  isDragging,
+  dragX,
+  dragY,
+  dragPieceCode,
+  renderPiece
+}) {
+  const animatedStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => {
+    if (!isDragging.value || !dragPieceCode.value) {
+      return {
+        opacity: 0,
+        transform: [{
+          translateX: 0
+        }, {
+          translateY: 0
+        }]
+      };
+    }
+    return {
+      opacity: 1,
+      // Center the piece on the finger, slightly above for visibility
+      transform: [{
+        translateX: dragX.value - squareSize / 2
+      }, {
+        translateY: dragY.value - squareSize
+      }, {
+        scale: 1.1
+      }]
+    };
+  });
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.View, {
+    style: [{
+      position: 'absolute',
+      width: squareSize,
+      height: squareSize,
+      zIndex: 100
+    }, animatedStyle],
+    pointerEvents: "none",
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(DragGhostContent, {
+      renderPiece: renderPiece,
+      squareSize: squareSize,
+      dragPieceCode: dragPieceCode
+    })
+  });
+});
+
+/**
+ * Inner content that renders the actual piece image.
+ * Separate component so the Animated.View wrapper doesn't need
+ * to re-render when the piece code changes — it uses shared value.
+ */
+const DragGhostContent = /*#__PURE__*/_react.default.memo(function DragGhostContent({
+  renderPiece,
+  squareSize,
+  dragPieceCode
+}) {
+  // We render all 12 possible piece types and show/hide based on dragPieceCode.
+  // This avoids re-mounting the Image component during drag.
+  // Only the opacity changes — pure worklet animation.
+  const codes = PIECE_CODES;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+    children: codes.map(code => /*#__PURE__*/(0, _jsxRuntime.jsx)(GhostPieceSlot, {
+      code: code,
+      squareSize: squareSize,
+      dragPieceCode: dragPieceCode,
+      renderPiece: renderPiece
+    }, code))
+  });
+});
+const GhostPieceSlot = /*#__PURE__*/_react.default.memo(function GhostPieceSlot({
+  code,
+  squareSize,
+  dragPieceCode,
+  renderPiece
+}) {
+  const animatedStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => ({
+    opacity: dragPieceCode.value === code ? 1 : 0
+  }));
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.View, {
+    style: [{
+      position: 'absolute',
+      width: squareSize,
+      height: squareSize
+    }, animatedStyle],
+    children: renderPiece(code, squareSize)
+  });
+});
+
+// All 12 piece codes — pre-computed to avoid allocation
+const PIECE_CODES = ['wp', 'wn', 'wb', 'wr', 'wq', 'wk', 'bp', 'bn', 'bb', 'br', 'bq', 'bk'];
+//# sourceMappingURL=board-drag-ghost.js.map

package/lib/commonjs/board-drag-ghost.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNativeReanimated","_interopRequireWildcard","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","BoardDragGhost","exports","React","memo","squareSize","isDragging","dragX","dragY","dragPieceCode","renderPiece","animatedStyle","useAnimatedStyle","value","opacity","transform","translateX","translateY","scale","jsx","View","style","position","width","height","zIndex","pointerEvents","children","DragGhostContent","codes","PIECE_CODES","Fragment","map","code","GhostPieceSlot"],"sourceRoot":"..\\..\\src","sources":["board-drag-ghost.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/board-legal-dots.js

@@ -0,0 +1,67 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.BoardLegalDots = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _useBoardPieces = require("./use-board-pieces");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+/**
+ * Legal move indicator dots, rendered only when a piece is selected.
+ *
+ * Dots are CONDITIONALLY rendered (only for actual legal move squares,
+ * typically 5-15) instead of always mounting 64 invisible dot views.
+ */
+const BoardLegalDots = exports.BoardLegalDots = /*#__PURE__*/_react.default.memo(function BoardLegalDots({
+  legalMoves,
+  squareSize,
+  orientation
+}) {
+  if (legalMoves.length === 0) return null;
+  const dotSize = squareSize * 0.28;
+  const ringSize = squareSize * 0.85;
+  const borderWidth = squareSize * 0.08;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    style: {
+      position: 'absolute',
+      width: squareSize * 8,
+      height: squareSize * 8
+    },
+    pointerEvents: "none",
+    children: legalMoves.map(move => {
+      const {
+        x,
+        y
+      } = (0, _useBoardPieces.squareToXY)(move.square, squareSize, orientation);
+      if (move.isCapture) {
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+          style: {
+            position: 'absolute',
+            left: x + (squareSize - ringSize) / 2,
+            top: y + (squareSize - ringSize) / 2,
+            width: ringSize,
+            height: ringSize,
+            borderRadius: ringSize / 2,
+            borderWidth,
+            borderColor: 'rgba(0, 0, 0, 0.25)'
+          }
+        }, move.square);
+      }
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: {
+          position: 'absolute',
+          left: x + (squareSize - dotSize) / 2,
+          top: y + (squareSize - dotSize) / 2,
+          width: dotSize,
+          height: dotSize,
+          borderRadius: dotSize / 2,
+          backgroundColor: 'rgba(0, 0, 0, 0.25)'
+        }
+      }, move.square);
+    })
+  });
+});
+//# sourceMappingURL=board-legal-dots.js.map

package/lib/commonjs/board-legal-dots.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_useBoardPieces","_jsxRuntime","e","__esModule","default","BoardLegalDots","exports","React","memo","legalMoves","squareSize","orientation","length","dotSize","ringSize","borderWidth","jsx","View","style","position","width","height","pointerEvents","children","map","move","x","y","squareToXY","square","isCapture","left","top","borderRadius","borderColor","backgroundColor"],"sourceRoot":"..\\..\\src","sources":["board-legal-dots.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAGA,IAAAE,eAAA,GAAAF,OAAA;AAAgD,IAAAG,WAAA,GAAAH,OAAA;AAAA,SAAAD,uBAAAK,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAQhD;AACA;AACA;AACA;AACA;AACA;AACO,MAAMG,cAAc,GAAAC,OAAA,CAAAD,cAAA,gBAAGE,cAAK,CAACC,IAAI,CAAC,SAASH,cAAcA,CAAC;EAC/DI,UAAU;EACVC,UAAU;EACVC;AACmB,CAAC,EAAE;EACtB,IAAIF,UAAU,CAACG,MAAM,KAAK,CAAC,EAAE,OAAO,IAAI;EAExC,MAAMC,OAAO,GAAGH,UAAU,GAAG,IAAI;EACjC,MAAMI,QAAQ,GAAGJ,UAAU,GAAG,IAAI;EAClC,MAAMK,WAAW,GAAGL,UAAU,GAAG,IAAI;EAErC,oBACE,IAAAT,WAAA,CAAAe,GAAA,EAACjB,YAAA,CAAAkB,IAAI;IACHC,KAAK,EAAE;MAAEC,QAAQ,EAAE,UAAU;MAAEC,KAAK,EAAEV,UAAU,GAAG,CAAC;MAAEW,MAAM,EAAEX,UAAU,GAAG;IAAE,CAAE;IAC/EY,aAAa,EAAC,MAAM;IAAAC,QAAA,EAEnBd,UAAU,CAACe,GAAG,CAAEC,IAAI,IAAK;MACxB,MAAM;QAAEC,CAAC;QAAEC;MAAE,CAAC,GAAG,IAAAC,0BAAU,EAACH,IAAI,CAACI,MAAM,EAAEnB,UAAU,EAAEC,WAAW,CAAC;MAEjE,IAAIc,IAAI,CAACK,SAAS,EAAE;QAClB,oBACE,IAAA7B,WAAA,CAAAe,GAAA,EAACjB,YAAA,CAAAkB,IAAI;UAEHC,KAAK,EAAE;YACLC,QAAQ,EAAE,UAAU;YACpBY,IAAI,EAAEL,CAAC,GAAG,CAAChB,UAAU,GAAGI,QAAQ,IAAI,CAAC;YACrCkB,GAAG,EAAEL,CAAC,GAAG,CAACjB,UAAU,GAAGI,QAAQ,IAAI,CAAC;YACpCM,KAAK,EAAEN,QAAQ;YACfO,MAAM,EAAEP,QAAQ;YAChBmB,YAAY,EAAEnB,QAAQ,GAAG,CAAC;YAC1BC,WAAW;YACXmB,WAAW,EAAE;UACf;QAAE,GAVGT,IAAI,CAACI,MAWX,CAAC;MAEN;MAEA,oBACE,IAAA5B,WAAA,CAAAe,GAAA,EAACjB,YAAA,CAAAkB,IAAI;QAEHC,KAAK,EAAE;UACLC,QAAQ,EAAE,UAAU;UACpBY,IAAI,EAAEL,CAAC,GAAG,CAAChB,UAAU,GAAGG,OAAO,IAAI,CAAC;UACpCmB,GAAG,EAAEL,CAAC,GAAG,CAACjB,UAAU,GAAGG,OAAO,IAAI,CAAC;UACnCO,KAAK,EAAEP,OAAO;UACdQ,MAAM,EAAER,OAAO;UACfoB,YAAY,EAAEpB,OAAO,GAAG,CAAC;UACzBsB,eAAe,EAAE;QACnB;MAAE,GATGV,IAAI,CAACI,MAUX,CAAC;IAEN,CAAC;EAAC,CACE,CAAC;AAEX,CAAC,CAAC","ignoreList":[]}

package/lib/commonjs/board-piece.js

@@ -0,0 +1,74 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.BoardPieceView = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
+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); }
+/**
+ * A single animated chess piece.
+ *
+ * Animates ONLY `transform` and `opacity` — Reanimated's fast path on Android.
+ * No layout properties (top/left/width/height) are animated, avoiding costly
+ * layout recalculations on low-end devices.
+ *
+ * During drag:
+ * - Original piece hides (opacity: 0) — the drag ghost shows instead
+ * - 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
+ */
+const BoardPieceView = exports.BoardPieceView = /*#__PURE__*/_react.default.memo(function BoardPieceView({
+  targetX,
+  targetY,
+  squareSize,
+  moveDuration,
+  children,
+  activeSquare,
+  isDragging,
+  square
+}) {
+  // Shared values for smooth animated position — written from JS, read on UI thread
+  const currentX = (0, _reactNativeReanimated.useSharedValue)(targetX);
+  const currentY = (0, _reactNativeReanimated.useSharedValue)(targetY);
+
+  // When target position changes (piece moved), animate to the new square.
+  // 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]);
+  const animatedStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => {
+    const isBeingDragged = isDragging.value && activeSquare.value === square;
+    return {
+      transform: [{
+        translateX: currentX.value
+      }, {
+        translateY: currentY.value
+      }],
+      // Hide original piece during drag — drag ghost renders on top
+      opacity: isBeingDragged ? 0 : 1
+    };
+  });
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.View, {
+    style: [{
+      position: 'absolute',
+      width: squareSize,
+      height: squareSize
+    }, animatedStyle],
+    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);
+//# sourceMappingURL=board-piece.js.map

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

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

package/lib/commonjs/board-pieces.js

@@ -0,0 +1,47 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.BoardPiecesLayer = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _boardPiece = require("./board-piece");
+var _useBoardPieces = require("./use-board-pieces");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+/**
+ * Renders all pieces on the board.
+ *
+ * Each piece gets a stable key (from useBoardPieces) so React doesn't
+ * unmount/remount pieces that moved — it updates their position props
+ * and the BoardPieceView animates the transition.
+ */
+const BoardPiecesLayer = exports.BoardPiecesLayer = /*#__PURE__*/_react.default.memo(function BoardPiecesLayer({
+  pieces,
+  squareSize,
+  orientation,
+  moveDuration,
+  renderPiece,
+  activeSquare,
+  isDragging
+}) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+    children: pieces.map(piece => {
+      const {
+        x,
+        y
+      } = (0, _useBoardPieces.squareToXY)(piece.square, squareSize, orientation);
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_boardPiece.BoardPieceView, {
+        targetX: x,
+        targetY: y,
+        squareSize: squareSize,
+        moveDuration: moveDuration,
+        activeSquare: activeSquare,
+        isDragging: isDragging,
+        square: piece.square,
+        children: renderPiece(piece.code, squareSize)
+      }, piece.id);
+    })
+  });
+});
+//# sourceMappingURL=board-pieces.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_boardPiece","_useBoardPieces","_jsxRuntime","e","__esModule","default","BoardPiecesLayer","exports","React","memo","pieces","squareSize","orientation","moveDuration","renderPiece","activeSquare","isDragging","jsx","Fragment","children","map","piece","x","y","squareToXY","square","BoardPieceView","targetX","targetY","code","id"],"sourceRoot":"..\\..\\src","sources":["board-pieces.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAIA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,eAAA,GAAAF,OAAA;AAAgD,IAAAG,WAAA,GAAAH,OAAA;AAAA,SAAAD,uBAAAK,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAYhD;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMG,gBAAgB,GAAAC,OAAA,CAAAD,gBAAA,gBAAGE,cAAK,CAACC,IAAI,CAAC,SAASH,gBAAgBA,CAAC;EACnEI,MAAM;EACNC,UAAU;EACVC,WAAW;EACXC,YAAY;EACZC,WAAW;EACXC,YAAY;EACZC;AACgB,CAAC,EAAE;EACnB,oBACE,IAAAd,WAAA,CAAAe,GAAA,EAAAf,WAAA,CAAAgB,QAAA;IAAAC,QAAA,EACGT,MAAM,CAACU,GAAG,CAAEC,KAAK,IAAK;MACrB,MAAM;QAAEC,CAAC;QAAEC;MAAE,CAAC,GAAG,IAAAC,0BAAU,EAACH,KAAK,CAACI,MAAM,EAAEd,UAAU,EAAEC,WAAW,CAAC;MAElE,oBACE,IAAAV,WAAA,CAAAe,GAAA,EAACjB,WAAA,CAAA0B,cAAc;QAEbC,OAAO,EAAEL,CAAE;QACXM,OAAO,EAAEL,CAAE;QACXZ,UAAU,EAAEA,UAAW;QACvBE,YAAY,EAAEA,YAAa;QAC3BE,YAAY,EAAEA,YAAa;QAC3BC,UAAU,EAAEA,UAAW;QACvBS,MAAM,EAAEJ,KAAK,CAACI,MAAO;QAAAN,QAAA,EAEpBL,WAAW,CAACO,KAAK,CAACQ,IAAI,EAAElB,UAAU;MAAC,GAT/BU,KAAK,CAACS,EAUG,CAAC;IAErB,CAAC;EAAC,CACF,CAAC;AAEP,CAAC,CAAC","ignoreList":[]}