react-native-chess-kit 0.1.0

package/lib/commonjs/use-board-state.js

@@ -0,0 +1,78 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useBoardState = useBoardState;
+var _react = require("react");
+var _chess = require("chess.js");
+/**
+ * Manages the internal chess.js instance for legal move validation.
+ *
+ * This mirrors the visual board state. When the parent passes a new FEN,
+ * the internal chess.js is synced. Legal move queries and move application
+ * happen against this instance.
+ *
+ * The chess.js instance lives in a ref — no React state, no re-renders.
+ */
+function useBoardState(initialFen) {
+  const chessRef = (0, _react.useRef)(null);
+  if (!chessRef.current) chessRef.current = new _chess.Chess(initialFen);
+  const getLegalMoves = (0, _react.useCallback)(square => {
+    try {
+      const moves = chessRef.current.moves({
+        square: square,
+        verbose: true
+      });
+      return moves.map(m => ({
+        square: m.to,
+        isCapture: m.captured !== undefined
+      }));
+    } catch {
+      return [];
+    }
+  }, []);
+  const isPlayerPiece = (0, _react.useCallback)((square, pieces, player) => {
+    const piece = pieces.find(p => p.square === square);
+    if (!piece) return false;
+    if (player === 'both') return true;
+    const pieceColor = piece.color === 'w' ? 'white' : 'black';
+    return pieceColor === player;
+  }, []);
+  const applyMove = (0, _react.useCallback)((from, to, promotion) => {
+    try {
+      chessRef.current.move({
+        from: from,
+        to: to,
+        promotion: promotion
+      });
+      return {
+        applied: true,
+        fen: chessRef.current.fen()
+      };
+    } catch {
+      return {
+        applied: false
+      };
+    }
+  }, []);
+  const undoMove = (0, _react.useCallback)(() => {
+    const result = chessRef.current.undo();
+    return result ? chessRef.current.fen() : null;
+  }, []);
+  const loadFen = (0, _react.useCallback)(fen => {
+    chessRef.current.load(fen);
+  }, []);
+  const getFen = (0, _react.useCallback)(() => chessRef.current.fen(), []);
+  const getTurn = (0, _react.useCallback)(() => chessRef.current.turn(), []);
+  return {
+    getLegalMoves,
+    isPlayerPiece,
+    applyMove,
+    undoMove,
+    loadFen,
+    getFen,
+    getTurn
+  };
+}
+//# sourceMappingURL=use-board-state.js.map

package/lib/commonjs/use-board-state.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_chess","useBoardState","initialFen","chessRef","useRef","current","Chess","getLegalMoves","useCallback","square","moves","verbose","map","m","to","isCapture","captured","undefined","isPlayerPiece","pieces","player","piece","find","p","pieceColor","color","applyMove","from","promotion","move","applied","fen","undoMove","result","undo","loadFen","load","getFen","getTurn","turn"],"sourceRoot":"..\\..\\src","sources":["use-board-state.ts"],"mappings":"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","ignoreList":[]}

package/lib/module/board-background.js

