gigaboard 1.3.2 → 1.3.4

package/dist/index.d.cts

@@ -27,6 +27,12 @@ declare function Chessboard(props: ChessboardProps): react_jsx_runtime.JSX.Eleme
 declare const CSS_VARS: {
     readonly SQ_LIGHT: "--gb-sq-light";
     readonly SQ_DARK: "--gb-sq-dark";
+    readonly SQ_LIGHT_IMAGE: "--gb-sq-light-image";
+    readonly SQ_DARK_IMAGE: "--gb-sq-dark-image";
+    readonly SQ_IMAGE_SIZE: "--gb-sq-image-size";
+    readonly SQ_BLEND_MODE: "--gb-sq-blend-mode";
+    readonly PIECE_FILTER_WHITE: "--gb-piece-filter-white";
+    readonly PIECE_FILTER_BLACK: "--gb-piece-filter-black";
     readonly LAST_MOVE: "--gb-last-move";
     readonly SELECTED: "--gb-selected";
     readonly LEGAL_TARGET: "--gb-legal-target";
@@ -430,6 +436,6 @@ declare const defaultPieces: PieceRenderer;
  */
 
 /** Package version — keep in sync with `package.json`. */
-declare const PACKAGE_VERSION = "1.3.2";
+declare const PACKAGE_VERSION = "1.3.3";
 
 export { AnimationOptions, AnimationRunner, BoardCell, BoardModel, BoardSnapshot, CSS_VARS, Chessboard, ChessboardProps, DEFAULT_ILLEGAL_FLASH_TINT, DEFAULT_PREMOVE_TINT, type HoverSquareContext, Orientation, PACKAGE_VERSION, PackedMove, PieceRenderer, ResolvedArrowPalette, SquareIndex, Theme, UseChessGameOptions, defaultArrowColors, defaultPieces, defaultTheme, getPointAtSquareCentre, getSquareAtPoint, useArrowGesture, useBoardSlice, useBoardSnapshot, useChessGame, useClickToMove, useDrag, useHoverSquare, useKeyboardNav, useSquareCell };

package/dist/index.d.ts

@@ -27,6 +27,12 @@ declare function Chessboard(props: ChessboardProps): react_jsx_runtime.JSX.Eleme
 declare const CSS_VARS: {
     readonly SQ_LIGHT: "--gb-sq-light";
     readonly SQ_DARK: "--gb-sq-dark";
+    readonly SQ_LIGHT_IMAGE: "--gb-sq-light-image";
+    readonly SQ_DARK_IMAGE: "--gb-sq-dark-image";
+    readonly SQ_IMAGE_SIZE: "--gb-sq-image-size";
+    readonly SQ_BLEND_MODE: "--gb-sq-blend-mode";
+    readonly PIECE_FILTER_WHITE: "--gb-piece-filter-white";
+    readonly PIECE_FILTER_BLACK: "--gb-piece-filter-black";
     readonly LAST_MOVE: "--gb-last-move";
     readonly SELECTED: "--gb-selected";
     readonly LEGAL_TARGET: "--gb-legal-target";
@@ -430,6 +436,6 @@ declare const defaultPieces: PieceRenderer;
  */
 
 /** Package version — keep in sync with `package.json`. */
-declare const PACKAGE_VERSION = "1.3.2";
+declare const PACKAGE_VERSION = "1.3.3";
 
 export { AnimationOptions, AnimationRunner, BoardCell, BoardModel, BoardSnapshot, CSS_VARS, Chessboard, ChessboardProps, DEFAULT_ILLEGAL_FLASH_TINT, DEFAULT_PREMOVE_TINT, type HoverSquareContext, Orientation, PACKAGE_VERSION, PackedMove, PieceRenderer, ResolvedArrowPalette, SquareIndex, Theme, UseChessGameOptions, defaultArrowColors, defaultPieces, defaultTheme, getPointAtSquareCentre, getSquareAtPoint, useArrowGesture, useBoardSlice, useBoardSnapshot, useChessGame, useClickToMove, useDrag, useHoverSquare, useKeyboardNav, useSquareCell };

package/dist/index.js

@@ -1,7 +1,7 @@
-import { PieceType, Color, createDragController, createGigachessAdapter, createBoardModel, isEmptyCell, pieceTypeOf, colorOf, encodeBoardCell, decodePackedMove } from './chunk-P24JILQQ.js';
-export { Color, PieceType, createBoardModel, createGigachessAdapter, packMove, preloadGigachessAdapter, unpackMove } from './chunk-P24JILQQ.js';
-import { CSS_VARS, defaultTheme, defaultPieces, parseFenPlacement, defaultArrowColors, DEFAULT_ILLEGAL_FLASH_TINT, DEFAULT_PREMOVE_TINT } from './chunk-CXDGJMYL.js';
-export { CSS_VARS, DEFAULT_ILLEGAL_FLASH_TINT, DEFAULT_PREMOVE_TINT, defaultArrowColors, defaultPieces, defaultTheme } from './chunk-CXDGJMYL.js';
+import { PieceType, Color, createDragController, createGigachessAdapter, createBoardModel, isEmptyCell, pieceTypeOf, colorOf, encodeBoardCell, decodePackedMove } from './chunk-OQZ7MNMY.js';
+export { Color, PieceType, createBoardModel, createGigachessAdapter, packMove, preloadGigachessAdapter, unpackMove } from './chunk-OQZ7MNMY.js';
+import { CSS_VARS, defaultTheme, defaultPieces, parseFenPlacement, defaultArrowColors, DEFAULT_ILLEGAL_FLASH_TINT, DEFAULT_PREMOVE_TINT } from './chunk-EJUGH25P.js';
+export { CSS_VARS, DEFAULT_ILLEGAL_FLASH_TINT, DEFAULT_PREMOVE_TINT, defaultArrowColors, defaultPieces, defaultTheme } from './chunk-EJUGH25P.js';
 import './chunk-OQLY5GJF.js';
 import './chunk-U6WAD322.js';
 import './chunk-44YKPXXT.js';
@@ -361,9 +361,12 @@ function SquareImpl({
       style: {
         position: "relative",
         // `backgroundColor` (not the `background` shorthand) so the
-        // CSS `background-image` set by `useSelectionController` can
-        // layer on top without clobbering this base colour.
+        // CSS `background-image` set by `useSelectionController` (or pseudo-elements)
+        // can layer on top without clobbering this base colour.
         backgroundColor: `var(${isLight ? CSS_VARS.SQ_LIGHT : CSS_VARS.SQ_DARK})`,
+        backgroundImage: `var(${isLight ? CSS_VARS.SQ_LIGHT_IMAGE : CSS_VARS.SQ_DARK_IMAGE},none)`,
+        backgroundSize: `var(${CSS_VARS.SQ_IMAGE_SIZE},cover)`,
+        backgroundBlendMode: `var(${CSS_VARS.SQ_BLEND_MODE},normal)`,
         // Cursor is managed by `useCursorController` via injected CSS so
         // it can flip between `pointer` / `grab` / `grabbing` without a
         // React re-render per hover.
@@ -580,7 +583,10 @@ var DragLayer = forwardRef(function DragLayer2({ pieces }, ref) {
               slotRefs.current[cell] = el;
             },
             "data-drag-cell": cell,
-            style: SLOT_STYLE,
+            style: {
+              ...SLOT_STYLE,
+              filter: `var(${cell <= 6 ? CSS_VARS.PIECE_FILTER_WHITE : CSS_VARS.PIECE_FILTER_BLACK}, none)`
+            },
             children: child
           },
           cell
@@ -797,7 +803,12 @@ function PieceSlotImpl({ index, model, orientation, pieces }) {
     {
       "data-piece-square": algebraicOf3(index),
       "data-piece-cell": cell,
-      style: { ...SLOT_BASE_STYLE, gridColumnStart: col, gridRowStart: row },
+      style: {
+        ...SLOT_BASE_STYLE,
+        gridColumnStart: col,
+        gridRowStart: row,
+        filter: `var(${cell <= 6 ? CSS_VARS.PIECE_FILTER_WHITE : CSS_VARS.PIECE_FILTER_BLACK}, none)`
+      },
       children: pieces({ cell, square: index })
     }
   );
@@ -978,7 +989,7 @@ function PromotionOverlay({
       if (e.key === "Tab") {
         e.preventDefault();
         const activeEl = document.activeElement;
-        const currentIdx = buttonRefs.current.findIndex((el) => el === activeEl);
+        const currentIdx = buttonRefs.current.indexOf(activeEl);
         let nextIdx;
         if (e.shiftKey) {
           nextIdx = currentIdx <= 0 ? buttonRefs.current.length - 1 : currentIdx - 1;
@@ -991,7 +1002,7 @@ function PromotionOverlay({
       if (e.key === "ArrowDown" || e.key === "ArrowRight") {
         e.preventDefault();
         const activeEl = document.activeElement;
-        const currentIdx = buttonRefs.current.findIndex((el) => el === activeEl);
+        const currentIdx = buttonRefs.current.indexOf(activeEl);
         const nextIdx = currentIdx < 0 ? 0 : (currentIdx + 1) % CHOICE_ORDER.length;
         buttonRefs.current[nextIdx]?.focus();
         return;
@@ -999,7 +1010,7 @@ function PromotionOverlay({
       if (e.key === "ArrowUp" || e.key === "ArrowLeft") {
         e.preventDefault();
         const activeEl = document.activeElement;
-        const currentIdx = buttonRefs.current.findIndex((el) => el === activeEl);
+        const currentIdx = buttonRefs.current.indexOf(activeEl);
         const prevIdx = currentIdx <= 0 ? CHOICE_ORDER.length - 1 : currentIdx - 1;
         buttonRefs.current[prevIdx]?.focus();
         return;
@@ -1143,7 +1154,12 @@ function StaticPieceLayer({ board, orientation, pieces }) {
         {
           "data-piece-square": algebraicOf3(index),
           "data-piece-cell": cell,
-          style: { ...SLOT_BASE_STYLE, gridColumnStart: col, gridRowStart: row },
+          style: {
+            ...SLOT_BASE_STYLE,
+            gridColumnStart: col,
+            gridRowStart: row,
+            filter: `var(${cell <= 6 ? CSS_VARS.PIECE_FILTER_WHITE : CSS_VARS.PIECE_FILTER_BLACK}, none)`
+          },
           children: pieces({ cell, square: index })
         },
         i
@@ -2891,7 +2907,7 @@ function useChessGame(options = {}) {
 }
 
 // src/index.ts
-var PACKAGE_VERSION = "1.3.2";
+var PACKAGE_VERSION = "1.3.3";
 
 export { AnimationRunner, Chessboard, DEFAULT_MOVE_HAPTIC_PATTERNS, DEFAULT_MOVE_SOUND_SOURCES, PACKAGE_VERSION, classifyMoveFeedback, getPointAtSquareCentre, getSquareAtPoint, triggerHaptic, triggerMoveHaptic, useArrowGesture, useBoardSlice, useBoardSnapshot, useChessGame, useClickToMove, useDrag, useHoverSquare, useKeyboardNav, useMoveHaptics, useMoveSound, useSquareCell, warmupHaptics };
 //# sourceMappingURL=index.js.map