feat: Custom Board Dimensions

[mmaciesowicz]

Feature Changes

• Added customization to the board dimensions (allow the user to specify the number of rows and columns on the board) up to 16x16 boards.
• Updated API: boardDimensions: object: {rows: 8, columns: 8 }
• Created new Storybook entry to test

Why is this Useful?

There are thousands of chess variants that exist -- many of which do not use a standard board size of 8x8. For example, Capablanca Chess uses a 10×8 board, Double Chess requires a 16×12 board, and Los Alamos Chess is played on a 6×6 board. This gives users the flexibility to change the board to their own need while still maintaining compatibility with standard 8x8 board sizes.

How to Test

• npm run storybook
• Choose the 'Varying Board Dimensions' setting/option
  

Dev Testing

react-chessboard-demo.mp4

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
react-chessboard	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Feb 18, 2025 8:05pm

[Clariity]

v5 is now ready for beta testing, please install the latest beta to give it a try:

pnpm i react-chessboard@beta

You will need to follow the upgrade guide

this feature exists in the new version and can be found here in the new docs

[Clariity]

closing due to inactivity, please open a new PR if you find the issue within v5