@@ -0,0 +1,44 @@
+"use strict";
+
+import React from 'react';
+import { View } from 'react-native';
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * 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.
+ */
+export const BoardBackground = /*#__PURE__*/React.memo(function BoardBackground({
+  boardSize,
+  lightColor,
+  darkColor
+}) {
+  const squareSize = boardSize / 8;
+  return /*#__PURE__*/_jsx(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__*/_jsx(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/module/board-background.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","jsx","_jsx","BoardBackground","memo","boardSize","lightColor","darkColor","squareSize","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,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,cAAc;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAQpC;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,eAAe,gBAAGJ,KAAK,CAACK,IAAI,CAAC,SAASD,eAAeA,CAAC;EACjEE,SAAS;EACTC,UAAU;EACVC;AACoB,CAAC,EAAE;EACvB,MAAMC,UAAU,GAAGH,SAAS,GAAG,CAAC;EAEhC,oBACEH,IAAA,CAACF,IAAI;IAACS,KAAK,EAAE;MAAEC,KAAK,EAAEL,SAAS;MAAEM,MAAM,EAAEN,SAAS;MAAEO,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,oBACEnB,IAAA,CAACF,IAAI;QAEHS,KAAK,EAAE;UACLC,KAAK,EAAEF,UAAU;UACjBG,MAAM,EAAEH,UAAU;UAClBe,eAAe,EAAED,OAAO,GAAGhB,UAAU,GAAGC;QAC1C;MAAE,GALGU,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/module/board-coordinates.js

@@ -0,0 +1,73 @@
+"use strict";
+
+import React from 'react';
+import { View, Text } from 'react-native';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+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.
+ */
+export const BoardCoordinates = /*#__PURE__*/React.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__*/_jsxs(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__*/_jsx(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__*/_jsx(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/module/board-coordinates.js.map

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

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

@@ -0,0 +1,104 @@
+"use strict";
+
+import React from 'react';
+import Animated, { useAnimatedStyle } from 'react-native-reanimated';
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+/**
+ * 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.
+ */
+export const BoardDragGhost = /*#__PURE__*/React.memo(function BoardDragGhost({
+  squareSize,
+  isDragging,
+  dragX,
+  dragY,
+  dragPieceCode,
+  renderPiece
+}) {
+  const animatedStyle = 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__*/_jsx(Animated.View, {
+    style: [{
+      position: 'absolute',
+      width: squareSize,
+      height: squareSize,
+      zIndex: 100
+    }, animatedStyle],
+    pointerEvents: "none",
+    children: /*#__PURE__*/_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.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__*/_jsx(_Fragment, {
+    children: codes.map(code => /*#__PURE__*/_jsx(GhostPieceSlot, {
+      code: code,
+      squareSize: squareSize,
+      dragPieceCode: dragPieceCode,
+      renderPiece: renderPiece
+    }, code))
+  });
+});
+const GhostPieceSlot = /*#__PURE__*/React.memo(function GhostPieceSlot({
+  code,
+  squareSize,
+  dragPieceCode,
+  renderPiece
+}) {
+  const animatedStyle = useAnimatedStyle(() => ({
+    opacity: dragPieceCode.value === code ? 1 : 0
+  }));
+  return /*#__PURE__*/_jsx(Animated.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/module/board-drag-ghost.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Animated","useAnimatedStyle","jsx","_jsx","Fragment","_Fragment","BoardDragGhost","memo","squareSize","isDragging","dragX","dragY","dragPieceCode","renderPiece","animatedStyle","value","opacity","transform","translateX","translateY","scale","View","style","position","width","height","zIndex","pointerEvents","children","DragGhostContent","codes","PIECE_CODES","map","code","GhostPieceSlot"],"sourceRoot":"..\\..\\src","sources":["board-drag-ghost.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,62 @@
+"use strict";
+
+import React from 'react';
+import { View } from 'react-native';
+import { squareToXY } from './use-board-pieces';
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * 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.
+ */
+export const BoardLegalDots = /*#__PURE__*/React.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__*/_jsx(View, {
+    style: {
+      position: 'absolute',
+      width: squareSize * 8,
+      height: squareSize * 8
+    },
+    pointerEvents: "none",
+    children: legalMoves.map(move => {
+      const {
+        x,
+        y
+      } = squareToXY(move.square, squareSize, orientation);
+      if (move.isCapture) {
+        return /*#__PURE__*/_jsx(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__*/_jsx(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/module/board-legal-dots.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","squareToXY","jsx","_jsx","BoardLegalDots","memo","legalMoves","squareSize","orientation","length","dotSize","ringSize","borderWidth","style","position","width","height","pointerEvents","children","map","move","x","y","square","isCapture","left","top","borderRadius","borderColor","backgroundColor"],"sourceRoot":"..\\..\\src","sources":["board-legal-dots.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,cAAc;AAGnC,SAASC,UAAU,QAAQ,oBAAoB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAQhD;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,cAAc,gBAAGL,KAAK,CAACM,IAAI,CAAC,SAASD,cAAcA,CAAC;EAC/DE,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,oBACEJ,IAAA,CAACH,IAAI;IACHa,KAAK,EAAE;MAAEC,QAAQ,EAAE,UAAU;MAAEC,KAAK,EAAER,UAAU,GAAG,CAAC;MAAES,MAAM,EAAET,UAAU,GAAG;IAAE,CAAE;IAC/EU,aAAa,EAAC,MAAM;IAAAC,QAAA,EAEnBZ,UAAU,CAACa,GAAG,CAAEC,IAAI,IAAK;MACxB,MAAM;QAAEC,CAAC;QAAEC;MAAE,CAAC,GAAGrB,UAAU,CAACmB,IAAI,CAACG,MAAM,EAAEhB,UAAU,EAAEC,WAAW,CAAC;MAEjE,IAAIY,IAAI,CAACI,SAAS,EAAE;QAClB,oBACErB,IAAA,CAACH,IAAI;UAEHa,KAAK,EAAE;YACLC,QAAQ,EAAE,UAAU;YACpBW,IAAI,EAAEJ,CAAC,GAAG,CAACd,UAAU,GAAGI,QAAQ,IAAI,CAAC;YACrCe,GAAG,EAAEJ,CAAC,GAAG,CAACf,UAAU,GAAGI,QAAQ,IAAI,CAAC;YACpCI,KAAK,EAAEJ,QAAQ;YACfK,MAAM,EAAEL,QAAQ;YAChBgB,YAAY,EAAEhB,QAAQ,GAAG,CAAC;YAC1BC,WAAW;YACXgB,WAAW,EAAE;UACf;QAAE,GAVGR,IAAI,CAACG,MAWX,CAAC;MAEN;MAEA,oBACEpB,IAAA,CAACH,IAAI;QAEHa,KAAK,EAAE;UACLC,QAAQ,EAAE,UAAU;UACpBW,IAAI,EAAEJ,CAAC,GAAG,CAACd,UAAU,GAAGG,OAAO,IAAI,CAAC;UACpCgB,GAAG,EAAEJ,CAAC,GAAG,CAACf,UAAU,GAAGG,OAAO,IAAI,CAAC;UACnCK,KAAK,EAAEL,OAAO;UACdM,MAAM,EAAEN,OAAO;UACfiB,YAAY,EAAEjB,OAAO,GAAG,CAAC;UACzBmB,eAAe,EAAE;QACnB;MAAE,GATGT,IAAI,CAACG,MAUX,CAAC;IAEN,CAAC;EAAC,CACE,CAAC;AAEX,CAAC,CAAC","ignoreList":[]}

package/lib/module/board-piece.js

@@ -0,0 +1,69 @@
+"use strict";
+
+import React, { useEffect } from 'react';
+import Animated, { useAnimatedStyle, useSharedValue, withTiming } from 'react-native-reanimated';
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * 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
+ */
+export const BoardPieceView = /*#__PURE__*/React.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 = useSharedValue(targetX);
+  const currentY = 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.
+  useEffect(() => {
+    currentX.value = moveDuration > 0 ? withTiming(targetX, {
+      duration: moveDuration
+    }) : targetX;
+    currentY.value = moveDuration > 0 ? withTiming(targetY, {
+      duration: moveDuration
+    }) : targetY;
+  }, [targetX, targetY, moveDuration, currentX, currentY]);
+  const animatedStyle = 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__*/_jsx(Animated.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/module/board-piece.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useEffect","Animated","useAnimatedStyle","useSharedValue","withTiming","jsx","_jsx","BoardPieceView","memo","targetX","targetY","squareSize","moveDuration","children","activeSquare","isDragging","square","currentX","currentY","value","duration","animatedStyle","isBeingDragged","transform","translateX","translateY","opacity","View","style","position","width","height","prev","next"],"sourceRoot":"..\\..\\src","sources":["board-piece.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,SAAS,QAAQ,OAAO;AACxC,OAAOC,QAAQ,IACbC,gBAAgB,EAChBC,cAAc,EACdC,UAAU,QAEL,yBAAyB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAmBjC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,cAAc,gBAAGR,KAAK,CAACS,IAAI,CACtC,SAASD,cAAcA,CAAC;EACtBE,OAAO;EACPC,OAAO;EACPC,UAAU;EACVC,YAAY;EACZC,QAAQ;EACRC,YAAY;EACZC,UAAU;EACVC;AACe,CAAC,EAAE;EAClB;EACA,MAAMC,QAAQ,GAAGd,cAAc,CAACM,OAAO,CAAC;EACxC,MAAMS,QAAQ,GAAGf,cAAc,CAACO,OAAO,CAAC;;EAExC;EACA;EACA;EACAV,SAAS,CAAC,MAAM;IACdiB,QAAQ,CAACE,KAAK,GAAGP,YAAY,GAAG,CAAC,GAC7BR,UAAU,CAACK,OAAO,EAAE;MAAEW,QAAQ,EAAER;IAAa,CAAC,CAAC,GAC/CH,OAAO;IACXS,QAAQ,CAACC,KAAK,GAAGP,YAAY,GAAG,CAAC,GAC7BR,UAAU,CAACM,OAAO,EAAE;MAAEU,QAAQ,EAAER;IAAa,CAAC,CAAC,GAC/CF,OAAO;EACb,CAAC,EAAE,CAACD,OAAO,EAAEC,OAAO,EAAEE,YAAY,EAAEK,QAAQ,EAAEC,QAAQ,CAAC,CAAC;EAExD,MAAMG,aAAa,GAAGnB,gBAAgB,CAAC,MAAM;IAC3C,MAAMoB,cAAc,GAAGP,UAAU,CAACI,KAAK,IAAIL,YAAY,CAACK,KAAK,KAAKH,MAAM;IAExE,OAAO;MACLO,SAAS,EAAE,CACT;QAAEC,UAAU,EAAEP,QAAQ,CAACE;MAAM,CAAC,EAC9B;QAAEM,UAAU,EAAEP,QAAQ,CAACC;MAAM,CAAC,CAC/B;MACD;MACAO,OAAO,EAAEJ,cAAc,GAAG,CAAC,GAAG;IAChC,CAAC;EACH,CAAC,CAAC;EAEF,oBACEhB,IAAA,CAACL,QAAQ,CAAC0B,IAAI;IACZC,KAAK,EAAE,CACL;MACEC,QAAQ,EAAE,UAAU;MACpBC,KAAK,EAAEnB,UAAU;MACjBoB,MAAM,EAAEpB;IACV,CAAC,EACDU,aAAa,CACb;IAAAR,QAAA,EAEDA;EAAQ,CACI,CAAC;AAEpB,CAAC;AACD;AACA,CAACmB,IAAI,EAAEC,IAAI,KACTD,IAAI,CAACvB,OAAO,KAAKwB,IAAI,CAACxB,OAAO,IAC7BuB,IAAI,CAACtB,OAAO,KAAKuB,IAAI,CAACvB,OAAO,IAC7BsB,IAAI,CAAChB,MAAM,KAAKiB,IAAI,CAACjB,MAAM,IAC3BgB,IAAI,CAACrB,UAAU,KAAKsB,IAAI,CAACtB,UAAU,IACnCqB,IAAI,CAACpB,YAAY,KAAKqB,IAAI,CAACrB,YAAY,IACvCoB,IAAI,CAACnB,QAAQ,KAAKoB,IAAI,CAACpB,QAC3B,CAAC","ignoreList":[]}

package/lib/module/board-pieces.js

@@ -0,0 +1,42 @@
+"use strict";
+
+import React from 'react';
+import { BoardPieceView } from './board-piece';
+import { squareToXY } from './use-board-pieces';
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+/**
+ * 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.
+ */
+export const BoardPiecesLayer = /*#__PURE__*/React.memo(function BoardPiecesLayer({
+  pieces,
+  squareSize,
+  orientation,
+  moveDuration,
+  renderPiece,
+  activeSquare,
+  isDragging
+}) {
+  return /*#__PURE__*/_jsx(_Fragment, {
+    children: pieces.map(piece => {
+      const {
+        x,
+        y
+      } = squareToXY(piece.square, squareSize, orientation);
+      return /*#__PURE__*/_jsx(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/module/board-pieces.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","BoardPieceView","squareToXY","jsx","_jsx","Fragment","_Fragment","BoardPiecesLayer","memo","pieces","squareSize","orientation","moveDuration","renderPiece","activeSquare","isDragging","children","map","piece","x","y","square","targetX","targetY","code","id"],"sourceRoot":"..\\..\\src","sources":["board-pieces.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AAIzB,SAASC,cAAc,QAAQ,eAAe;AAC9C,SAASC,UAAU,QAAQ,oBAAoB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,QAAA,IAAAC,SAAA;AAYhD;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,gBAAgB,gBAAGP,KAAK,CAACQ,IAAI,CAAC,SAASD,gBAAgBA,CAAC;EACnEE,MAAM;EACNC,UAAU;EACVC,WAAW;EACXC,YAAY;EACZC,WAAW;EACXC,YAAY;EACZC;AACgB,CAAC,EAAE;EACnB,oBACEX,IAAA,CAAAE,SAAA;IAAAU,QAAA,EACGP,MAAM,CAACQ,GAAG,CAAEC,KAAK,IAAK;MACrB,MAAM;QAAEC,CAAC;QAAEC;MAAE,CAAC,GAAGlB,UAAU,CAACgB,KAAK,CAACG,MAAM,EAAEX,UAAU,EAAEC,WAAW,CAAC;MAElE,oBACEP,IAAA,CAACH,cAAc;QAEbqB,OAAO,EAAEH,CAAE;QACXI,OAAO,EAAEH,CAAE;QACXV,UAAU,EAAEA,UAAW;QACvBE,YAAY,EAAEA,YAAa;QAC3BE,YAAY,EAAEA,YAAa;QAC3BC,UAAU,EAAEA,UAAW;QACvBM,MAAM,EAAEH,KAAK,CAACG,MAAO;QAAAL,QAAA,EAEpBH,WAAW,CAACK,KAAK,CAACM,IAAI,EAAEd,UAAU;MAAC,GAT/BQ,KAAK,CAACO,EAUG,CAAC;IAErB,CAAC;EAAC,CACF,CAAC;AAEP,CAAC,CAAC","ignoreList":[]}