Currently, the style and layout of the Moves component is very limited. Users can change the css applied to:
The root node
The currently active node
Inactive nonroot nodes
The currently active move being looked at
They can also provide CSS styling for the entire container.
I would like to give them control over the actual layout in which moves are rendered. For example if you look at the lichess analysis board and start making a bunch of branches, you will see that each move half of the root node renders on a different side, each full move on the root node stacks vertically, and the child nodes visually branch out with CSS.
Even though the state management logic in this library is comparable, the custom styling and control over how moves are laid out in React Chess Analysis Board makes it impossible to create a similar structure for the caller.
Additionally, this library currently forces the use of parentheses to wrap child nodes. I'd like to make that optional once the layout and visual separation of child nodes can be controlled more flexibly. (That can probably be a new issue once this one is complete)
Currently, the style and layout of the
Moves
component is very limited. Users can change the css applied to:I would like to give them control over the actual layout in which moves are rendered. For example if you look at the lichess analysis board and start making a bunch of branches, you will see that each move half of the root node renders on a different side, each full move on the root node stacks vertically, and the child nodes visually branch out with CSS.
Even though the state management logic in this library is comparable, the custom styling and control over how moves are laid out in React Chess Analysis Board makes it impossible to create a similar structure for the caller.
Additionally, this library currently forces the use of parentheses to wrap child nodes. I'd like to make that optional once the layout and visual separation of child nodes can be controlled more flexibly. (That can probably be a new issue once this one is complete)