react-native-chess-kit 0.4.2 → 0.5.1

package/LICENSE

@@ -1,21 +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.
+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

@@ -1,168 +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
+# 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-annotations.js

@@ -18,11 +18,11 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e
 // 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.
+/**
+ * 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,
@@ -81,9 +81,9 @@ const BoardAnnotations = exports.BoardAnnotations = /*#__PURE__*/_react.default.
 // Standalone export for advanced consumers
 // ---------------------------------------------------------------------------
 
-/**
- * Single annotation badge component.
- * Exported for consumers who build their own overlay layers.
+/**
+ * Single annotation badge component.
+ * Exported for consumers who build their own overlay layers.
  */
 const Annotation = exports.Annotation = /*#__PURE__*/_react.default.memo(function Annotation({
   square,

package/lib/commonjs/board-arrows.js

@@ -52,13 +52,13 @@ function calculateArrowPath(from, to, shortenBy) {
 // 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.
+/**
+ * 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,

package/lib/commonjs/board-background.js

@@ -8,11 +8,11 @@ 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.
+/**
+ * 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,

package/lib/commonjs/board-coordinates.js

@@ -13,12 +13,14 @@ 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.
+/**
+ * File letters (a-h) and rank numbers (1-8) drawn on or around the board.
+ *
+ * Two modes:
+ * - **inside** (default): absolute-positioned inside each edge square, colors
+ *   alternate to contrast with the square behind them.
+ * - **outside**: rendered in a gutter area around the board. Rank numbers to
+ *   the left, file letters along the bottom. Uses the dark square color.
  */
 const BoardCoordinates = exports.BoardCoordinates = /*#__PURE__*/_react.default.memo(function BoardCoordinates({
   boardSize,
@@ -26,14 +28,81 @@ const BoardCoordinates = exports.BoardCoordinates = /*#__PURE__*/_react.default.
   lightColor,
   darkColor,
   withLetters,
-  withNumbers
+  withNumbers,
+  position = 'inside',
+  gutterWidth = 0
 }) {
   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;
+
+  // ── Outside mode: labels in gutter area around the board ──
+  if (position === 'outside') {
+    const fontSize = gutterWidth * 0.65;
+    const textColor = darkColor;
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+      children: [withNumbers && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: {
+          position: 'absolute',
+          left: 0,
+          top: 0,
+          width: gutterWidth,
+          height: boardSize
+        },
+        pointerEvents: "none",
+        children: ranks.map((rank, row) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+          style: {
+            position: 'absolute',
+            top: row * squareSize,
+            width: gutterWidth,
+            height: squareSize,
+            alignItems: 'center',
+            justifyContent: 'center'
+          },
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+            style: {
+              fontSize,
+              fontWeight: '600',
+              color: textColor
+            },
+            children: rank
+          })
+        }, `r-${rank}`))
+      }), withLetters && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: {
+          position: 'absolute',
+          left: withNumbers ? gutterWidth : 0,
+          bottom: 0,
+          width: boardSize,
+          height: gutterWidth
+        },
+        pointerEvents: "none",
+        children: files.map((file, col) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+          style: {
+            position: 'absolute',
+            left: col * squareSize,
+            width: squareSize,
+            height: gutterWidth,
+            alignItems: 'center',
+            justifyContent: 'center'
+          },
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+            style: {
+              fontSize,
+              fontWeight: '600',
+              color: textColor
+            },
+            children: file
+          })
+        }, `f-${file}`))
+      })]
+    });
+  }
+
+  // ── Inside mode (default): absolute-positioned inside edge squares ──
+  const fontSize = squareSize * 0.22;
+  const padding = squareSize * 0.06;
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
     style: {
       position: 'absolute',
@@ -42,7 +111,6 @@ const BoardCoordinates = exports.BoardCoordinates = /*#__PURE__*/_react.default.
     },
     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, {
@@ -57,7 +125,6 @@ const BoardCoordinates = exports.BoardCoordinates = /*#__PURE__*/_react.default.
         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, {

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

@@ -1 +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":[]}
+{"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","position","gutterWidth","squareSize","files","ranks","fontSize","textColor","jsxs","Fragment","children","jsx","View","style","left","top","width","height","pointerEvents","map","rank","row","alignItems","justifyContent","Text","fontWeight","color","bottom","file","col","padding","isLight","right","textAlign"],"sourceRoot":"..\\..\\src","sources":["board-coordinates.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -9,12 +9,12 @@ var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reani
 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.
+/**
+ * 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,
@@ -63,10 +63,10 @@ const BoardDragGhost = exports.BoardDragGhost = /*#__PURE__*/_react.default.memo
   });
 });
 
-/**
- * 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.
+/**
+ * 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,